:root { color-scheme:dark; --bg:#0e101a; --side:#10131f; --surface:#181c2c; --surface2:#20253a; --line:#30364a; --text:#e9eaf5; --muted:#9da5bb; --accent:#a997ff; --purple:#725bd1; --green:#58d4a3; --red:#ff8eaa; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; } body { background:var(--bg); color:var(--text); margin:0; font-size:15px; } button, input, select, textarea { font:inherit; } button { cursor:pointer; }
.shell {display:flex; min-height:100vh;} .sidebar {width:254px; background:var(--side); border-right:1px solid var(--line); padding:28px 14px 20px; display:flex; flex-direction:column; flex-shrink:0;}
.brand{display:flex;gap:13px;align-items:center;padding:0 13px 44px}.brandmark{width:43px;height:43px;display:grid;place-items:center;background:linear-gradient(145deg,#9b8aff,#5541a4);color:white;border-radius:13px;box-shadow:0 8px 24px #6040d044;font-size:25px;font-weight:900}.brand strong{font-size:22px;letter-spacing:3px}.brand span{font-size:9px;letter-spacing:1.6px;color:var(--muted);display:block;margin-top:4px}
.nav-title,.eyebrow{color:var(--accent);font-size:10px;font-weight:750;letter-spacing:1.8px}.nav-title{padding:0 16px;margin-bottom:14px;color:#717a94}.nav-button{width:100%;border:0;background:transparent;color:#a9b1c9;padding:13px 16px;text-align:left;border-radius:11px;display:flex;align-items:center;gap:15px;font-size:17px;margin-bottom:5px}.nav-button span{font-size:13px;font-weight:600}.nav-button:hover,.nav-button.active{background:#2d284a;color:#e9ddff}.nav-button.active{box-shadow:inset 3px 0 #b29cff}.side-footer{margin-top:auto;padding:24px 12px 0;color:#93a0b8;font-size:11px}.side-footer span:last-child{color:#707995}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px}
.main{flex:1;min-width:0}.top{height:76px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 38px}.breadcrumb{font-weight:700;color:#b9c0d3}.breadcrumb span{margin-left:8px;color:#848da6;font-weight:400}.top-right{display:flex;align-items:center;gap:17px;font-size:12px}.connection{color:var(--green)}.content{max-width:1190px;margin:0 auto;padding:38px}.hero{display:flex;gap:22px;justify-content:space-between;align-items:end;margin-bottom:28px}.hero h1{font-size:clamp(25px,3vw,35px);letter-spacing:-.8px;margin:12px 0 6px}.muted,.hero p,.panel p,.stat p{color:var(--muted)}.hero p{margin:0}.guild-picker{min-width:260px}.guild-picker label{font-size:10px;color:#8e96b0;letter-spacing:1px;margin-bottom:7px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:21px}.stat,.panel{background:linear-gradient(140deg,#1b2032,#15192a);border:1px solid var(--line);border-radius:15px}.stat{padding:25px}.stat small{color:#9fa9c2;font-size:12px}.stat strong{display:block;font-size:23px;margin:11px 0 5px}.stat p{font-size:12px;margin:0}.panel{padding:27px;margin-bottom:20px}.panel h2{font-size:20px;margin:0 0 10px}.panel h3{font-size:14px;margin:27px 0 13px}.panel p{line-height:1.65;font-size:13px}.panel-heading{display:flex;align-items:start;justify-content:space-between}.pill{background:#3d3159;color:#d7c8ff;padding:8px 12px;border-radius:30px;font-weight:800;font-size:12px}
label{display:block;font-weight:600;font-size:12px;color:#bec5d9}input:not([type=checkbox]), select,textarea{width:100%;background:#111526;color:#ebedfa;border:1px solid #353c52;border-radius:10px;padding:13px 14px;outline:none;margin-top:9px;margin-bottom:17px}input:focus,select:focus,textarea:focus{border-color:#9986ee;box-shadow:0 0 0 3px #9986ee22}textarea{resize:vertical;line-height:1.6}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-top:10px}.primary{border:0;background:linear-gradient(120deg,#9274f0,#6c52d8);color:white;border-radius:10px;padding:13px 19px;font-size:13px;font-weight:750}.primary:hover{filter:brightness(1.14)}.secondary{border:1px solid #454b60;border-radius:10px;background:#292e41;color:#f3efff;padding:10px 16px}.small{padding:7px 12px}.hidden{display:none!important}.tip{border-left:3px solid #8b78ce;padding-left:13px;margin-top:22px}.toggle{display:flex;align-items:center;gap:10px;margin:24px 0;font-size:15px}.toggle input{accent-color:#9775fc;width:18px;height:18px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:7px 12px;background:#2a3149;border:1px solid #424a64;border-radius:20px;font-size:12px}.plain-list{list-style:none;padding:0}.plain-list li{padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.code-list{white-space:pre-wrap;overflow-wrap:anywhere;background:#111526;border:1px solid #30364a;border-radius:10px;padding:15px;color:#d5c9fc}.centered{margin:75px auto;text-align:center;max-width:590px}.centered .panel{text-align:left}.centered h1{font-size:28px}.centered .muted{font-size:13px;line-height:1.6}.loader{display:inline-block;border:3px solid #343047;border-top-color:#a793ff;border-radius:50%;width:27px;height:27px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{display:none;background:#283451;color:#e9ecff;border:1px solid #4e5e94;border-radius:10px;padding:12px 15px;margin-bottom:18px;font-size:13px}#toast.error{background:#442934;border-color:#85495e;color:#ffe1ea}#toast.show{display:block}a{color:#bdafff}
@media(max-width:850px){.sidebar{width:74px;padding-left:8px;padding-right:8px}.brand{padding:0 6px 32px}.brand>div:last-child,.nav-title,.nav-button span,.side-footer{display:none}.nav-button{justify-content:center}.top{padding:0 18px}.content{padding:23px 16px}.hero{display:block}.guild-picker{margin-top:18px}.fields,.stats{grid-template-columns:1fr}.stat{padding:18px}.top-right{gap:9px}.connection{display:none}}

.guild-actions{display:flex;align-items:end;gap:16px;flex-wrap:wrap}
a.invite-action{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none}
@media(max-width:850px){.guild-actions{align-items:stretch;margin-top:16px}.guild-picker{flex:1;min-width:185px;margin-top:0}}

/* v0.4: descriptive, non-destructive server channel/role explorer */
.structure-list{display:grid;gap:12px;margin-top:18px}
.structure-group{background:#111526;border:1px solid #30364a;border-radius:12px;padding:13px}
.structure-group h3{margin:4px 6px 12px;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#aab5d2}
.structure-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 11px;border-radius:8px}
.structure-row:nth-of-type(even){background:#ffffff05}
.structure-name{font-size:13px;color:#e6e6f5;padding-left:8px;overflow-wrap:anywhere}
.structure-flags{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.flag{font-size:10px;color:#aab3d0;border:1px solid #3d4660;border-radius:20px;padding:4px 8px;white-space:nowrap}
.flag-public{border-color:#5b745f;color:#9bd5a8}
@media(max-width:620px){.structure-row{align-items:flex-start;flex-direction:column}.structure-flags{justify-content:start}}