:root{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}body{background:#0d1212;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;color:inherit}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#101616;grid-template-columns:1fr auto 1fr;align-items:center;height:78px;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:11px;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 8px 24px #00000038}.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;padding:8px 13px;font-size:13px;display:inline-flex}.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;justify-self:end;align-items:center;gap:9px;padding:6px 8px;display:flex}.user-button img{object-fit:cover;border-radius:50%;width:30px;height:30px}.user-button span{font-size:13px}.user-button svg:last-child{color:var(--muted);margin-left:3px}.dashboard{grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);width:min(1460px,100%);min-height:calc(100vh - 78px);margin:0 auto;display:grid}.now-panel{border-right:1px solid var(--line);background:#111818;padding:clamp(36px,5vw,74px)}.queue-panel{background:#0d1212;padding:clamp(30px,4.5vw,68px)}.section-kicker{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;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}.album-art{aspect-ratio:1;background:#202927;border:1px solid #33403e;place-items:center;width:min(100%,560px);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 70px #00000047}.album-art img{object-fit:cover;width:100%;height:100%}.album-art.empty{color:#63706c}.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)}.current-copy p{color:var(--muted);margin:9px 0 14px}.current-copy p strong{color:#cfd5d1}.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{grid-template-columns:1.25fr 1fr 1fr;gap:10px;margin-top:28px;display:grid}.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}.request-form{border-bottom:1px solid var(--line);padding-bottom:36px}.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 input::placeholder{color:#66716e}.request-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f1ad5a1f}.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{justify-content:space-between;align-items:end;gap:18px;margin:36px 0 18px;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-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:hover{color:var(--accent)}.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}.remove-button{border-radius:8px;width:34px;height:34px}.remove-button:hover:not(:disabled){color:var(--danger);background:#f0787217}.remove-button svg{width:17px}.empty-queue{color:#65706d;text-align:center;border:1px dashed #303b39;align-content:center;place-items:center;min-height:260px;display:grid}.empty-queue h3{color:#b9c1bd;margin:14px 0 5px;font-size:16px}.empty-queue p{margin:0;font-size:13px}.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:100vh;padding:24px;display:grid}.center-screen{color:var(--muted);align-content:center}.center-screen svg{color:var(--accent)}.signin-screen{background:#0d1212}.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}@media (width<=900px){.topbar{grid-template-columns:1fr auto}.server-pill{display:none}.dashboard{display:block}.now-panel{border-right:0;border-bottom:1px solid var(--line)}.album-art{width:min(100%,520px)}}@media (width<=560px){.topbar{height:68px;padding:0 16px}.brand small,.user-button span,.user-button svg:last-child{display:none}.now-panel,.queue-panel{padding:28px 18px 36px}.controls{grid-template-columns:repeat(3,1fr)}.control-button{min-height:50px}.control-button span{display:none}.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 (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}