:root{--bg-deep:#08090f;--accent:#d4a13f;--accent-soft:#f0c75e;--accent-deep:#a37325;--accent-glow:#d4a13f73;--text-hi:#fafaf9f0;--text-mid:#fafaf98c;--text-low:#fafaf94d;--text-whisper:#fafaf91f;--up:#10b981;--down:#f43f5e}@keyframes blobDrift{0%,to{transform:translate(0,0)scale(1)}33%{transform:translate(40px,-28px)scale(1.08)}66%{transform:translate(-32px,28px)scale(.95)}}@keyframes pulseGlow{0%,to{box-shadow:inset 0 1px 2px #fff5c880,inset 0 -7px 14px #3c1e005c,0 0 22px #d4a13f59,0 0 50px #d4a13f1f,0 4px 16px #00000073}50%{box-shadow:inset 0 1px 2px #fff5c880,inset 0 -7px 14px #3c1e005c,0 0 36px #d4a13f8c,0 0 78px #d4a13f38,0 4px 16px #00000073}}@keyframes breathe{0%,to{opacity:.42}50%{opacity:.75}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}@keyframes listenerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}@keyframes votePop{0%{transform:scale(1)}40%{transform:scale(1.16)}to{transform:scale(1)}}.ambient-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-bg:before,.ambient-bg:after,.ambient-bg .blob-accent{content:"";filter:blur(130px);border-radius:50%;position:absolute}.ambient-bg:before{opacity:.1;background:radial-gradient(circle,#f59e0b 0%,#0000 70%);width:620px;height:620px;animation:32s ease-in-out infinite blobDrift;top:-200px;left:-140px}.ambient-bg:after{opacity:.22;background:radial-gradient(circle,#1e3a8a 0%,#0000 70%);width:540px;height:540px;animation:38s ease-in-out infinite reverse blobDrift;bottom:-160px;right:-110px}.ambient-bg .blob-accent{opacity:.06;background:radial-gradient(circle,#0ea5e9 0%,#0000 70%);width:360px;height:360px;animation:46s ease-in-out infinite blobDrift;top:35%;left:60%}.grain-overlay{z-index:1;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.85'/%3E%3C/svg%3E");position:fixed;inset:0}.vignette{z-index:2;pointer-events:none;background:radial-gradient(55% 65%,#00000094 0%,#00000059 45%,#0000 85%);position:fixed;inset:0}.brand-icon{width:38px;height:38px;color:var(--accent);filter:drop-shadow(0 0 12px #d4a13f4d);margin-bottom:2px}.brand-wordmark{font-family:var(--font-anton), Impact, sans-serif;letter-spacing:.02em;color:var(--accent);-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 18px #d4a13f47)drop-shadow(0 0 1px #f5d27c66);margin:0;font-size:clamp(2.6rem,9.5vw,3.6rem);font-weight:400;line-height:1}.brand-subtitle{letter-spacing:.32em;text-transform:uppercase;color:var(--text-low);margin:0;font-size:11px;font-weight:500}.listener-count{white-space:nowrap;align-items:center;gap:10px;margin:14px 0 0;display:inline-flex}.listener-dot{background:#34d399;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite listenerPulse;box-shadow:0 0 10px #34d3998c}.listener-num,.listener-label{color:#34d399;letter-spacing:.32em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:700}.skip-btn{color:#fafaf980;cursor:pointer;background:#fafaf905;border:1px solid #fafaf90f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.skip-btn:hover{color:var(--accent-soft);background:#d4a13f14;border-color:#d4a13f52;transform:scale(1.04)}.skip-btn:active{transform:scale(.94)}.play-btn{cursor:pointer;background:var(--accent);color:#1a0f00;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;transition:transform .2s,box-shadow .25s;display:flex;box-shadow:inset 0 1px 2px #fff5c880,inset 0 -7px 14px #3c1e005c,0 0 18px #d4a13f47,0 4px 14px #00000073}.play-btn:hover{transform:scale(1.05);box-shadow:inset 0 1px 2px #fff5c88c,inset 0 -7px 14px #3c1e005c,0 0 28px #d4a13f73,0 4px 14px #00000073}.play-btn:active{transform:scale(.97)}.play-btn.playing{animation:3.2s ease-in-out infinite pulseGlow}.vote-pill{color:var(--text-mid);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;background:#fafaf906;border:1px solid #fafaf912;border-radius:999px;align-items:center;gap:9px;padding:8px 14px;transition:transform .18s,background .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:inset 0 1px #fafaf90f}.vote-pill:hover:not(:disabled){transform:translateY(-1px)}.vote-pill:active:not(:disabled){transform:translateY(0)}.vote-pill:hover:not(:disabled):not(.active-up):not(.active-down){color:#fafaf9db;background:#fafaf90d;border-color:#fafaf929}.vote-pill.active-up:hover:not(:disabled){background:#10b9812e;border-color:#10b98199;box-shadow:0 0 22px #10b98140}.vote-pill.active-down:hover:not(:disabled){background:#f43f5e2e;border-color:#f43f5e99;box-shadow:0 0 22px #f43f5e40}.vote-pill:disabled{cursor:not-allowed;opacity:.3}.vote-pill.active-up{color:#34d399;background:#10b9811f;border-color:#10b98173;animation:.3s votePop;box-shadow:0 0 16px #10b9812e}.vote-pill.active-down{color:#fb7185;background:#f43f5e1f;border-color:#f43f5e73;animation:.3s votePop;box-shadow:0 0 16px #f43f5e2e}.volume-row{opacity:.45;color:var(--text-mid);align-items:center;gap:8px;transition:opacity .2s;display:flex}.volume-row:hover{opacity:.85}.volume-row .icon-btn{cursor:pointer;align-items:center;display:flex}.times-row{color:var(--text-mid);font-variant-numeric:tabular-nums;letter-spacing:.06em;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:500;display:flex}.kbd-hints{letter-spacing:.32em;text-transform:uppercase;color:var(--text-whisper);-webkit-user-select:none;user-select:none;font-size:10px}.page-shell{z-index:3;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px 20px 80px;display:flex;position:relative}.page-col{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:440px;display:flex;position:relative}.page-col:before{content:"";z-index:-1;pointer-events:none;filter:blur(8px);background:radial-gradient(520px 540px,#d4a13f0e 0%,#d4a13f05 40%,#0000 70%);position:absolute;inset:-40px -120px}.brand-block{flex-direction:column;align-items:center;gap:4px;margin-bottom:4px;display:flex}.controls-row{justify-content:center;align-items:center;gap:22px;display:flex}.vote-row{align-items:center;gap:14px;display:flex}.progress-block{flex-direction:column;gap:6px;width:100%;display:flex}@media (max-width:380px){.page-col{gap:14px}.brand-wordmark{font-size:2.4rem}.play-btn{width:60px;height:60px}.skip-btn{width:40px;height:40px}.controls-row{gap:16px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d4a13f40;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#d4a13f73}.mantine-Slider-root{cursor:pointer}.mantine-Slider-trackContainer{cursor:pointer;align-items:center;height:28px;display:flex}.mantine-Slider-thumb{transition:transform .15s,box-shadow .15s}.mantine-Slider-root:hover .mantine-Slider-thumb{transform:translate(-50%,-50%)scale(1.35);box-shadow:0 0 14px #d4a13f99}.volume-row .mantine-Slider-trackContainer{height:22px}.volume-row .mantine-Slider-root:hover .mantine-Slider-thumb{box-shadow:0 0 12px #fafaf94d}@keyframes cursorBlink{0%,49.9%{opacity:1}50%,to{opacity:0}}.track-hash{font-family:var(--font-mono), "JetBrains Mono", "SF Mono", Consolas, monospace;letter-spacing:.04em;color:var(--accent);text-align:center;-webkit-user-select:text;user-select:text;text-shadow:0 0 8px #d4a13f47;white-space:nowrap;justify-content:center;align-items:center;height:18px;font-size:12px;font-weight:500;display:flex;overflow:hidden}.track-hash-prefix{color:#d4a13f80;-webkit-user-select:none;user-select:none;margin-right:2px}.track-hash-cursor{color:var(--accent-soft);-webkit-user-select:none;user-select:none;margin-left:2px;animation:1.05s step-end infinite cursorBlink}@media (max-width:380px){.track-hash{font-size:10px}}.track-bg-stack{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.track-bg-layer{filter:blur(18px)saturate(1.5)brightness(.7)contrast(1.1);opacity:0;will-change:opacity, transform;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity 1.6s ease-in-out,filter 1.6s ease-in-out;position:absolute;inset:-10%;transform:scale(1.12)translate(0,0)}.track-bg-layer.is-visible{opacity:.5;animation:60s ease-in-out infinite alternate track-bg-kenburns,7s ease-in-out infinite track-bg-breath}@keyframes track-bg-kenburns{0%{transform:scale(1.15)translate(-2%,-1.5%)}50%{transform:scale(1.22)translate(1%,.5%)}to{transform:scale(1.3)translate(2%,1.5%)}}@keyframes track-bg-breath{0%,to{filter:blur(18px)saturate(1.5)brightness(.7)contrast(1.1)}50%{filter:blur(15px)saturate(1.7)brightness(.78)contrast(1.15)}}.track-bg-stack:after{content:"";pointer-events:none;background:radial-gradient(#0000 50%,#08090f40 100%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.track-bg-layer.is-visible{animation:none}}.page-blurb{text-align:left;color:#f5f5f480;letter-spacing:.01em;max-width:560px;margin:48px auto 24px;font-size:13px;line-height:1.65}.page-blurb-h{letter-spacing:.16em;text-transform:uppercase;color:#f59e0bb3;text-align:center;margin:0 0 12px;font-size:11px;font-weight:600}.page-blurb p{margin:0 0 14px}.page-blurb strong{color:#f5f5f4bf;font-weight:600}.page-blurb-list{grid-template-columns:1fr;gap:6px;margin:0;padding:0;list-style:none;display:grid}.page-blurb-list li{padding-left:14px;font-size:12.5px;position:relative}.page-blurb-list li:before{content:"·";color:#f59e0b99;font-weight:700;position:absolute;left:0}@media (min-width:720px){.page-blurb-list{grid-template-columns:1fr 1fr;gap:6px 24px}}