#radio{--acc:#6fa8dc;z-index:3;box-sizing:border-box;-webkit-backdrop-filter:blur(10px)saturate(1.2);letter-spacing:.03em;color:#cfd6e0;opacity:0;pointer-events:none;background:#07090c94;border:1px solid #cfd6e01a;border-radius:999px;align-items:center;gap:10px;max-width:min(340px,100vw - 56px);height:40px;padding:0 6px 0 5px;font-size:12px;transition:opacity .6s;display:flex;position:fixed;bottom:22px;left:28px;overflow:hidden;box-shadow:0 6px 24px #00000059}#radio[data-station=soundcloud]{--acc:#ff8a3d}#radio.on{opacity:1;pointer-events:auto}body.touch #radio{max-width:min(340px,100vw - 32px);bottom:80px;left:16px}body.hud-idle #radio.hold{opacity:1!important;pointer-events:auto!important}#radio button{all:unset;cursor:pointer;color:#8c96a4;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;transition:color .2s,background-color .2s,width .25s,opacity .25s;display:grid}#radio button:hover,#radio button:focus-visible{color:#f2f5f9;background:#cfd6e014}#radio button svg{fill:currentColor;width:10px;height:10px}#radio .disc{color:#8c96a4;width:30px;height:30px;box-shadow:inset 0 0 0 1px #cfd6e024}#radio .disc:disabled{cursor:default;background:0 0}#radio .disc .ico,#radio .disc .eq{grid-area:1/1;place-items:center;transition:opacity .4s;display:grid}#radio .disc .ico svg{width:11px;height:11px}#radio .disc .eq{opacity:0;align-items:flex-end;gap:2px;height:10px;display:flex}#radio .disc .eq i{background:var(--acc);transform-origin:bottom;border-radius:1px;width:2px;height:100%;transform:scaleY(.3)}#radio.playing .disc{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--acc) 45%, transparent)}#radio.playing .disc .ico{opacity:0}#radio.playing .disc .eq{opacity:1}#radio.playing .disc .eq i{animation:1.8s ease-in-out infinite radio-eq}#radio.playing .disc .eq i:nth-child(2){animation-duration:1.3s;animation-delay:-.4s}#radio.playing .disc .eq i:nth-child(3){animation-duration:2.2s;animation-delay:-.9s}#radio.playing .disc:hover .ico,#radio.playing .disc:focus-visible .ico{opacity:1}#radio.playing .disc:hover .eq,#radio.playing .disc:focus-visible .eq{opacity:0}@keyframes radio-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}#radio .meta{flex-direction:column;flex:auto;justify-content:center;min-width:0;line-height:1.25;display:flex}#radio .ttl{color:#e6ebf2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#radio:not(.track) .ttl{color:#8c96a4;font-variant-numeric:tabular-nums}#radio .sub{color:#6b7684;white-space:nowrap;gap:6px;min-width:0;font-size:10.5px;display:flex}#radio:not(.track) .sub{display:none}#radio .art{text-overflow:ellipsis;min-width:0;overflow:hidden}#radio .lic{color:#4f5966;flex:none;text-decoration:none}#radio .lic:before{content:"·";color:#3a424d;margin-right:6px}#radio .lic:hover{color:var(--acc)}#radio .lic:empty{display:none}#radio.queued .meta{opacity:.5}#radio .ctl{flex:none;align-items:center;gap:0;display:flex}#radio .toggle{color:#e6ebf2}#radio .prev{opacity:0;width:0}#radio:hover .prev{opacity:1;width:26px}#radio:has(:focus-visible) .prev{opacity:1;width:26px}@media (hover:none){#radio .prev{opacity:1;width:26px}}#radio .bar{background:var(--acc);opacity:.55;transform-origin:0;height:1px;transition:transform .5s linear;position:absolute;bottom:0;left:20px;right:20px;transform:scaleX(0)}@media (prefers-reduced-motion:reduce){#radio.playing .disc .eq i{animation:none;transform:scaleY(.7)}#radio .bar,#radio .prev{transition:none}}.hud-hover{z-index:3;pointer-events:none;opacity:0;border:1px solid #dce4eeb3;border-radius:50%;position:fixed;top:0;left:0;box-shadow:0 0 8px #0009}.hud-hover.on{opacity:1}.hud-hover.sel{border-color:#dce4ee73}.hud-label{z-index:3;pointer-events:none;opacity:0;letter-spacing:.08em;white-space:nowrap;text-shadow:0 0 6px #000,0 0 2px #000;font-size:12px;position:fixed;top:0;left:0}.hud-label.on{opacity:1}.hud-wire{z-index:3;pointer-events:none;width:100%;height:100%;position:fixed;inset:0;overflow:visible}.hud-wire line{stroke:#cfd6e073;stroke-width:1px}.hud-wire path{fill:none;stroke:#cfd6e0bf;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round}.hud-card{z-index:4;box-sizing:border-box;overscroll-behavior:contain;-webkit-backdrop-filter:blur(6px);color:#cfd6e0;background:#07090cd6;border:1px solid #cfd6e029;border-radius:6px;padding:12px 14px 10px;font-size:12px;line-height:1.45;display:none;position:fixed;top:0;left:0;overflow:auto}.hud-card.on{display:block}.hud-card h2{letter-spacing:.02em;color:#e6ebf2;margin:0 22px 2px 0;font-size:15px;font-weight:500}.hud-card .sub{color:#8c96a4;margin:0 0 8px}.hud-card dl{grid-template-columns:auto 1fr;gap:1px 10px;margin:0 0 8px;display:grid}.hud-card dt{color:#6b7684}.hud-card dd{font-variant-numeric:tabular-nums;margin:0}.hud-card .extract{color:#b6bfcb;margin:0 0 8px}.hud-card .extract.fallback{color:#8c96a4}.hud-card .links{color:#6b7684;margin:0;font-size:11px}.hud-card a{color:#8fb3d9;text-decoration:none}.hud-card a:hover,.hud-card a:focus-visible{outline:none;text-decoration:underline}.hud-card .x{all:unset;cursor:pointer;color:#6b7684;border-radius:4px;place-items:center;width:20px;height:20px;font-size:15px;display:grid;position:absolute;top:6px;right:8px}.hud-card .x:hover,.hud-card .x:focus-visible{color:#e6ebf2;background:#12161c}body.hud-idle .hud-el,body.hud-idle #radio,body.hud-idle #filter,body.hud-idle .hud-hover:not(.sel),body.hud-idle .hud-label{opacity:0!important;pointer-events:none!important;transition:opacity .6s!important}#filter{z-index:3;letter-spacing:.04em;color:#cfd6e0;opacity:0;pointer-events:none;flex-direction:column;align-items:flex-start;gap:4px;font-size:12px;transition:opacity .6s;display:flex;position:fixed;top:26px;left:32px}#filter.on{opacity:1;pointer-events:auto}#filter .ttl{letter-spacing:.2em;text-transform:uppercase;color:#6b7684;margin:0 0 4px 2px;font-size:10px}#filter .ttl.sub{margin-top:10px}#filter button{all:unset;cursor:pointer;color:#6b7684;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 8px;display:inline-flex}#filter button:before{content:"";box-sizing:border-box;border:1px solid;border-radius:50%;flex:none;width:6px;height:6px}#filter button[aria-pressed=true]{color:#e6ebf2}#filter button[aria-pressed=true]:before{background:currentColor}#filter button:hover,#filter button:focus-visible{background:#12161c}#settings-btn{width:28px;height:28px;color:inherit;cursor:pointer;pointer-events:none;background:0 0;border:1px solid #cfd6e059;border-radius:50%;place-items:center;padding:0;display:grid;top:26px;right:70px}#settings-btn.on,#settings-btn[aria-expanded=true]{opacity:1;pointer-events:auto}#settings-btn:hover,#settings-btn:focus-visible,#settings-btn[aria-expanded=true]{border-color:#cfd6e0b3;outline:none}#settings-btn svg{width:14px;height:14px}body.hud-idle #settings-btn[aria-expanded=true]{opacity:1!important;pointer-events:auto!important}#settings{z-index:4;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);letter-spacing:.04em;color:#cfd6e0;opacity:0;visibility:hidden;background:#06080bdb;border:1px solid #cfd6e024;border-radius:10px;width:320px;max-width:calc(100vw - 32px);max-height:calc(100vh - 90px);padding:14px 16px 16px;font-size:12px;transition:opacity .3s,transform .3s,visibility 0s linear .3s;position:fixed;top:66px;right:32px;overflow-y:auto;transform:translateY(-4px)}#settings.open{opacity:1;visibility:visible;transition:opacity .3s,transform .3s;transform:none}#settings .hd{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}#settings .ttl{letter-spacing:.2em;text-transform:uppercase;color:#6b7684;font-size:10px}#settings button{all:unset;cursor:pointer;box-sizing:border-box}#settings button:focus-visible{outline-offset:1px;outline:1px solid #cfd6e099}#settings .x{color:#6b7684;border-radius:4px;place-items:center;width:20px;height:20px;font-size:15px;display:grid}#settings .x:hover{color:#e6ebf2;background:#12161c}#settings .row{align-items:center;gap:10px;min-height:32px;display:flex}#settings .row>span:first-child{color:#8c96a4;white-space:nowrap;flex:1}#settings output{text-align:right;color:#8c96a4;font-variant-numeric:tabular-nums;flex:none;width:38px}#settings input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:0 96px;min-width:60px;height:16px;margin:0}#settings input[type=range]::-webkit-slider-runnable-track{background:#2a3038;border-radius:1px;height:2px}#settings input[type=range]::-moz-range-track{background:#2a3038;border-radius:1px;height:2px}#settings input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#cfd6e0;border:0;border-radius:50%;width:12px;height:12px;margin-top:-5px}#settings input[type=range]::-moz-range-thumb{background:#cfd6e0;border:0;border-radius:50%;width:12px;height:12px}#settings input[type=range]:focus-visible{outline:none}#settings input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #cfd6e040}#settings .seg{border:1px solid #2a3038;border-radius:999px;padding:2px;display:flex}#settings .seg button{color:#6b7684;border-radius:999px;padding:3px 10px}#settings .seg button:hover{color:#cfd6e0}#settings .seg button[aria-pressed=true]{color:#e6ebf2;background:#1c2129}#settings .pick{align-items:center;gap:4px;display:flex}#settings .pick button{color:#8c96a4;border-radius:4px;place-items:center;width:22px;height:22px;font-size:15px;display:grid}#settings .pick button:hover{color:#e6ebf2;background:#12161c}#settings .hull{text-align:center;color:#e6ebf2;white-space:nowrap;min-width:128px}#settings .sw{background:#2a3038;border-radius:999px;width:30px;height:16px;transition:background .2s;position:relative}#settings .sw:after{content:"";background:#8c96a4;border-radius:50%;width:12px;height:12px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}#settings .sw[aria-checked=true]{background:#3a5a78}#settings .sw[aria-checked=true]:after{background:#e6ebf2;transform:translate(14px)}#settings details{border-top:1px solid #1a1f26;margin-top:10px;padding-top:8px}#settings summary{cursor:pointer;color:#8c96a4;padding:4px 0;list-style:none}#settings summary::-webkit-details-marker{display:none}#settings summary:before{content:"›";width:12px;transition:transform .2s;display:inline-block}#settings details[open] summary:before{transform:rotate(90deg)}#settings dl{grid-template-columns:auto 1fr;gap:4px 14px;margin:6px 0 0;display:grid}#settings dt{color:#e6ebf2;white-space:nowrap}#settings dd{color:#8c96a4;margin:0}#settings .reset{color:#6b7684;margin-top:12px;padding:4px 0}#settings .reset:hover{color:#cfd6e0;text-decoration:underline}#touch-lever,#touch-view,#touch-pilot,#touch-photo{display:none}body.touch #touch-lever,body.touch #touch-view,body.touch #touch-pilot,body.touch #touch-photo{display:block}#touch-lever{pointer-events:auto;touch-action:none;opacity:.55;--v:0;width:56px;height:min(46vh,300px);transition:opacity .4s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}#touch-lever.held{opacity:1}#touch-lever .track{background:#cfd6e02e;border-radius:2px;width:4px;position:absolute;top:14px;bottom:26px;left:50%;transform:translate(-50%)}#touch-lever .fill{height:calc(var(--v) * 100%);background:#cfd6e08c;border-radius:2px;position:absolute;bottom:0;left:0;right:0}#touch-lever .thumb{left:50%;bottom:calc(var(--v) * 100%);background:#06080bb3;border:1px solid #cfd6e099;border-radius:50%;width:28px;height:28px;position:absolute;transform:translate(-50%,50%)}#touch-lever .lbl{text-align:center;letter-spacing:.2em;text-transform:uppercase;color:#6b7684;font-size:9px;position:absolute;bottom:0;left:0;right:0}#touch-view,#touch-pilot,#touch-photo{color:#cfd6e0;pointer-events:auto;touch-action:manipulation;opacity:.7;box-sizing:border-box;background:#06080b80;border:1px solid #cfd6e059;border-radius:50%;width:44px;height:44px;padding:12px;position:absolute;bottom:24px;left:16px}#touch-pilot{left:72px}#touch-photo{left:128px}#touch-view:active,#touch-pilot:active,#touch-photo:active{opacity:1;border-color:#cfd6e0b3}#touch-view svg,#touch-pilot svg,#touch-photo svg{width:100%;height:100%;display:block}