html,body{margin:0;height:100%;background:#2b1f26;overflow:hidden;overscroll-behavior:none}#view{position:fixed;left:0;top:0;image-rendering:pixelated;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none;font:600 14px/1 ui-rounded,SF Pro Rounded,system-ui,sans-serif;color:#f3e6d0}.live{position:absolute;left:max(14px,env(safe-area-inset-left));top:max(14px,env(safe-area-inset-top));display:flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:#2b1f26b8;border:2px solid rgba(243,230,208,.18)}.live .dot{width:8px;height:8px;border-radius:50%;background:#e0645a;box-shadow:0 0 6px #e0645a}.live b{letter-spacing:.08em}.live .sep{opacity:.5}.tap{position:absolute;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%);padding:8px 16px;border-radius:999px;background:#2b1f26b8;border:2px solid rgba(243,230,208,.18);opacity:.9;transition:opacity .8s;animation:breathe 3s ease-in-out infinite}.tap.gone{opacity:0;animation:none}@keyframes breathe{50%{opacity:.55}}.corner{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));display:flex;gap:8px;pointer-events:auto}.btn{width:40px;height:40px;border-radius:50%;border:2px solid rgba(243,230,208,.18);background:#2b1f26b8;color:#f3e6d0;font:700 18px/1 system-ui,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}.btn.off{opacity:.45;text-decoration:line-through}.snap{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));transform:translateY(140%) rotate(-3deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.snap.on{transform:translateY(0) rotate(-3deg)}.pol{width:208px;padding:8px 8px 12px;background:#fbf3e4;border-radius:4px;color:#3d2a2e;box-shadow:0 6px 18px #00000073;font:500 13px/1.35 ui-rounded,system-ui,sans-serif}.pol img{width:100%;image-rendering:pixelated;border-radius:2px;display:block;background:#2b1f26}.pol b{display:block;margin:8px 2px 0;font:700 15px/1.2 ui-rounded,system-ui,sans-serif}.pol i{display:block;margin:2px 2px 4px;opacity:.6;font-size:12px}.pol p{margin:0 2px}.pol.secret{background:#fff4d8;box-shadow:0 0 22px #f2c14e99}.album{position:absolute;inset:0;background:#140e12b8;display:flex;align-items:center;justify-content:center;pointer-events:auto}.album.hidden{display:none}.album .sheet{width:min(920px,94vw);max-height:86vh;overflow:auto;background:#3a2a30;border-radius:14px;padding:16px;border:2px solid rgba(243,230,208,.15)}.album .head{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:18px}.album .head span{opacity:.6}.album .close{margin-left:auto;background:none;border:0;color:#f3e6d0;font-size:20px;cursor:pointer}.album .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.pol.small{width:auto;font-size:11.5px}.pol.small b{font-size:13px}.pol.locked{background:#4a3840;color:#d8c8b4;box-shadow:none;min-height:150px}.pol.locked .q{height:90px;display:flex;align-items:center;justify-content:center;font:700 34px/1 system-ui;opacity:.35}@media(max-width:720px){.pol{width:150px;font-size:11.5px}}.btn.laser.lit{background:#c8342e;color:#fff;box-shadow:0 0 10px #ff5a4ab3}.live .viewers{display:inline-flex;gap:6px;align-items:center}.live .viewers[hidden]{display:none}.live .eye{display:inline-flex;width:15px;height:15px;opacity:.85}.live .eye svg{width:100%;height:100%;fill:currentColor}.live .stat{display:inline-flex;gap:5px;align-items:center}.live .vn,.live .vt{font-variant-numeric:tabular-nums}.credit{position:absolute;right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:auto}.paw{width:38px;height:38px;padding:0;border-radius:50%;border:2px solid rgba(243,230,208,.18);background:#2b1f26b8;color:#f3e6d0b3;cursor:pointer;display:grid;place-items:center;-webkit-tap-highlight-color:transparent;transition:color .2s,background .2s}.paw svg{width:20px;height:20px;fill:currentColor}.paw:hover,.paw[aria-expanded=true]{color:#f2c14e;background:#2b1f26eb}.credit .card{display:flex;flex-direction:column;gap:4px;min-width:200px;max-width:calc(100vw - 28px);padding:14px 16px;border-radius:14px;background:#2b1f26f2;border:2px solid rgba(243,230,208,.18);box-shadow:0 8px 24px #0006;font:500 13px/1.35 ui-rounded,system-ui,sans-serif}.credit .card[hidden]{display:none}.credit .card b{font-size:15px}.credit .card span{opacity:.6;margin-bottom:6px}.credit .card a{color:#f2c14e;text-decoration:none;padding:7px 0}.credit .card a:hover{text-decoration:underline}.dock{position:absolute;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(400px,calc(100vw - 28px));display:flex;flex-direction:column;gap:8px;pointer-events:auto}.dock button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.dock svg{fill:currentColor;display:block}.bar{display:flex;align-items:center;gap:6px;padding:6px;border-radius:999px;background:#2b1f26d1;border:2px solid rgba(243,230,208,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.bar .play,.bar .skip{flex:none;width:44px;height:44px;border-radius:50%;border:0;display:grid;place-items:center;background:transparent}.bar .play{background:#f3e6d0;color:#2b1f26}.bar .play svg{width:22px;height:22px}.bar .skip svg{width:22px;height:22px}.bar .skip:hover{background:#f3e6d01f}.dock.idle .play{animation:nudge 2.4s ease-in-out infinite}@keyframes nudge{0%,to{box-shadow:0 0 #f3e6d080}50%{box-shadow:0 0 0 7px #f3e6d000}}.bar .meta{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:4px 8px;height:44px;border:0;background:transparent;text-align:left;border-radius:999px}.bar .meta:hover{background:#f3e6d014}.bar .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.bar .txt b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar .txt small{font-size:11px;opacity:.6;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar .chev svg{width:18px;height:18px;opacity:.6;transition:transform .2s}.dock.open .chev svg{transform:rotate(180deg)}.eq{flex:none;display:inline-flex;align-items:flex-end;gap:2px;width:14px;height:14px}.eq i{flex:1;background:currentColor;opacity:.5;height:30%;border-radius:1px}.dock.on .meta .eq i,.st.cur .eq i{opacity:1;animation:eq .9s ease-in-out infinite}.eq i:nth-child(2){animation-delay:-.3s!important}.eq i:nth-child(3){animation-delay:-.6s!important}@keyframes eq{0%,to{height:25%}50%{height:100%}}.panel{padding:12px;border-radius:18px;background:#2b1f26f2;border:2px solid rgba(243,230,208,.18);box-shadow:0 8px 28px #00000073;display:flex;flex-direction:column;gap:10px}.panel[hidden]{display:none}.ptitle{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.55;padding:0 4px}.stations{display:flex;flex-direction:column;gap:6px}.st{display:grid;grid-template-columns:22px 1fr;column-gap:8px;align-items:center;text-align:left;padding:10px 12px;border-radius:12px;border:2px solid transparent;background:#f3e6d00f;min-height:48px}.st .eq{grid-row:span 2}.st b{font-size:14px}.st small{font-size:11.5px;opacity:.6;font-weight:500}.st:hover{background:#f3e6d01f}.st.sel{border-color:#f2c14eb3}.vol{display:flex;align-items:center;gap:10px;padding:0 4px}.vol .mute{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:#f3e6d01a;display:grid;place-items:center}.vol .mute svg{width:22px;height:22px}.vol .pos{flex:none;font-size:11px;opacity:.5;font-variant-numeric:tabular-nums;min-width:72px;text-align:right}.slider{flex:1;min-width:0;height:40px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;--v: 70%}.slider::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,#f2c14e var(--v),rgba(243,230,208,.2) var(--v))}.slider::-moz-range-track{height:6px;border-radius:3px;background:#f3e6d033}.slider::-moz-range-progress{height:6px;border-radius:3px;background:#f2c14e}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#f3e6d0;border:0;margin-top:-8px;box-shadow:0 1px 4px #00000080}.slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#f3e6d0;border:0}.hint{font-size:11px;opacity:.45;padding:0 4px;font-weight:500}@media(max-width:700px){.corner,.snap{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 72px)}.live .where,.live .where+.sep{display:none}}.dock .i-pause,.dock .i-mute{display:none}.dock.on .i-pause{display:block}.dock.on .i-play{display:none}.dock.muted .i-mute{display:block}.dock.muted .i-vol{display:none}