:root{color-scheme:dark;--bg:#0b0d18;--panel:#171b2e;--panel2:#202640;--line:#343a59;--text:#f4f3ff;--muted:#adb4d0;--violet:#a79aff;--gold:#ffc857;--red:#ff9aa8;--green:#9de1cb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(900px 520px at 0% -10%,#26244f 0%,transparent 65%),linear-gradient(160deg,#0b0d18,#101528 58%,#0c1020);color:var(--text)}a{color:var(--violet);text-decoration:none}.topbar{height:74px;padding:0 max(22px,calc((100vw - 1380px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14;background:#0b0d18b8;backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:white;font-weight:850;font-size:22px}.brand img{width:36px;height:36px;object-fit:contain}.topbar nav{display:flex;align-items:center;gap:24px}.topbar nav a{color:#c4c9e3;font-size:14px}.topbar nav .install{background:#8e82ed;color:#16132d;padding:10px 14px;border-radius:12px;font-weight:800}.layout{max-width:1380px;margin:28px auto;padding:0 22px;display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px}.sidebar{display:flex;flex-direction:column;gap:14px}.side-card,.main-panel{background:#15192bdf;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 70px #0003}.side-card{padding:17px}.main-panel{padding:24px;min-height:720px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:850;color:#a9a4ee;text-transform:uppercase}.server-name{font-size:18px;font-weight:800;margin-top:8px}.muted{color:var(--muted)}.small{font-size:12px;overflow-wrap:anywhere;margin-top:4px}.stack{display:flex;flex-direction:column;gap:8px}.compact{margin-top:14px}.stack label,.field-label{color:#cdd1e7;font-size:12px;font-weight:700}.input, input, textarea, select{font:inherit;width:100%;padding:12px 13px;border:1px solid #3e4568;border-radius:12px;background:#0d1121;color:var(--text);outline:0}input:focus,textarea:focus,select:focus{border-color:var(--violet)}textarea{min-height:95px;resize:vertical}.button{border:0;border-radius:12px;padding:11px 15px;background:#34395c;color:white;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button.primary{background:linear-gradient(135deg,#afa3ff,#7c72df);color:#17142d}.button.secondary{background:#2a304c;color:#dfe2fa;border:1px solid #465075}.button.danger{background:#572c43;color:#ffd9e0}.button.good{background:#21453f;color:#c6f4e5}.button.full{width:100%}.button:disabled{opacity:.45;cursor:not-allowed}.saved-heading{margin-top:17px;color:#cbd0e8;font-weight:800;font-size:12px}.saved-list{display:grid;gap:7px;margin-top:8px}.saved-server{display:flex;align-items:center;gap:8px;border:1px solid #343a59;background:#101426;border-radius:11px;padding:9px}.saved-server button:first-child{background:none;border:0;text-align:left;color:#e7e8fa;flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.saved-server .remove{background:none;border:0;color:var(--red);font-size:18px;cursor:pointer}.side-nav{display:grid;gap:7px}.nav-item{width:100%;border:1px solid transparent;border-radius:12px;background:transparent;color:#bdc4df;text-align:left;padding:12px 14px;font:inherit;font-size:14px;cursor:pointer}.nav-item:hover,.nav-item.active{background:#242847;border-color:#42486b;color:white}.side-note{font-size:11px;line-height:1.6;color:#838cae;padding:0 4px}.main-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px}.main-heading h1{font-size:clamp(28px,4vw,40px);letter-spacing:-.04em;margin:6px 0}.main-heading p{margin:0;color:var(--muted);font-size:14px}.heading-actions{display:flex;gap:8px}.notice,.error{padding:12px 14px;border-radius:13px;margin:0 0 14px;font-size:13px}.notice{background:#1c3c38;border:1px solid #38675f;color:#baf1e1}.error{background:#462636;border:1px solid #774157;color:#ffd2dc}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.item-card,.social-card,.detail-card,.form-card,.message-card{background:#1c2137;border:1px solid #343b5e;border-radius:18px;padding:16px}.item-card{cursor:pointer;transition:transform .16s ease,border-color .16s ease}.item-card:hover{transform:translateY(-2px);border-color:#7770c3}.item-card h3,.social-card h3{margin:0 0 7px;font-size:17px}.item-card p,.social-card p{font-size:13px;color:#b9c0db;line-height:1.5}.item-meta{color:#929ab9;font-size:11px;margin:7px 0}.rating{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:9px;background:#40371f;color:#ffdb83;font-weight:900;font-size:12px}.tag{display:inline-block;margin:5px 4px 0 0;padding:4px 8px;border:1px solid #46436b;border-radius:999px;color:#d1cbff;font-size:10px}.empty{padding:34px 20px;text-align:center;border:1px dashed #465071;border-radius:17px;color:#9ba4c5}.toolbar{display:flex;gap:10px;margin-bottom:15px}.toolbar input{flex:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-field{display:grid;gap:6px}.form-field.full{grid-column:1/-1}.form-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.stats{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.stat{background:#11172a;border:1px solid #39415f;border-radius:12px;padding:9px 12px;color:#bbc3e3;font-size:12px}.stat strong{color:white;margin-right:4px}.profile-head{display:flex;align-items:center;gap:14px}.avatar{width:68px;height:68px;border-radius:50%;object-fit:cover;background:#39355f;display:grid;place-items:center;font-weight:900;font-size:25px;color:white}.profile-head h2{margin:0 0 4px}.section-title{font-size:17px;margin:22px 0 10px}.list-stack{display:grid;gap:9px}.list-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid #343b5e;background:#1b2035;border-radius:13px}.list-row button.text{background:none;border:0;color:#e6e8fb;text-align:left;cursor:pointer;font:inherit}.review{padding:12px 0;border-bottom:1px solid #343b5e}.review:last-child{border:0}.message{max-width:78%;padding:10px 13px;border:1px solid #3b4260;background:#20263d;border-radius:14px;margin:8px 0}.message.mine{margin-left:auto;background:#39345f;border-color:#5b5489}.message time{display:block;margin-top:6px;color:#9da5c3;font-size:10px}.chat-log{max-height:480px;overflow:auto;padding:8px 0}.footer{max-width:1380px;margin:0 auto;padding:0 22px 28px;display:flex;justify-content:space-between;color:#838cae;font-size:12px}.footer a{color:#b3aaff}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr}.side-nav{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.side-note{grid-column:1/-1}.main-panel{min-height:500px}}@media(max-width:620px){.topbar{padding:0 16px}.topbar nav{gap:11px}.topbar nav a{font-size:11px}.topbar nav .install{padding:8px}.layout{padding:0 12px;margin:14px auto}.sidebar{display:flex}.side-nav{grid-template-columns:repeat(2,1fr)}.main-panel{padding:16px}.main-heading{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.toolbar{flex-direction:column}.footer{padding:0 14px 20px;gap:14px;flex-direction:column}}