@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#10131a;--bg-strong:#07090d;--surface:#171c24;--surface-raised:#202631;--line:#303846;--line-strong:#495464;--text:#f6f1e8;--muted:#a7b0bb;--quiet:#707b88;--amber:#f0a63a;--amber-soft:#372716;--mint:#71e0b8;--red:#ef6a62;--red-soft:#3a1d1e;--blue:#75a7ff;--shadow:0 24px 80px #00000059;--radius:8px;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{background:var(--bg-strong);min-width:320px}body{background:linear-gradient(110deg, #f0a63a14, transparent 34%), radial-gradient(circle at 88% 12%, #71e0b81a, transparent 24%), var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:IBM Plex Sans,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}img{max-width:100%;display:block}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.rail{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff0a,#0000),#07090dd6;flex-direction:column;gap:20px;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand-mark,.operator,.metric,.tab,.ghost-button,.primary-button,.icon-button,.queue-item,.case-row,.toggle,.selected-member{min-height:44px}.brand-mark{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px;display:flex}.brand-mark svg{color:var(--amber)}.brand-mark span,h1,h2,.metric strong{font-family:Space Grotesk,sans-serif}h1,h2,p{margin:0}h1{max-width:980px;font-size:clamp(32px,5vw,64px);line-height:.98}h2{font-size:22px;line-height:1.1}.eyebrow{color:var(--amber);text-transform:uppercase;letter-spacing:0;font-size:12px;font-weight:700}.rail-status{grid-template-columns:1fr 1fr;gap:8px;display:grid}.rail-status span{border:1px solid var(--line);border-radius:var(--radius);min-height:38px;color:var(--muted);background:#171c24b3;place-items:center;font-size:12px;font-weight:700;display:grid}.guild-list{gap:8px;padding-right:4px;display:grid;overflow:auto}.guild-button{width:100%;color:var(--text);border-radius:var(--radius);cursor:pointer;text-align:left;transition:background .18s var(--ease), border-color .18s var(--ease), transform .18s var(--ease);background:0 0;border:1px solid #0000;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid}.guild-button:hover:not(:disabled),.guild-button.is-active{background:var(--surface);border-color:var(--line)}.guild-button:active:not(:disabled){transform:translateY(1px)}.guild-button.is-ready em{color:var(--mint)}.guild-button.is-missing{border-color:#f0a63a29}.guild-button.is-missing:hover,.guild-button.is-missing.is-active{background:#f0a63a14;border-color:#f0a63a5c}.guild-button img,.guild-button>span{border-radius:var(--radius);background:var(--amber-soft);width:42px;height:42px;color:var(--amber);text-transform:uppercase;place-items:center;font-weight:700;display:grid}.guild-button strong,.guild-button em,.queue-item strong,.case-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.guild-button em{color:var(--red);grid-column:2;font-size:12px;font-style:normal}.workspace{align-content:start;gap:22px;padding:28px;display:grid}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.operator{border:1px solid var(--line);border-radius:var(--radius);background:#171c24c7;align-items:center;gap:12px;min-width:210px;padding:10px 12px;display:flex}.operator img,.operator>span{background:var(--surface-raised);width:42px;height:42px;color:var(--mint);border-radius:50%;place-items:center;font-weight:700;display:grid}.operator small,.metric small,.queue-item small,.case-row small,.section-heading span{color:var(--muted)}.overview-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.invite-panel{grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:24px;min-height:420px;padding:28px;display:grid;position:relative;overflow:hidden}.invite-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#f0a63a1f,#0000 38%),linear-gradient(315deg,#71e0b814,#0000 48%);position:absolute;inset:0}.invite-panel>*{position:relative}.invite-glyph{aspect-ratio:1;border-radius:var(--radius);background:linear-gradient(180deg, #f0a63a2e, #f0a63a0d), var(--bg-strong);width:96px;color:var(--amber);border:1px solid #f0a63a59;place-items:center;display:grid}.invite-glyph svg{width:42px;height:42px}.invite-panel h2{margin:6px 0 12px;font-size:clamp(32px,5vw,58px)}.invite-panel p:not(.eyebrow){max-width:680px;color:var(--muted);line-height:1.65}.invite-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.metric{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#ffffff0d,#ffffff05);gap:8px;padding:16px;display:grid}.metric svg{color:var(--mint)}.metric strong{font-size:24px}.tabs{border-bottom:1px solid var(--line);gap:8px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border-bottom:2px solid #0000;align-items:center;gap:9px;padding:0 16px;display:inline-flex}.tab svg,.primary-button svg,.ghost-button svg,.icon-button svg,.action-grid svg{width:18px;height:18px}.tab.is-active{color:var(--text);border-color:var(--amber)}.surface{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(#ffffff0b,#0000),#171c24eb}.music-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px;display:grid}.now-playing{grid-column:1/-1;grid-template-columns:156px minmax(0,1fr) auto;align-items:center;gap:22px;min-height:216px;padding:24px;display:grid;position:relative;overflow:hidden}.now-playing:before{content:"";pointer-events:none;background:linear-gradient(95deg,#f0a63a29,#0000 45%,#71e0b81f);position:absolute;inset:0}.vinyl{aspect-ratio:1;border:1px solid var(--line-strong);background:repeating-radial-gradient(circle, #ffffff14 0 1px, transparent 1px 8px), var(--bg-strong);z-index:1;border-radius:50%;place-items:center;width:156px;display:grid;overflow:hidden}.vinyl img{aspect-ratio:1;object-fit:cover;border-radius:50%;width:72%}.track-copy{z-index:1;min-width:0}.track-copy h2{overflow-wrap:break-word;margin:6px 0 8px;font-size:clamp(30px,5vw,56px)}.track-copy p:last-child{color:var(--muted);max-width:62ch}.transport{z-index:1;flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.icon-button,.primary-button,.ghost-button,.action-grid button{border-radius:var(--radius);cursor:pointer;transition:transform .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease);justify-content:center;align-items:center;gap:8px;display:inline-flex}.icon-button{width:46px;height:46px;color:var(--text);background:var(--surface-raised);border:1px solid var(--line)}.icon-button:hover,.ghost-button:hover,.action-grid button:hover{border-color:var(--line-strong);transform:translateY(-1px)}.primary-button{background:var(--amber);color:#17100a;min-height:46px;padding:0 18px;font-weight:700;text-decoration:none}.primary-button.compact{min-height:40px}.primary-button:disabled,.icon-button:disabled{opacity:.5;cursor:not-allowed}.ghost-button{color:var(--muted);border:1px solid var(--line);background:0 0;padding:0 14px}.logout{margin-top:auto}.queue-form,.queue-list,.action-panel,.cases-panel,.settings-panel{align-content:start;gap:14px;padding:18px;display:grid}label,.field span{color:var(--muted);font-weight:600}.search-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-strong);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;padding:0 8px 0 12px;display:grid}.music-search{gap:8px;display:grid;position:relative}.track-suggestions{gap:6px;display:grid}.track-suggestions button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);min-height:54px;color:var(--text);text-align:left;cursor:pointer;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 10px;display:grid}.track-suggestions button:hover{border-color:var(--line-strong)}.track-suggestions img,.track-suggestions svg{border-radius:var(--radius);width:42px;height:42px}.track-suggestions svg{color:var(--amber);background:var(--bg-strong);padding:10px}.track-suggestions span{gap:2px;min-width:0;display:grid}.track-suggestions strong,.track-suggestions small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-suggestions small,.track-suggestions time{color:var(--muted)}.search-row svg,.range-label svg{color:var(--quiet)}input,select,textarea{width:100%;color:var(--text);background:var(--bg-strong);border:1px solid var(--line);border-radius:var(--radius);outline:none}.search-row input{border:0;min-height:42px}select,textarea,.field input{min-height:46px;padding:10px 12px}textarea{resize:vertical;overflow-wrap:break-word;min-height:104px}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:2px}input[type=range]{accent-color:var(--amber);padding:0}.range-label{align-items:center;gap:8px;display:inline-flex}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.queue-list,.cases-panel{max-height:560px;overflow:auto}.queue-item,.case-row{border-bottom:1px solid var(--line);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;display:grid}.queue-item:last-child,.case-row:last-child{border-bottom:0}.queue-item>span,.case-row>span{background:var(--amber-soft);width:32px;height:32px;color:var(--amber);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.queue-item time,.case-row time{color:var(--quiet);font-variant-numeric:tabular-nums}.moderation-layout,.settings-grid{grid-template-columns:minmax(320px,.82fr) minmax(0,1fr);gap:16px;display:grid}.member-results{gap:6px;max-height:238px;display:grid;overflow:auto}.member-results button{background:var(--surface-raised);min-height:44px;color:var(--text);border:1px solid var(--line);border-radius:var(--radius);text-align:left;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:6px 10px;display:grid}.member-results img,.selected-member img{border-radius:50%;width:34px;height:34px}.selected-member{border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--muted);align-items:center;gap:10px;padding:8px 10px;display:flex}.action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.action-grid button{min-height:48px;color:var(--text);background:var(--surface-raised);border:1px solid var(--line)}.danger-soft{color:var(--red)!important;background:var(--red-soft)!important}.field{gap:8px;display:grid}.toggle{color:var(--text);cursor:pointer;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;display:grid}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle span{background:var(--bg-strong);border:1px solid var(--line);width:48px;height:28px;transition:background .18s var(--ease), border-color .18s var(--ease);border-radius:999px;position:relative}.toggle span:after{content:"";background:var(--quiet);width:20px;height:20px;transition:transform .18s var(--ease), background .18s var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.toggle input:checked+span{background:#71e0b81f;border-color:#71e0b899}.toggle input:checked+span:after{background:var(--mint);transform:translate(20px)}.banner{border-radius:var(--radius);border:1px solid var(--line);overflow-wrap:anywhere;align-items:center;gap:10px;padding:12px 14px;display:flex}.banner.danger{background:var(--red-soft);color:#ffd7d4;border-color:#ef6a626b}.banner.success{color:#d4fff0;background:#71e0b81a;border-color:#71e0b86b}.empty-state{text-align:center;min-height:220px;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius);place-content:center;gap:6px;padding:24px;display:grid}.empty-state.compact{min-height:140px}.empty-state strong{color:var(--text);font-family:Space Grotesk,sans-serif}.login-screen,.loading-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.login-hero{isolation:isolate;align-content:center;gap:22px;width:min(940px,100%);min-height:min(720px,100vh - 48px);display:grid;position:relative}.login-hero:before{content:"";border:1px solid var(--line);border-radius:var(--radius);z-index:-2;background:linear-gradient(135deg,#f0a63a24,#0000 38%),linear-gradient(315deg,#75a7ff21,#0000 34%),#171c2480;position:absolute;inset:-24px}.signal-grid{opacity:.24;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);z-index:-1;background-size:42px 42px;position:absolute;inset:-24px;-webkit-mask-image:linear-gradient(90deg,#000,#0000 78%);mask-image:linear-gradient(90deg,#000,#0000 78%)}.login-hero h1{max-width:760px}.login-hero p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:18px;line-height:1.6}.loading-screen{color:var(--muted);gap:14px}.spin{color:var(--amber);animation:1.4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.app-shell{grid-template-columns:1fr}.rail{height:auto;position:static}.guild-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.workspace{padding:20px}.topbar,.now-playing{grid-template-columns:1fr}.topbar{display:grid}.operator{width:100%}.overview-strip,.music-layout,.moderation-layout,.settings-grid,.invite-panel{grid-template-columns:1fr}.transport,.invite-actions{justify-content:flex-start}}@media (width<=620px){.workspace{padding:14px}.tabs,.action-grid{grid-template-columns:1fr 1fr;display:grid}.tab{justify-content:center}.search-row{grid-template-columns:24px minmax(0,1fr);padding-bottom:8px}.search-row .primary-button{grid-column:1/-1;width:100%}.queue-item,.case-row{grid-template-columns:32px minmax(0,1fr)}.queue-item time,.case-row time{grid-column:2}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}