:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f5ef;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f4f5ef;--muted:#929d99;--surface:#141b1b;--surface-raised:#1b2423;--line:#2a3533;--accent:#f1ad5a;--accent-deep:#d98b35;--danger:#f07872;background:#0d1212;font-family:Avenir Next,Segoe UI Variable,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:#0d1212;min-width:320px;height:100dvh;margin:0;overflow:hidden}button,input,select{font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option,select optgroup{background-color:var(--surface);color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent;color:inherit}.app-shell{flex-direction:column;height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:#101616;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 clamp(20px,4vw,64px);display:grid}.brand{align-items:center;gap:11px;width:fit-content;text-decoration:none;display:inline-flex}.brand-mark{color:#151311;background:var(--accent);border-radius:50%;place-items:center;width:39px;height:39px;display:grid;overflow:hidden;box-shadow:0 8px 24px #00000038}.brand-mark img{object-fit:cover;width:100%;height:100%}.brand-mark.large{border-radius:15px;width:56px;height:56px;margin-bottom:24px}.brand strong{letter-spacing:-.01em;font-size:16px;line-height:1;display:block}.brand small{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin-top:5px;font-size:11px;display:block}.server-pill{color:#cbd2ce;border:1px solid var(--line);border-radius:999px;align-items:center;gap:9px;min-width:0;padding:8px 13px;font-size:13px;display:inline-flex}.server-picker{padding:4px 10px 4px 13px}.server-picker select{min-width:0;max-width:min(280px,42vw);color:inherit;cursor:pointer;text-overflow:ellipsis;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;outline:none}.server-picker select option,.server-picker select optgroup{background-color:var(--surface-raised);color:var(--ink)}.server-picker select option:checked{background-color:var(--line);color:var(--ink)}.live-dot{background:#6fd39a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #6fd39a1a}.user-button{color:#cbd2ce;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:6px 8px;display:flex}.user-button span{font-size:13px}.user-button img{object-fit:cover;border-radius:50%;width:30px;height:30px}.user-button svg{color:var(--muted);margin-left:3px}.locale-toggle{border:1px solid var(--line);background:var(--surface);align-items:stretch;display:inline-flex}.locale-toggle button{min-width:38px;min-height:32px;color:var(--muted);cursor:pointer;font:inherit;letter-spacing:.08em;background:0 0;border:0;padding:0 8px;font-size:11px}.signin-card{position:relative}.signin-locale{position:absolute;top:14px;right:14px}.topbar-actions{justify-self:end;align-items:center;gap:8px;display:flex}.page-nav{border:1px solid var(--line);background:var(--surface);align-items:stretch;display:inline-flex}.page-nav a{min-height:32px;color:var(--muted);align-items:center;gap:6px;padding:0 10px;font-size:12px;text-decoration:none;display:inline-flex}.history-toggle{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 12px;display:none}.history-toggle em{background:var(--accent);color:#17130f;text-align:center;border-radius:999px;min-width:18px;padding:0 5px;font-size:11px;font-style:normal;font-weight:700}.history-backdrop{z-index:55;cursor:pointer;background:#080a0a8c;border:0;display:none;position:fixed;inset:0}.history-drawer-close{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;place-items:center;display:none}.history-heading-actions{align-items:center;gap:10px;display:flex}.dashboard{flex:1;grid-template-columns:minmax(300px,.72fr) minmax(400px,1fr) minmax(280px,.78fr);width:min(1760px,100%);min-height:0;margin:0 auto;display:grid;overflow:hidden}.now-panel,.queue-panel,.history-panel{flex-direction:column;min-height:0;display:flex}.queue-panel,.history-panel{overflow:hidden}.now-panel{border-right:1px solid var(--line);background:#111818;padding:clamp(28px,4vw,56px);overflow:hidden auto}.queue-panel{border-right:1px solid var(--line);background:#0d1212;padding:clamp(24px,3.5vw,48px)}@media (width>=721px) and (height<=800px){.queue-panel{padding-block:12px}.queue-panel .queue-heading-row{margin-top:8px}}.history-panel{background:#0b1010;padding:clamp(24px,3.5vw,48px);position:relative}.queue-scroll,.history-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;flex:1;min-height:0;overflow:hidden auto}.queue-scroll::-webkit-scrollbar{width:8px}.history-scroll::-webkit-scrollbar{width:8px}.queue-scroll::-webkit-scrollbar-track{background:0 0}.history-scroll::-webkit-scrollbar-track{background:0 0}.queue-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.history-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.queue-scroll::-webkit-scrollbar-thumb:hover{background:var(--accent-deep)}.history-scroll::-webkit-scrollbar-thumb:hover{background:var(--accent-deep)}.section-kicker{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;flex:none;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}h1,h2,h3,p{margin-top:0}.now-panel>h1{letter-spacing:-.055em;margin:8px 0 28px;font-size:clamp(30px,4vw,50px);line-height:1}.now-visual{width:min(100%,560px)}.album-art{aspect-ratio:1;background:#202927;border:1px solid #33403e;place-items:center;width:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 70px #00000047}.playback-progress{margin-top:10px}.playback-progress-bar{background:#2a3533;border-radius:999px;height:4px;position:relative;overflow:hidden}.playback-progress-bar>span{width:0;height:100%;transition:width .25s linear;display:block;position:absolute;inset:0 auto 0 0}.playback-progress-bar.seekable{cursor:pointer;background-clip:padding-box;border-block:8px solid #0000;margin-block:-8px}.playback-progress-bar.seekable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.playback-progress-bar.seekable[aria-disabled=true]{cursor:progress}.playback-progress-played{z-index:1;background:var(--accent)}.playback-progress-time{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.02em;justify-content:space-between;gap:12px;margin-top:6px;font-size:11px;display:flex}.album-art img{object-fit:cover;width:100%;height:100%}.playing-bars{background:#0d1212e0;border-radius:8px;align-items:flex-end;gap:4px;height:38px;padding:9px 10px;display:flex;position:absolute;bottom:18px;left:18px}.playing-bars i{background:var(--accent);width:3px;height:17px;animation:.75s ease-in-out infinite alternate equalize;display:block}.playing-bars i:nth-child(2){height:11px;animation-delay:-.35s}.playing-bars i:nth-child(3){height:19px;animation-delay:-.2s}.playing-bars i:nth-child(4){height:8px;animation-delay:-.5s}@keyframes equalize{to{height:5px}}.current-copy{margin-top:25px}.current-title{letter-spacing:-.035em;width:fit-content;max-width:100%;font-size:clamp(22px,2.4vw,32px);font-weight:700;line-height:1.18;text-decoration:none;display:block}.current-title:hover{color:var(--accent)}.track-artists{color:var(--muted);font-size:12px;line-height:1.4;display:block}.current-artists{overflow-wrap:anywhere;margin-top:7px;font-size:16px}.current-copy p{color:var(--muted);margin:9px 0 14px}.track-meta{flex-wrap:wrap;gap:8px;display:flex}.track-meta span{border:1px solid var(--line);color:#aeb8b4;text-transform:capitalize;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;display:inline-flex}.empty-copy h2{margin-bottom:8px;font-size:24px}.empty-copy p{max-width:430px;line-height:1.6}.controls{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.controls .control-button{flex:auto}.controls .control-button.primary{flex-grow:1.25}.control-button{border:1px solid var(--line);background:var(--surface-raised);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:54px;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.control-button svg{width:19px}.control-button:hover:not(:disabled){border-color:#4b5a57;transform:translateY(-1px)}.control-button.primary{background:var(--accent);border-color:var(--accent);color:#17130f;font-weight:700}.control-button.primary:hover:not(:disabled){background:#ffc477}.control-button:disabled{opacity:.38;cursor:not-allowed}.now-panel{container:now/inline-size}@container now (width<=560px){.controls{grid-template-columns:repeat(5,1fr);display:grid}.control-button span{display:none}}.request-form{border-bottom:1px solid var(--line);flex:none;padding-bottom:22px}.request-form>label{margin-bottom:11px;font-size:14px;font-weight:700;display:block}.request-row{grid-template-columns:1fr auto;gap:9px;display:grid}.request-row input{background:var(--surface);width:100%;min-width:0;height:52px;color:var(--ink);border:1px solid #33403e;border-radius:10px;outline:0;padding:0 16px}.request-row button,.discord-button{background:var(--accent);color:#17130f;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:52px;padding:0 19px;font-weight:750;display:inline-flex}.request-row button:hover:not(:disabled){background:#ffc477}.request-row button:disabled{opacity:.55;cursor:not-allowed}.request-row svg{width:19px}.channel-picker{color:var(--muted);align-items:center;gap:9px;margin-top:11px;display:flex}.channel-picker select{border:1px solid var(--line);background:var(--surface);height:38px;color:var(--ink);border-radius:8px;padding:0 30px 0 10px}.form-hint{color:#6f7a77;margin:10px 0 0;font-size:12px}.queue-heading-row{flex:none;justify-content:space-between;align-items:end;gap:18px;margin:22px 0 14px;display:flex}.queue-heading-row h2{letter-spacing:-.045em;margin:6px 0 0;font-size:clamp(27px,3vw,38px)}.queue-count{color:var(--muted);font-size:12px}.queue-duration{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;margin:-4px 0 14px;font-size:12px;line-height:1.5}.filter-row{border-bottom:1px solid var(--line);flex-wrap:wrap;flex:none;align-items:flex-end;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.filter-row.compact{margin-bottom:14px;padding-bottom:10px}.filter-row-fields{flex-wrap:wrap;align-items:flex-end;gap:8px;min-width:0;display:flex}.filter-field{flex-direction:column;gap:4px;min-width:0;display:flex}.filter-field-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:700}.filter-field-control{border:1px solid var(--line);background:var(--surface);max-width:180px;height:34px;color:var(--ink);padding:0 9px;font-size:13px}.filter-row.compact .filter-field-control{max-width:150px;height:30px;font-size:12px}.filter-field-control:hover{border-color:var(--accent-deep)}.filter-field-control:focus-visible{outline:2px solid var(--accent);outline-offset:1px}select.filter-field-control{cursor:pointer}.filter-row-summary{color:var(--muted);align-items:center;gap:9px;margin-left:auto;font-size:12px;display:flex}.filter-row-clear{cursor:pointer;border:1px solid var(--line);background:var(--surface-raised);min-height:30px;color:var(--ink);padding:0 10px;font-size:12px}.filter-row-clear:hover{border-color:var(--accent);color:var(--accent)}.filter-row-note{width:100%;color:var(--accent);margin:0;font-size:12px;line-height:1.4}.drag-handle:disabled{opacity:.28;cursor:not-allowed}.queue-list{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.queue-item{background:var(--surface);border:1px solid #0000;border-radius:10px;grid-template-columns:26px 28px 48px minmax(0,1fr) 36px;align-items:center;gap:11px;min-height:76px;padding:8px 10px;transition:background .15s,border-color .15s,box-shadow .15s;display:grid}.queue-item:hover{border-color:var(--line);background:#18201f}.queue-item.dragging{z-index:10;border-color:var(--accent);box-shadow:0 14px 35px #00000059}.drag-handle,.remove-button{color:#596461;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.drag-handle{touch-action:none;height:40px}.drag-handle svg{width:18px}.track-number{color:#596461;font-variant-numeric:tabular-nums;font-size:11px}.queue-thumb{color:#66716e;background:#252f2d;border-radius:6px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.queue-thumb img{object-fit:cover;width:100%;height:100%}.queue-thumb svg{width:19px}.queue-copy{min-width:0}.queue-copy a{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;text-decoration:none;display:block;overflow:hidden}.queue-copy a:hover{color:var(--accent)}.queue-copy span{color:var(--muted);text-transform:capitalize;margin-top:5px;font-size:11px;display:block}.queue-copy .track-artists{text-transform:none;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.remove-button{border-radius:8px;width:34px;height:34px}.remove-button svg{width:17px}.empty-queue{color:#65706d;text-align:center;border:1px dashed #303b39;flex:1;align-content:center;place-items:center;min-height:0;display:grid}.empty-queue h3{color:#b9c1bd;margin:14px 0 5px;font-size:16px}.empty-queue p{margin:0;font-size:13px}.history-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.history-item{background:var(--surface);border:1px solid #0000;border-radius:10px}.history-item.open{border-color:var(--line);background:#18201f}.history-summary{width:100%;min-height:56px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:8px 10px;display:grid}.history-summary:hover{color:var(--ink)}.history-avatar{color:#66716e;background:#252f2d;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;overflow:hidden}.history-avatar img{object-fit:cover;width:100%;height:100%}.history-copy{min-width:0;font-size:13px;line-height:1.35}.history-copy strong{font-weight:700}.history-ago{color:var(--muted);margin-top:3px;font-size:11px;display:block}.history-chevron{color:var(--muted);justify-self:end;transition:transform .15s}.history-item.open .history-chevron{transform:rotate(180deg)}.history-card{padding:0 12px 12px 52px}.history-card p{color:var(--muted);font-variant-numeric:tabular-nums;margin:0 0 10px;font-size:11px}.history-card ol{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.history-card li{color:#cfd5d1;grid-template-columns:1.4em minmax(0,1fr) auto;align-items:baseline;gap:8px;font-size:12px;display:grid}.history-track-number{color:var(--muted);font-variant-numeric:tabular-nums}.history-track-copy{min-width:0}.history-track-title,.history-track-copy .track-artists{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.history-track-copy .track-artists{margin-top:3px;font-size:11px}.history-track-time{color:var(--muted);font-variant-numeric:tabular-nums}.history-listened-by{color:var(--muted);margin:10px 0 0;font-size:12px}.toast{z-index:30;background:#1b2423;border:1px solid #3b4946;border-radius:10px;max-width:min(420px,100vw - 48px);padding:13px 16px;font-size:13px;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 45px #0006}.toast.success{border-left:3px solid #6fd39a}.toast.error,.inline-error{border-left:3px solid var(--danger)}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center-screen,.signin-screen{place-items:center;min-height:100svh;padding:24px;display:grid}.center-screen{color:var(--muted);align-content:center}.center-screen svg{color:var(--accent)}.signin-card{border:1px solid var(--line);background:var(--surface);width:min(520px,100%);padding:clamp(32px,7vw,64px);box-shadow:0 28px 70px #0000004d}.signin-card h1{letter-spacing:-.06em;max-width:390px;margin:9px 0 15px;font-size:clamp(36px,7vw,58px);line-height:.98}.signin-card>p:not(.section-kicker){color:var(--muted);margin-bottom:28px;line-height:1.65}.discord-button{color:#fff;background:#5865f2;width:100%;text-decoration:none}.discord-button:hover{background:#6874f6}.discord-button svg{width:22px}.signin-card>small{color:#727d79;text-align:center;margin-top:14px;display:block}.inline-error{color:#f3aaa6;background:#f0787212;margin-top:18px;padding:11px 13px;font-size:13px}.chat-shell{flex:1;grid-template-columns:minmax(240px,.32fr) minmax(360px,1fr);width:min(1760px,100%);min-height:0;margin:0 auto;display:grid;overflow:hidden}.chat-rail,.chat-stage{flex-direction:column;min-height:0;display:flex}.chat-rail{border-right:1px solid var(--line);background:#111818;padding:clamp(20px,2.6vw,32px) 0}.chat-rail-head{padding:0 clamp(18px,2.2vw,28px) 14px}.chat-rail-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;flex:1;min-height:0;padding:0 clamp(10px,1.4vw,16px);overflow:hidden auto}.chat-stage{background:#0d1212;flex-direction:column;flex:1;min-height:0;padding:clamp(24px,3.5vw,48px);display:flex;overflow:hidden}.chat-channels{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.chat-channel{width:100%;min-height:38px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-size:13px;display:flex}.chat-channel:hover:not(:disabled){color:var(--ink);background:var(--surface)}.chat-channel[aria-current=true]{color:var(--ink);background:var(--surface-raised)}.chat-channel:disabled{cursor:not-allowed;opacity:.55}.chat-channel-name{align-items:center;gap:8px;min-width:0;display:inline-flex}.chat-channel-name em{text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.chat-channel-count{background:var(--surface-raised);min-width:20px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;flex:none;padding:1px 6px;font-size:11px}.chat-channel[aria-current=true] .chat-channel-count{background:var(--accent);color:#17130f}.chat-rail-empty{color:var(--muted);margin:12px;font-size:12px;line-height:1.6}.chat-grid{--chat-gap:14px;align-content:stretch;gap:var(--chat-gap);flex-wrap:wrap;height:100%;min-height:0;margin:0;padding:0;list-style:none;display:flex}.chat-card{flex:1 1 calc((100% - (var(--chat-cols) - 1) * var(--chat-gap)) / var(--chat-cols));height:calc((100% - (var(--chat-rows) - 1) * var(--chat-gap)) / var(--chat-rows));border:1px solid var(--line);background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:0;min-height:0;padding:16px;display:flex;overflow:hidden}.chat-card-face{background:var(--surface-raised);width:72px;height:72px;color:var(--muted);border-radius:50%;place-items:center;display:grid;overflow:hidden}.chat-card-face img{object-fit:cover;width:100%;height:100%}.chat-card-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.chat-rail-foot{border-top:1px solid var(--line);flex-direction:column;flex:none;gap:8px;padding:14px clamp(18px,2.2vw,28px) 0;display:flex}.chat-audio-share{flex-direction:column;gap:4px;display:flex}.chat-audio-choices{flex-wrap:wrap;gap:4px 14px;display:flex}.chat-audio-choice{color:var(--ink);cursor:pointer;align-items:center;gap:7px;font-size:12px;display:inline-flex}.chat-audio-choice input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;margin:0}.chat-audio-choice:has(input:disabled){color:var(--muted);cursor:not-allowed}.chat-audio-choice input:disabled{cursor:not-allowed}.chat-audio-note{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.chat-audio-note.is-warning{color:#f3aaa6}.chat-audio-state{color:var(--accent);margin:0;font-size:11px;line-height:1.5}.chat-toggle-row{gap:8px;display:flex}.chat-toggle{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--muted);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:12px;display:inline-flex}.chat-toggle:hover:not(:disabled){color:var(--ink)}.chat-toggle[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#17130f}.chat-toggle:disabled{opacity:.45;cursor:not-allowed}.chat-card.is-live{justify-content:flex-end;padding:0;position:relative}.chat-card-video{background:#000;position:absolute;inset:0}.chat-card-video video{object-fit:contain;background:#000;width:100%;height:100%}.chat-card.is-live .chat-card-name,.chat-card.is-live .chat-card-here{z-index:1;pointer-events:none;background:#080a0ab8;max-width:calc(100% - 24px);padding:2px 8px;position:relative}.chat-card.is-live .chat-card-name{margin-bottom:10px}.chat-card.is-live .chat-card-here{margin-bottom:6px}.chat-card-focus{z-index:1;cursor:zoom-in;background:0 0;border:0;position:absolute;inset:0}.chat-card.is-stage .chat-card-focus{cursor:zoom-out}.chat-card-focus:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.chat-card{position:relative}.chat-grid.is-focused{flex-wrap:wrap;align-content:flex-start;gap:10px;display:flex}.chat-grid.is-focused .chat-card{flex:none;order:0;width:132px;height:84px;padding:8px}.chat-grid.is-focused .chat-card .chat-card-face{width:40px;height:40px}.chat-grid.is-focused .chat-card .chat-card-here{display:none}.chat-grid.is-focused .chat-card-name{font-size:11px}.chat-grid.is-focused .chat-card.is-stage{flex:100%;order:1;width:auto;height:auto;min-height:0;padding:0}.chat-grid.is-focused .chat-card.is-stage .chat-card-face{width:96px;height:96px}.chat-grid.is-focused .chat-card.is-stage .chat-card-here{display:inline}.chat-grid.is-focused .chat-card.is-stage .chat-card-name{font-size:13px}.chat-card-fullscreen{z-index:2;border:1px solid var(--line);width:30px;height:30px;color:var(--ink);cursor:pointer;opacity:0;background:#080a0ab8;justify-content:center;align-items:center;padding:0;transition:opacity .12s;display:inline-flex;position:absolute;top:8px;left:8px}.chat-card:hover .chat-card-fullscreen,.chat-card-fullscreen:focus-visible,.chat-card-fullscreen[aria-pressed=true]{opacity:1}@media (hover:none){.chat-card-fullscreen{opacity:1}}.chat-card:fullscreen{background:#000;border:0;width:100vw;max-width:none;height:100dvh;padding:0}.chat-card:fullscreen .chat-card-focus{display:none}.chat-card:fullscreen .chat-card-video video{object-fit:contain}.chat-card:fullscreen .chat-card-volume{width:140px}.chat-card:-webkit-full-screen{background:#000;border:0;width:100vw;max-width:none;height:100vh;padding:0}.chat-card:-webkit-full-screen .chat-card-focus{display:none}.chat-card:-webkit-full-screen .chat-card-video video{object-fit:contain}.chat-card:-webkit-full-screen .chat-card-volume{width:140px}.chat-card-inset{z-index:1;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);pointer-events:none;background:#000;width:30%;max-width:120px;position:absolute;top:8px;right:8px}.chat-card-audio{z-index:2;border:1px solid var(--line);background:#080a0ab8;align-items:center;gap:8px;padding:3px 8px;display:inline-flex;position:absolute;bottom:8px;left:8px}.chat-card-audio-toggle{width:26px;height:26px;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.chat-card-audio-toggle[aria-pressed=true]{color:var(--accent)}.chat-card-audio-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.chat-card-volume{width:72px;height:18px;accent-color:var(--accent);cursor:pointer;margin:0}.chat-card-volume:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chat-grid.is-focused .chat-card:not(.is-stage) .chat-card-audio{display:none}.chat-card-unblock{z-index:2;background:var(--accent);color:#17130f;cursor:pointer;border:0;min-height:36px;font-size:12px;position:absolute;inset:auto 0 0}.chat-card-here{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:10px}.chat-status{margin:0 0 14px;font-size:12px;line-height:1.5}.chat-status.is-error{color:#f3aaa6}.chat-empty{text-align:center;max-width:380px;margin:auto}.chat-empty h2{letter-spacing:-.02em;margin:0 0 10px;font-size:19px}.chat-empty p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.stats-shell{flex-direction:column;flex:1;width:min(1760px,100%);min-height:0;margin:0 auto;padding:clamp(28px,4vw,64px);display:flex;overflow:hidden}.stats-page{flex-direction:column;flex:1;min-height:0;display:flex}.stats-intro h1{letter-spacing:-.055em;margin:8px 0 24px;font-size:clamp(30px,4vw,50px);line-height:1}.stats-filters{flex-wrap:wrap;gap:18px 28px;margin-bottom:22px;display:flex}.stats-filter>span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:11px;display:block}.stats-filter>div{flex-wrap:wrap;gap:6px;display:flex}.stats-filter button{border:1px solid var(--line);background:var(--surface);min-height:32px;color:var(--muted);cursor:pointer;padding:0 10px}.stats-filter button[aria-pressed=true]{color:var(--ink);background:var(--surface-raised);border-color:#4b5a57}.stats-totals{color:var(--muted);flex-wrap:wrap;gap:10px 14px;font-size:14px;display:flex}.stats-totals strong{color:var(--ink)}.stats-share{color:var(--accent);margin:10px 0 24px;font-size:14px}.stats-loading{color:var(--muted)}.stats-empty{margin-top:28px}.stats-grid{flex:1;grid-template-columns:minmax(220px,.8fr) minmax(260px,1fr) minmax(240px,.9fr);gap:18px;min-height:0;margin-top:8px;display:grid}.stats-card{border:1px solid var(--line);background:var(--surface);flex-direction:column;min-width:0;min-height:0;padding:18px;display:flex}.stats-card h2{flex:none;margin:0 0 16px;font-size:16px}.stats-card .filter-row{flex:none}.stats-card-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;flex:1;min-height:120px;overflow:hidden auto}.stats-series-scroll{scrollbar-width:thin;scrollbar-color:var(--accent) transparent;overflow:auto hidden}.stats-bars{align-items:flex-end;gap:3px;min-width:100%;height:140px;display:flex}.stats-bar{background:var(--accent);opacity:.88;flex:1 0 6px;min-width:6px}.stats-rank{gap:10px;margin:0;padding:0;list-style:none;display:grid}.stats-rank li{grid-template-columns:18px 28px minmax(0,1fr);align-items:center;gap:10px;display:grid}.stats-person{text-align:left;cursor:pointer;background:0 0;border:0;grid-column:1/-1;grid-template-columns:18px 28px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:0;display:grid}.stats-person.active strong{color:var(--accent)}.stats-rank-index{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.stats-rank-art{background:var(--surface-raised);width:28px;height:28px;color:var(--muted);place-items:center;display:grid;overflow:hidden}.stats-rank-art img{object-fit:cover;width:100%;height:100%}.stats-rank-copy{min-width:0;display:grid}.stats-rank-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.stats-rank-copy small{color:var(--muted);font-variant-numeric:tabular-nums}@media (width<=1179px){.dashboard{grid-template-columns:minmax(280px,.88fr) minmax(340px,1.12fr)}.history-toggle{display:inline-flex}.history-backdrop.open{display:block}.history-drawer-close{display:grid}.history-panel{z-index:60;pointer-events:none;visibility:hidden;border-left:1px solid var(--line);width:min(400px,92vw);height:100dvh;transition:transform .22s,visibility .22s;position:fixed;inset:0 0 0 auto;overflow:hidden;transform:translate(100%);box-shadow:-18px 0 40px #00000059}.history-panel.open{pointer-events:auto;visibility:visible;transform:translate(0)}.history-panel .queue-heading-row{margin-top:0}.stats-shell{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;overflow-y:auto}.stats-page{flex:none;display:block}.stats-grid{flex:none;grid-template-columns:1fr 1fr}.stats-card-body{overscroll-behavior:auto;flex:none;min-height:0;overflow:visible}}@media (width<=1023px){.topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:12px}.server-pill{justify-self:center;max-width:100%}}@media (width<=720px){.topbar{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"brand server server user""nav nav history locale";gap:10px 8px;height:auto;padding-block:10px}.topbar-actions{display:contents}.topbar .brand{grid-area:brand}.topbar .server-pill{grid-area:server}.topbar .page-nav{grid-area:nav}.topbar .history-toggle{grid-area:history}.topbar .locale-toggle{grid-area:locale;justify-self:end}.topbar .user-button{grid-area:user;justify-self:end}.page-nav a{flex:1;justify-content:center}}@media (width<=400px){.brand>span:not(.brand-mark){display:none}}@media (width>=721px) and (width<=1023px),(width<=560px){.page-nav a span,.user-button span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page-nav a{padding:0 10px}}@media (width<=1023px){.history-toggle span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.history-toggle{min-width:38px;padding:0 10px}}@media (width<=720px){.dashboard{flex-direction:column;display:flex}.now-panel,.queue-panel{border-right:0;border-bottom:1px solid var(--line)}.now-visual{width:min(100%,36vh,380px)}.stats-grid{grid-template-columns:1fr}.chat-shell{flex-direction:column;display:flex}.chat-rail{border-right:0;border-bottom:1px solid var(--line)}}@media (width<=720px),(height<=699px){html,body,#root{height:auto}body{min-height:100svh;overflow:visible}.app-shell{height:auto;min-height:100svh;max-height:none;overflow:clip visible}.dashboard,.chat-shell,.stats-shell{flex:1 0 auto;overflow:visible}.now-panel,.queue-panel,.dashboard .history-panel{max-height:none;overflow:visible}.queue-scroll,.dashboard .history-scroll,.chat-rail-scroll{flex:none;overflow:visible}.empty-queue{flex:none;min-height:180px}.chat-stage{flex:none;height:100svh;min-height:320px}.stats-page{flex:none;display:block}.stats-grid{flex:none}.stats-card-body{overscroll-behavior:auto;flex:none;min-height:0;overflow:visible}}@media (width>=721px) and (height>=700px){.dashboard .now-panel>h1{white-space:nowrap;font-size:min(54px,13cqi)}.current-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.current-artists,.current-copy p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track-meta{flex-wrap:nowrap;overflow:hidden}.now-visual{width:min(100%,560px,100dvh - 560px)}}@media (width<=720px){.filter-row-fields{width:100%}.filter-field{flex:140px}.filter-field-control{width:100%;max-width:none;min-height:40px}.filter-row-summary{justify-content:space-between;width:100%;margin-left:0}}@media (width<=560px){.topbar{padding-inline:16px}.brand small{display:none}.now-panel,.queue-panel,.history-panel{padding:28px 18px 36px}.history-card{padding-left:12px}.control-button{min-height:50px}.request-row{grid-template-columns:1fr 52px}.request-row button{padding:0}.request-row button span{display:none}.queue-item{grid-template-columns:24px 40px minmax(0,1fr) 34px;gap:8px;padding-left:6px}.track-number{display:none}.queue-thumb{width:40px;height:40px}.queue-copy span{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}}@media (pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}:is(.brand,.page-nav a,.locale-toggle button,.history-toggle,.user-button,.server-picker select,.channel-picker select,.filter-field-control,.filter-row-clear,.remove-button,.drag-handle,.history-drawer-close,.chat-channel,.chat-toggle,.chat-card-unblock,.chat-card-fullscreen,.chat-card-audio-toggle,.chat-card-volume,.stats-filter button,.stats-person,.chat-audio-choice){min-height:44px}:is(.brand,.page-nav a,.locale-toggle button,.history-toggle,.remove-button,.drag-handle,.history-drawer-close,.chat-card-fullscreen,.chat-card-audio-toggle,.stats-filter button){min-width:44px}.server-pill.server-picker{padding-block:0}.queue-item{grid-template-columns:44px 28px 48px minmax(0,1fr) 44px}.playback-progress-bar.seekable{border-block-width:20px;margin-block:-20px}.filter-field-label,.chat-card-here{font-size:11px}}@media (pointer:coarse) and (width<=560px){.queue-item{grid-template-columns:44px 40px minmax(0,1fr) 44px}}@media (pointer:coarse) and (width<=359px){.page-nav a{min-width:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.playback-progress-bar>span,.history-chevron,.history-panel{transition:none}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ece7da;letter-spacing:.025em;--ink:#ece7da;--muted:#9a9486;--surface:#17150f;--surface-raised:#1c1a13;--line:#343025c7;--accent:#f7791d;--accent-deep:#d95d13;--danger:#e5392b;--hazard:#f4c01a;--active:#6cd35a;--ink-dark:#120c05;--steel:#33302a;--hair:#f7791d29;--grid:#f7791d0b;--mono:"JetBrains Mono", "Cascadia Code", ui-monospace, monospace;background:#0b0b0c;font-family:Oswald,Saira Condensed,system-ui,sans-serif}*{border-radius:2px!important}body{background-color:#0b0b0c;background-image:radial-gradient(ellipse 130% 80% at 50% -20%, #f7791d12, transparent 60%), radial-gradient(ellipse 100% 60% at 100% 120%, #f4c01a0b, transparent 55%), linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);color:var(--ink);background-size:auto,auto,34px 34px,34px 34px}body:before{content:"λ";z-index:-1;color:var(--accent);opacity:.055;pointer-events:none;font:240px/.8 Oswald,sans-serif;position:fixed;bottom:clamp(12px,3vw,48px);right:clamp(18px,5vw,76px)}body:after{content:"";z-index:50;pointer-events:none;opacity:.3;background:repeating-linear-gradient(#0000 0 2px,#120c0524 3px);position:fixed;inset:0}button,input,select{font-family:var(--mono);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option,select optgroup{color:#ece7da;background-color:#1c1a13}select option:checked{color:#ece7da;background-color:#33302a}.app-shell{isolation:isolate;position:relative}.topbar{border-bottom:1px solid var(--hair);background:#12100cf0;box-shadow:inset 0 -1px #f7791d33}.brand{gap:12px}.brand-mark{width:38px;height:38px;color:var(--ink-dark);background:var(--accent);box-shadow:none;clip-path:none;overflow:hidden;border-radius:50%!important}.brand-mark img{border-radius:50%!important}.brand-mark.large{color:var(--accent);border:1px solid var(--accent);clip-path:none;background:0 0;border-radius:15px!important}.brand strong{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;font-size:21px;font-weight:600}.brand small{color:var(--hazard);font-family:var(--mono);letter-spacing:.2em;font-size:9px}.server-pill{color:var(--ink);border-color:var(--hair);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:7px 12px;font-size:10px}.server-picker select{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#0000;font-size:10px}.server-picker select option,.server-picker select optgroup{color:#ece7da;background-color:#1c1a13}.server-picker select option:checked{color:#ece7da;background-color:#33302a}.live-dot{background:var(--active);box-shadow:0 0 0 3px #6cd35a1f}.user-button{color:var(--muted);font-family:var(--mono);font-size:11px}.user-button:hover{color:var(--hazard)}.user-button img{border:1px solid var(--hair)}.locale-toggle{border-color:var(--hair);font-family:var(--mono);background:#17150fe0}.locale-toggle button{color:var(--muted);font-family:var(--mono);font-size:10px}.locale-toggle button[aria-pressed=true]{color:var(--hazard);background:#f7791d1f}.locale-toggle button:hover{color:var(--hazard)}.page-nav{border-color:var(--hair);font-family:var(--mono);background:#17150fe0}.page-nav a{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.page-nav a[aria-current=page]{color:var(--hazard);background:#f7791d1f}.page-nav a:hover{color:var(--hazard)}.history-toggle{border-color:var(--hair);color:var(--ink);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#17150fe0;font-size:10px}.history-toggle:hover{color:var(--hazard);border-color:var(--accent)}.history-toggle em{background:var(--accent);color:var(--ink-dark);border-radius:2px!important}.history-drawer-close{border-color:var(--hair);color:var(--muted)}.history-drawer-close:hover{color:var(--hazard);border-color:var(--accent)}.dashboard{min-height:0}.now-panel{border-right-color:var(--hair);background:#17150fe0;position:relative}.now-panel:before,.queue-panel:before,.history-panel:before{content:"";background:repeating-linear-gradient(-45deg, var(--accent) 0 5px, var(--ink-dark) 5px 10px);opacity:.84;width:5px;height:100%;position:absolute;top:0;left:0}.queue-panel{background:#0b0b0ca8;position:relative}.history-panel{background:#0b0b0ca8}.queue-panel{border-right-color:var(--hair)}.section-kicker{color:var(--hazard);font-family:var(--mono);letter-spacing:.18em;font-size:10px}.now-panel>h1,.queue-heading-row h2,.history-panel h2,.stats-intro h1,.stats-card h2,.signin-card h1{color:var(--ink);letter-spacing:.04em;text-transform:uppercase;font-family:Oswald,sans-serif;font-weight:500}.now-panel>h1,.stats-intro h1{font-size:clamp(34px,4vw,54px)}.album-art{border:1px solid var(--hair);background:#15120d;box-shadow:inset 0 0 0 1px #f7791d14}.album-art:before,.queue-item:before{content:"";border-top:1px solid var(--accent);border-right:1px solid var(--accent);opacity:.72;width:10px;height:10px;position:absolute;top:7px;right:7px}.album-art.empty{color:#6e675a}.playing-bars{border:1px solid var(--hair);background:#120c05e6;bottom:12px;left:12px}.playing-bars i{background:var(--active)}.playback-progress-bar{height:3px;box-shadow:inset 0 0 0 1px var(--hair);background:#2a261c;border-radius:0}.playback-progress-buffer{background:#4a4538}.playback-progress-played{background:var(--hazard)}.playback-progress-time{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;font-size:10px}.current-title{letter-spacing:.01em}.current-title:hover,.queue-copy a:hover{color:var(--hazard)}.current-copy p strong{color:var(--ink)}.track-meta span{border-color:var(--hair);color:var(--muted);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border-radius:2px;font-size:10px}.controls{gap:8px}.control-button,.request-row button,.discord-button{border:1px solid var(--accent);color:var(--accent);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;background:0 0;font-size:11px;font-weight:600}.control-button:hover:not(:disabled),.request-row button:hover:not(:disabled){border-color:var(--hazard);color:var(--hazard);background:#f7791d1f;transform:none}.control-button.primary,.request-row button{border-color:var(--accent);background:var(--accent);color:var(--ink-dark)}.control-button.primary:hover:not(:disabled),.request-row button:hover:not(:disabled){background:var(--hazard);border-color:var(--hazard);color:var(--ink-dark)}.request-form{border-bottom-color:var(--hair)}.request-form>label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.request-row input,.channel-picker select{border-color:var(--hair);color:var(--ink);font-family:var(--mono);background:#11100d;font-size:12px}.request-row input::placeholder{color:#71695d}.request-row input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #f7791d24}.channel-picker{font-family:var(--mono);font-size:11px}.form-hint{color:#80796c;font-family:var(--mono)}.queue-count{color:var(--hazard);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.queue-item{border-color:var(--line);box-shadow:none;background:#17150fd1;border-left:4px solid #0000;position:relative}.queue-item:hover{border-color:var(--hair);border-left-color:var(--accent);background:#1c1912}.queue-item.dragging{border-color:var(--accent);box-shadow:0 0 0 1px #f7791d38}.drag-handle,.remove-button,.track-number{color:#756d60;font-family:var(--mono)}.drag-handle:hover{color:var(--hazard)}.queue-thumb{border:1px solid var(--hair);color:var(--accent);background:#211a0e}.queue-copy a{color:var(--ink);font-family:var(--mono);font-size:12px;font-weight:500}.queue-copy span{color:var(--muted);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:9px}.remove-button:hover:not(:disabled){color:var(--danger);background:#e5392b1a}.empty-queue{border:1px dashed var(--hair);color:#81796c;background:#17150f59}.empty-queue h3{color:var(--ink);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase}.toast{border-color:var(--hair);border-left:4px solid var(--hazard);box-shadow:none;font-family:var(--mono);background:#1c1a13;font-size:11px}.toast.success{border-left-color:var(--active)}.toast.error,.inline-error{border-left-color:var(--danger);color:#f1b0a8;background:#e5392b14}.signin-screen{background:0 0}.signin-card{border:1px solid var(--hair);border-top:2px solid var(--accent);box-shadow:none;background:#17150ff0;position:relative}.signin-card:before{content:"PEIXE // AUDIO CONTROL";color:var(--hazard);font:9px var(--mono);letter-spacing:.14em;position:absolute;top:12px;right:14px}.signin-card>p:not(.section-kicker),.signin-card>small{color:var(--muted);font-family:var(--mono)}.discord-button{width:100%;color:var(--ink);background:0 0;border-color:#7289da}.discord-button:hover{color:#fff;background:#5865f2;border-color:#7289da}.stats-shell{min-height:0}.stats-filter>span,.stats-share,.stats-rank-copy small{font-family:var(--mono)}.stats-filter button{border-color:var(--hair);color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#17150fe0;font-size:10px}.stats-filter button[aria-pressed=true]{color:var(--hazard);border-color:var(--accent);background:#f7791d1f}.stats-card{border-color:var(--hair);background:#17150fe0}.stats-bar{background:var(--hazard)}.history-listened-by{font-family:var(--mono);letter-spacing:.04em;font-size:10px}@media (width<=1179px){.history-panel{z-index:60;border-left-color:var(--hair);background:#0c0b0af5;position:fixed}}@media (width<=720px){.now-panel{border-bottom-color:var(--hair)}}@media (pointer:coarse){.brand small,.server-pill,.locale-toggle button,.page-nav a,.history-toggle,.section-kicker,.playback-progress-time,.track-meta span,.queue-count,.queue-copy span,.stats-filter button,.history-listened-by,.signin-card:before{font-size:11px}}@media (prefers-reduced-motion:reduce){body:after{display:none}}