@font-face{font-family:Golos Text;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/golos-text-400-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/golos-text-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Golos Text;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/golos-text-500-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/golos-text-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Literata;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/literata-400-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Literata;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/literata-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--ground: #0b0a09;--surface-1: rgb(22 19 17 / .58);--surface-2: rgb(30 26 23 / .8);--surface-3: rgb(255 255 255 / .04);--surface-ghost: rgb(255 255 255 / .07);--surface-ghost-strong: rgb(255 255 255 / .12);--edge-hi: rgb(255 255 255 / .13);--edge: rgb(255 255 255 / .07);--edge-lo: rgb(0 0 0 / .55);--text: #f2eee6;--text-2: #b8b1a5;--text-3: #7d766b;--accent-live: #f6e0b0;--accent-on: #e8c98a;--accent-edge: rgb(232 201 138 / .28);--accent-wash: rgb(232 201 138 / .14);--accent-ink: #17130d;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 32px;--s7: 48px;--t-display: 34px;--t-title: 21px;--t-lead: 17px;--t-body: 15px;--t-small: 13px;--t-label: 11px;--r-btn: 8px;--r-field: 12px;--r-panel: 18px;--r-pill: 999px;--lift-panel: inset 0 1px 0 rgb(255 255 255 / .09), inset 0 -1px 0 rgb(0 0 0 / .35), 0 1px 3px -1px rgb(0 0 0 / .4), 0 12px 28px -12px rgb(0 0 0 / .5);--lift-float: inset 0 1px 0 rgb(255 255 255 / .07), 0 1px 3px -1px rgb(0 0 0 / .35), 0 10px 24px -12px rgb(0 0 0 / .45);--sans: "Golos Text", ui-sans-serif, -apple-system, system-ui, sans-serif;--serif: "Literata", Georgia, ui-serif, serif;--ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%}body{background:var(--ground);color:var(--text);font:400 var(--t-body)/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}.scene{position:fixed;inset:0;z-index:0;overflow:hidden}.scene__photo{width:100%;height:100%;object-fit:cover;animation:drift 90s ease-in-out infinite alternate;transform-origin:60% 45%}@keyframes drift{0%{transform:scale(1.03) translate3d(-.6%,-.4%,0)}to{transform:scale(1.08) translate3d(.8%,.5%,0)}}.scene__tint{position:absolute;inset:0;background:radial-gradient(115% 85% at 38% 45%,transparent 35%,rgb(8 7 6 / .5) 100%),linear-gradient(180deg,rgb(8 7 6 / .22),transparent 28%,rgb(8 7 6 / .6))}.scene__grain{position:absolute;inset:-50%;opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>");animation:grain 7s steps(6) infinite}@keyframes grain{0%,to{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-2%)}80%{transform:translate(3%,1%)}}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}.app{position:relative;z-index:1;height:100%;display:grid;place-items:center;padding:var(--s6)}.curtain{display:grid;justify-items:center;gap:var(--s5);text-align:center}.curtain__over{margin:0;font-size:var(--t-label);font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3)}.start{display:grid;place-items:center;gap:var(--s3);width:168px;height:168px;border:1px solid var(--edge);border-radius:50%;background:radial-gradient(120% 120% at 50% 0%,rgb(255 255 255 / .06),transparent 62%),var(--surface-2);backdrop-filter:blur(26px) saturate(115%);-webkit-backdrop-filter:blur(26px) saturate(115%);box-shadow:var(--lift-panel);color:var(--text);font:500 var(--t-label)/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:transform .32s var(--ease),border-color .32s var(--ease),box-shadow .32s var(--ease)}.start .icon{width:30px;height:30px;stroke-width:1.5;margin-left:4px;color:var(--accent-live)}.start:hover{border-color:var(--accent-edge);transform:translateY(-3px)}.start:active{transform:translateY(-1px) scale(.985)}.curtain__hint{margin:0;max-width:22rem;font-size:var(--t-small);color:var(--text-3)}.deck{position:fixed;z-index:2;top:max(var(--s6),env(safe-area-inset-top));right:max(var(--s6),env(safe-area-inset-right));bottom:88px;width:352px;display:flex;flex-direction:column;gap:var(--s3);overflow-y:auto;scrollbar-width:none}.deck::-webkit-scrollbar{display:none}.panel{flex:none;border:1px solid var(--edge);border-radius:var(--r-panel);background:var(--surface-1);backdrop-filter:blur(22px) saturate(115%);-webkit-backdrop-filter:blur(22px) saturate(115%);box-shadow:var(--lift-panel);overflow:hidden;animation:rise .42s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.panel__bar{display:flex;align-items:center;gap:var(--s2);min-height:48px;padding:0 var(--s2) 0 var(--s4);border-bottom:1px solid var(--edge)}.panel[data-folded=true] .panel__bar{border-bottom-color:transparent}.panel__title{flex:1;min-width:0;font-size:var(--t-label);font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pulse{display:flex;align-items:flex-end;gap:2px;height:12px;color:var(--accent-live)}.pulse span{width:2px;height:100%;border-radius:1px;background:currentColor;transform-origin:bottom;transform:scaleY(.22);transition:transform .3s var(--ease)}.panel[data-playing=true] .pulse span{animation:pulse 1.05s ease-in-out infinite}.panel[data-playing=true] .pulse span:nth-child(2){animation-delay:.18s}.panel[data-playing=true] .pulse span:nth-child(3){animation-delay:.36s}@keyframes pulse{0%,to{transform:scaleY(.28)}50%{transform:scaleY(1)}}.panel__fold{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:var(--r-btn);background:none;color:var(--text-3);cursor:pointer;transition:color .18s var(--ease),background-color .18s var(--ease),transform .24s var(--ease)}.panel__fold:hover{color:var(--text);background:var(--surface-ghost)}.panel__fold .icon{width:18px;height:18px}.panel[data-folded=true] .panel__fold .icon{transform:rotate(180deg)}.panel__body{padding:var(--s5) var(--s4) var(--s4)}.panel[data-folded=true] .panel__body{display:none}.now__title{margin:0 0 var(--s1);font-family:var(--serif);font-size:var(--t-display);font-weight:400;line-height:1.12;letter-spacing:-.015em;text-wrap:balance}.now__artist{margin:0;font-size:var(--t-lead);color:var(--text-2)}.now__license a{color:var(--text-3);text-decoration-color:#ffffff2e}.now__license a:hover{color:var(--text-2)}.now__license{margin:var(--s2) 0 0;font-size:var(--t-label);color:var(--text-3)}.now__license a{color:inherit;text-decoration-color:#fff3}.now__license a:hover{color:var(--accent-on)}.stations{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--edge)}.stations__label{margin:0 0 var(--s3);font-size:var(--t-label);font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3)}.stations__list{display:flex;flex-wrap:wrap;gap:var(--s2)}.stations__list button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--edge);border-radius:var(--r-pill);background:none;color:var(--text-2);font:400 var(--t-small)/1.3 var(--sans);cursor:pointer;transition:color .18s var(--ease),border-color .18s var(--ease),background-color .18s var(--ease),transform .12s var(--ease)}.stations__list button:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:0;transition:opacity .18s var(--ease)}.stations__list button:hover{color:var(--text);background:var(--surface-ghost);border-color:var(--edge-hi)}.stations__list button:active{transform:scale(.97)}.stations__list button[aria-current=true]{color:var(--accent-ink);background:var(--accent-on);border-color:transparent;font-weight:500}.stations__list button[aria-current=true]:before{opacity:.55}.notice{margin:var(--s4) 0 0;padding-left:var(--s3);border-left:1px solid var(--accent-edge);font-size:var(--t-small);line-height:1.5;color:var(--text-2)}.notice code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;color:var(--text)}.bar{position:fixed;z-index:3;left:50%;bottom:max(var(--s5),env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:var(--s1);padding:var(--s1) var(--s3) var(--s1) var(--s1);border:1px solid var(--edge);border-radius:var(--r-pill);background:var(--surface-2);backdrop-filter:blur(26px) saturate(115%);-webkit-backdrop-filter:blur(26px) saturate(115%);box-shadow:var(--lift-float);animation:rise-centered .42s var(--ease) both}@keyframes rise-centered{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%)}}.btn{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:none;color:var(--text-2);cursor:pointer;transition:color .18s var(--ease),background-color .18s var(--ease),transform .12s var(--ease)}.btn:hover{color:var(--text);background:var(--surface-ghost)}.btn:active{transform:scale(.93);background:var(--surface-ghost-strong)}.btn:disabled{opacity:.3;cursor:default;transform:none;background:none}.btn--primary{width:44px;height:44px;background:var(--accent-live);color:var(--accent-ink)}.btn--primary:hover{background:#fbe9c4;color:var(--accent-ink)}.btn--primary:active{background:var(--accent-on);transform:scale(.94)}.btn--text{width:auto;min-width:40px;padding:0 var(--s2);border-radius:var(--r-pill);font:500 var(--t-label)/1 var(--sans);letter-spacing:.1em}.bar__sep{width:1px;height:22px;margin:0 var(--s2);background:var(--edge)}.bar__sep:has(+.btn[hidden]){display:none}.volume{display:flex;align-items:center;gap:var(--s2);color:var(--text-3)}.volume input{width:88px;height:3px;-webkit-appearance:none;appearance:none;background:linear-gradient(var(--accent-on),var(--accent-on)) 0 / var(--fill, 100%) 100% no-repeat,#ffffff24;border-radius:2px;cursor:pointer}.volume input::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:var(--text);transition:transform .15s var(--ease)}.volume input:hover::-webkit-slider-thumb{transform:scale(1.25)}.volume input::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:var(--text)}@media(max-width:40rem){.app{padding:var(--s4)}.deck{top:max(var(--s4),env(safe-area-inset-top));right:var(--s4);left:var(--s4);bottom:96px;width:auto}.volume,.bar__sep{display:none}.bar{gap:var(--s2);padding:6px var(--s3) 6px 6px}.btn{width:44px;height:44px}.btn--primary{width:48px;height:48px}.now__title{font-size:28px}}.scenes{position:fixed;z-index:4;left:50%;transform:translate(-50%);bottom:calc(max(var(--s5),env(safe-area-inset-bottom)) + 56px);padding:var(--s3);border:1px solid var(--edge);border-radius:var(--r-panel);background:var(--surface-2);backdrop-filter:blur(26px) saturate(115%);-webkit-backdrop-filter:blur(26px) saturate(115%);box-shadow:var(--lift-panel);animation:rise-centered .24s var(--ease) both}.scenes__label{margin:0 0 var(--s2);font-size:var(--t-label);font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3)}.scenes__list{display:flex;flex-direction:column;gap:2px;width:min(260px,80vw);max-height:46vh;overflow-y:auto}.scene-pick{display:flex;align-items:center;gap:var(--s3);width:100%;padding:var(--s1);padding-right:var(--s3);border:0;border-radius:var(--r-field);background:none;color:var(--text-2);font:400 var(--t-small)/1.3 var(--sans);text-align:left;cursor:pointer;transition:color .16s var(--ease),background-color .16s var(--ease)}.scene-pick img{display:block;width:56px;height:32px;border-radius:7px;object-fit:cover;flex:none}.scene-pick:hover{color:var(--text);background:var(--surface-ghost)}.scene-pick[aria-current=true]{color:var(--accent-on);background:var(--accent-wash)}:focus-visible{outline:2px solid var(--accent-on);outline-offset:2px}@media(prefers-reduced-motion:reduce){.scene__photo,.scene__grain,.panel,.pulse span{animation:none!important}.bar{animation-duration:.01ms!important}*{transition-duration:.01ms!important}}