@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/manrope-DHIcAJRg.woff2) format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/space-400-Rg4St2Dn.woff2) format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/space-700-mWgeinG7.woff2) format("woff2")}:root{--bg: #050506;--card-top: #141417;--card-bottom: #0f0f12;--edge: rgba(255, 255, 255, .07);--ink: #f4f4f5;--ink-dim: #71717a;--ink-faint: #52525b;--bar: #d4d4d8;--bar-dim: #3f3f46;--live: #ef4444;--live-glow: rgba(239, 68, 68, .7);--amber: #f59e0b}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Manrope,system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.stage{min-height:100dvh;padding:32px;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 90% at 50% -10%,#101014,#050506 60%)}.player{width:520px;max-width:100%;display:flex;align-items:center;gap:20px;padding:16px 20px;border-radius:20px;border:1px solid var(--edge);background:linear-gradient(180deg,var(--card-top) 0%,var(--card-bottom) 100%);box-shadow:0 24px 60px -30px #000000e6;animation:rise .6s cubic-bezier(.22,1,.36,1) both}.play{flex:none;width:52px;height:52px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#f4f4f5;color:#08080a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s ease,background .18s ease}.play:hover{transform:scale(1.05);background:#fff}.play:active{transform:scale(.97)}.meta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:5px}.meta__top{display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;border-radius:999px;background:var(--ink-faint);flex:none;transition:background .3s,box-shadow .3s}.meta__state{font-family:Space Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.22em;color:var(--ink-dim);transition:color .3s}.meta__freq{font-family:Space Mono,monospace;font-size:10px;letter-spacing:.14em;color:var(--ink-faint)}.meta__name{font-size:16px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta__tag{font-size:12px;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player[data-state=live] .dot{background:var(--live);box-shadow:0 0 8px var(--live-glow);animation:livepulse 1.8s ease-in-out infinite}.player[data-state=live] .meta__state{color:var(--live)}.player[data-state=connecting] .dot,.player[data-state=reconnecting] .dot{background:var(--amber);animation:livepulse 1.2s ease-in-out infinite}.player[data-state=connecting] .meta__state,.player[data-state=reconnecting] .meta__state{color:var(--amber)}.wave{flex:none;display:flex;align-items:center;gap:3px;height:30px}.bar{display:inline-block;width:3px;height:var(--h, 16px);border-radius:999px;background:var(--bar-dim);transform:scaleY(.22);opacity:.5;transform-origin:center;transition:transform .3s ease,opacity .3s ease}.bar--hot{background:var(--bar)}.player.is-live .bar{opacity:1;animation:wave var(--dur, 1s) ease-in-out var(--delay, 0s) infinite}.volume{flex:none;display:flex;align-items:center;gap:10px}.speaker{display:flex;padding:0;border:none;background:transparent;color:#a1a1aa;cursor:pointer;transition:color .2s,transform .15s}.speaker:hover{color:#fff}.speaker:active{transform:scale(.9)}.vol{--vol-fill: 70%;width:96px;height:22px;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;outline:none}.vol::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,#e4e4e7 0 var(--vol-fill),rgba(255,255,255,.1) var(--vol-fill) 100%)}.vol::-moz-range-track{height:4px;border-radius:999px;background:#ffffff1a}.vol::-moz-range-progress{height:4px;border-radius:999px;background:#e4e4e7}.vol::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:999px;background:#fff;box-shadow:0 2px 6px #00000080;transition:transform .15s}.vol::-webkit-slider-thumb:hover{transform:scale(1.15)}.vol::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:999px;background:#fff;box-shadow:0 2px 6px #00000080}.player--error .meta__tag{white-space:normal}.player--error code{font-family:Space Mono,monospace;color:var(--amber)}.play:focus-visible,.speaker:focus-visible,.vol:focus-visible{outline:2px solid #ffffff;outline-offset:3px}@keyframes wave{0%,to{transform:scaleY(.24)}50%{transform:scaleY(1)}}@keyframes livepulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.82)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@media (max-width: 520px){.stage{padding:20px}.player{gap:14px;padding:14px 16px}.wave{display:none}}@media (max-width: 380px){.meta__freq{display:none}.vol{width:68px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}