:root{--ink:#0d0a28;--paper:#f4f1ea;--cyan:#00f2ea;--cyan-l:#00c7c0;--magenta:#ff2d78;--indigo:#2a1a6e;--indigo-2:#3d2a9a;--paper-stroke:#e4dfd4;--paper-stroke-2:#d9d2c2;--logo-bg:#0d0a28;--logo-stroke:#2a1a6e;--logo-outer:#3d2a9a;--logo-ghost-cyan:#00f2ea;--logo-ghost-cyan-op:.55;--logo-ghost-mag-op:.55;--logo-core:#fff;--logo-wave:#fff;--logo-wave-op-1:.25;--logo-wave-op-2:.45;--logo-wave-op-3:.75;--logo-wave-op-4:.45;--logo-wave-op-5:.25}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--ink);color:var(--paper);-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;font-family:-apple-system,SF Pro Display,Helvetica Neue,system-ui,sans-serif;transition:background .6s,color .6s;overflow:hidden auto}body.light{background:var(--paper);color:var(--ink);--logo-bg:#f4f1ea;--logo-stroke:#e4dfd4;--logo-outer:#d9d2c2;--logo-ghost-cyan:#00c7c0;--logo-ghost-cyan-op:.45;--logo-ghost-mag-op:.45;--logo-core:#0d0a28;--logo-wave:#0d0a28;--logo-wave-op-1:.2;--logo-wave-op-2:.4;--logo-wave-op-3:.85;--logo-wave-op-4:.4;--logo-wave-op-5:.2}#particles{z-index:0;pointer-events:none;opacity:.85;width:100%;height:100%;position:fixed;inset:0}body.light #particles{opacity:.55}.aura{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.aura .blob{filter:blur(60px);opacity:.55;will-change:transform;border-radius:50%;width:60vmin;height:60vmin;animation:18s ease-in-out infinite alternate drift;position:absolute}.aura .blob.cyan{background:radial-gradient(closest-side, var(--cyan), transparent 70%);top:35%;left:30%}.aura .blob.magenta{background:radial-gradient(closest-side, var(--magenta), transparent 70%);animation-duration:22s;animation-delay:-6s;top:45%;left:50%}body.light .aura .blob{opacity:.32;filter:blur(80px)}body.light .aura .blob.cyan{background:radial-gradient(closest-side, var(--cyan-l), transparent 70%)}@keyframes drift{0%{transform:translate(-12vmin,-8vmin)scale(1)}50%{transform:translate(8vmin,6vmin)scale(1.1)}to{transform:translate(-6vmin,10vmin)scale(.95)}}.vignette{z-index:2;pointer-events:none;background:radial-gradient(#0000 45%,#000000a6 100%);position:fixed;inset:0}body.light .vignette{background:radial-gradient(#0000 45%,#d9d2c28c 100%)}.stage{z-index:3;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:clamp(24px,3.5vh,40px) 24px clamp(96px,14vh,128px);display:flex;position:relative}.logo-wrap{aspect-ratio:1;filter:drop-shadow(0 30px 60px #00000073);will-change:transform;width:clamp(150px,22vmin,240px);margin-bottom:clamp(20px,3.5vh,36px);animation:8s ease-in-out infinite float}body.light .logo-wrap{filter:drop-shadow(0 30px 60px #0d0a282e)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.logo-wrap svg{width:100%;height:100%;display:block}.logo .bg-fill{fill:var(--logo-bg)}.logo .bg-stroke{stroke:var(--logo-stroke)}.logo .bg-outer{stroke:var(--logo-outer)}.logo .ghost.cyan{fill:var(--logo-ghost-cyan);opacity:var(--logo-ghost-cyan-op)}.logo .ghost.magenta{opacity:var(--logo-ghost-mag-op)}.logo .core{fill:var(--logo-core)}.logo .wave{fill:var(--logo-wave)}.logo .wave.b1{opacity:var(--logo-wave-op-1)}.logo .wave.b2{opacity:var(--logo-wave-op-2)}.logo .wave.b3{opacity:var(--logo-wave-op-3)}.logo .wave.b4{opacity:var(--logo-wave-op-4)}.logo .wave.b5{opacity:var(--logo-wave-op-5)}.ghost{transform-origin:50%;transform-box:fill-box}.ghost.cyan{animation:3.6s ease-in-out infinite chromaCyan}.ghost.magenta{animation:4.2s ease-in-out infinite chromaMag}@keyframes chromaCyan{0%,to{transform:translate(-3px,2px)}50%{transform:translate(-7px,-3px)}}@keyframes chromaMag{0%,to{transform:translate(3px,-2px)}50%{transform:translate(7px,3px)}}.bar{transform-origin:50% 100%;transform-box:fill-box}.bar.b1{animation:1.6s ease-in-out infinite pulse}.bar.b2{animation:1.6s ease-in-out -.3s infinite pulse}.bar.b3{animation:1.6s ease-in-out -.6s infinite pulse}.bar.b4{animation:1.6s ease-in-out -.9s infinite pulse}.bar.b5{animation:1.6s ease-in-out -1.2s infinite pulse}@keyframes pulse{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1.15)}}.eyebrow{letter-spacing:.32em;text-transform:uppercase;opacity:.55;align-items:center;gap:10px;margin-bottom:clamp(12px,2vh,20px);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(11px,1.6vmin,13px);display:inline-flex}.eyebrow .dot{background:var(--magenta);width:7px;height:7px;box-shadow:0 0 16px var(--magenta);border-radius:50%;animation:1.6s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}h1{letter-spacing:-.04em;text-wrap:balance;max-width:18ch;margin:0 0 clamp(14px,2vh,24px);font-size:clamp(38px,7.5vmin,100px);font-weight:600;line-height:.95}h1 em{background:linear-gradient(90deg, var(--cyan) 0%, var(--magenta) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}body.light h1 em{background:linear-gradient(90deg, var(--cyan-l) 0%, var(--magenta) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sub{opacity:.7;text-wrap:pretty;max-width:36ch;margin:0;font-size:clamp(15px,2.1vmin,20px);line-height:1.45}.topics+.sub{margin-top:clamp(20px,3.5vh,32px)}.signup{flex-direction:column;gap:10px;width:min(440px,100%);margin-top:clamp(20px,3.2vh,32px);display:flex}.signup-row{gap:10px;display:flex}.signup input[type=email]{appearance:none;-webkit-backdrop-filter:blur(20px);min-width:0;color:inherit;font:inherit;background:#ffffff0f;border:1px solid #ffffff29;border-radius:12px;outline:none;flex:auto;padding:13px 16px;font-size:15px;transition:border-color .2s,background .2s}.signup input[type=email]::placeholder{color:inherit;opacity:.4}.signup input[type=email]:focus{border-color:var(--cyan);background:#ffffff1a}body.light .signup input[type=email]{background:#0d0a280a;border-color:#0d0a2829}body.light .signup input[type=email]:focus{border-color:var(--cyan-l);background:#0d0a2812}.signup button{appearance:none;cursor:pointer;font:inherit;color:var(--ink);background:linear-gradient(90deg, var(--cyan) 0%, var(--magenta) 100%);border:0;border-radius:12px;flex:none;padding:13px 22px;font-size:15px;font-weight:600;transition:opacity .2s,transform .12s}body.light .signup button{color:var(--paper);background:linear-gradient(90deg, var(--cyan-l) 0%, var(--magenta) 100%)}.signup button:hover:not(:disabled){opacity:.92}.signup button:active:not(:disabled){transform:translateY(1px)}.signup button:disabled{cursor:not-allowed;opacity:.55}.signup-hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.signup-status{text-align:center;min-height:1.2em;margin:0;font-size:14px}.signup-status.ok{color:var(--cyan)}body.light .signup-status.ok{color:var(--cyan-l)}.signup-status.err{color:var(--magenta)}@media (max-width:460px){.signup-row{flex-direction:column}}.eotd-stack{flex-direction:column;align-items:center;gap:clamp(14px,2.4vh,22px);width:100%;margin-top:clamp(22px,4vh,40px);display:flex;position:relative}.eotd-frame{justify-content:center;width:min(440px,100%);display:flex;position:relative}.eotd{z-index:1;-webkit-backdrop-filter:blur(24px);text-align:left;background:#0d0a289e;border:1px solid #ffffff29;border-radius:20px;align-items:center;gap:16px;width:min(440px,100%);padding:14px;display:flex;position:relative}body.light .eotd{background:#f4f1eab8;border-color:#0d0a2824}.eotd-cover{-o-object-fit:cover;object-fit:cover;background:#00000040;border-radius:14px;flex:none;width:76px;height:76px;box-shadow:0 10px 24px #00000059}.eotd-cover.jiggle{animation:.5s jiggle}@keyframes jiggle{0%,to{transform:rotate(0)scale(1)}20%{transform:rotate(-6deg)scale(1.04)}45%{transform:rotate(5deg)scale(1.04)}70%{transform:rotate(-3deg)scale(1.02)}}.eotd-body{flex:auto;min-width:0}.eotd-eyebrow{letter-spacing:.22em;text-transform:uppercase;opacity:.55;margin:0 0 4px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:10px}.eotd-title{white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:15px;font-weight:600;line-height:1.2;overflow:hidden}.eotd-show{align-items:center;gap:8px;min-width:0;display:flex}.eotd-avatars{flex:none;display:inline-flex}.eotd-avatars img{-o-object-fit:cover;object-fit:cover;border:1.5px solid var(--ink);background:#ffffff26;border-radius:50%;width:26px;height:26px}body.light .eotd-avatars img{border-color:var(--paper)}.eotd-avatars img+img{margin-left:-10px}.eotd-showname{opacity:.75;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.eotd-controls{flex:none;align-items:center;gap:8px;display:inline-flex}.eotd-btn{appearance:none;width:46px;height:46px;color:inherit;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background .2s;display:inline-flex}.eotd-btn:hover{background:#ffffff2e}.eotd-btn:active{transform:scale(.92)}body.light .eotd-btn{background:#0d0a280f;border-color:#0d0a2829}body.light .eotd-btn:hover{background:#0d0a281f}.eotd-play{background:linear-gradient(135deg, var(--cyan) 0%, var(--magenta) 100%);color:#0d0a28;border-color:#0000}.eotd-play:hover{background:linear-gradient(135deg, var(--cyan) 0%, var(--magenta) 100%);filter:brightness(1.08)}.eotd-rotate.spin svg{animation:.5s rotate360}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.eotd-btn svg{width:20px;height:20px;display:block}@media (max-width:540px){.eotd{gap:12px;width:min(360px,100%);padding:12px}.eotd-cover{width:64px;height:64px}.eotd-btn{width:42px;height:42px}}.eotd-share{justify-content:center;width:min(440px,100%);animation:.52s eotd-share-in;display:flex}.eotd-share .song-share{margin-top:0}@keyframes eotd-share-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.eotd-share{animation:none}}.eotd-marquee{z-index:0;pointer-events:none;opacity:.6;width:100vw;display:none;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000)}body.light .eotd-marquee{opacity:.5}.eotd-marquee-track{will-change:transform;width:max-content;animation:75s linear infinite eotd-marquee-scroll;display:flex}.eotd-marquee-group{flex:none;gap:clamp(14px,1.6vmin,22px);padding-left:clamp(14px,1.6vmin,22px);display:flex}.eotd-marquee-tile{background:#ffffff0f;border:1px solid #ffffff24;border-radius:14px;flex:none;width:clamp(64px,7.5vmin,88px);height:clamp(64px,7.5vmin,88px);overflow:hidden;box-shadow:0 10px 24px #00000047}body.light .eotd-marquee-tile{background:#0d0a280a;border-color:#0d0a281a;box-shadow:0 10px 24px #0d0a2824}.eotd-marquee-tile img{-o-object-fit:cover;object-fit:cover;filter:saturate(.9);width:100%;height:100%;display:block}a.eotd-marquee-tile{pointer-events:auto;cursor:pointer;text-decoration:none;transition:border-color .2s,box-shadow .2s}a.eotd-marquee-tile:hover{border-color:var(--cyan);box-shadow:0 12px 28px #00000057}body.light a.eotd-marquee-tile:hover{border-color:var(--cyan-l)}.eotd-marquee-track:hover{animation-play-state:paused}@keyframes eotd-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (min-width:768px){.eotd-marquee{display:block}}.footer{z-index:3;letter-spacing:.18em;text-transform:uppercase;pointer-events:none;justify-content:space-between;align-items:center;padding:22px 28px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.footer:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(12px);pointer-events:none;background:linear-gradient(#0d0a2800 0%,#0d0a28b8 45%,#0d0a28eb 100%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 45%);mask-image:linear-gradient(#0000 0%,#000 45%)}body.light .footer:before{background:linear-gradient(#f4f1ea00 0%,#f4f1eab8 45%,#f4f1eaf0 100%)}.footer .left,.footer .right{opacity:.72;align-items:center;gap:8px;display:inline-flex}.footer-links{pointer-events:auto;align-items:center;gap:10px;display:inline-flex}.footer-links a{color:inherit;opacity:.85;text-decoration:none;transition:opacity .2s,color .2s}.footer-links a:hover{opacity:1;color:var(--cyan)}body.light .footer-links a:hover{color:var(--cyan-l)}.footer-links .sep{opacity:.5}.toggle{z-index:5;-webkit-backdrop-filter:blur(20px);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;color:inherit;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:6px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;display:inline-flex;position:fixed;top:22px;right:22px}body.light .toggle{background:#0d0a280a;border-color:#0d0a281f}.toggle button{appearance:none;color:inherit;cursor:pointer;opacity:.55;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:opacity .2s,background .2s;display:inline-flex}.toggle button svg{width:18px;height:18px;display:block}.toggle button.active{opacity:1;background:#ffffff1f}body.light .toggle button.active{background:#0d0a2814}@media (max-width:540px){.footer{padding:16px 18px;font-size:10px}.toggle{top:16px;right:16px}}.legal{z-index:3;-webkit-overflow-scrolling:touch;height:100%;padding:clamp(56px,9vh,104px) 24px clamp(96px,14vh,128px);position:relative;overflow-y:auto}.legal-inner{text-align:left;max-width:720px;margin:0 auto}.legal-logo-link{width:fit-content;margin:0 auto;text-decoration:none;display:block}.legal-logo-link .logo-wrap{width:clamp(72px,12vmin,96px);margin-bottom:clamp(18px,3vh,28px)}.legal-title{letter-spacing:-.03em;text-align:center;margin:0 0 10px;font-size:clamp(28px,5vmin,44px);font-weight:600;line-height:1.05}.legal-effective{text-align:center;letter-spacing:.08em;opacity:.6;margin:0 0 clamp(24px,4vh,40px);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px}.legal-body{opacity:.88;font-size:clamp(15px,2vmin,17px);line-height:1.65}.legal-body h2{letter-spacing:-.01em;margin:clamp(24px,4vh,36px) 0 10px;font-size:clamp(17px,2.4vmin,21px);font-weight:600}.legal-body p{margin:0 0 14px}.legal-body ul{margin:0 0 14px;padding-left:22px;list-style:outside}.legal-body li{margin:0 0 8px}.legal-body a{color:var(--cyan);border-bottom:1px solid #00f2ea66;text-decoration:none;transition:opacity .2s,border-color .2s}.legal-body a:hover{opacity:.85;border-color:var(--cyan)}body.light .legal-body a{color:var(--cyan-l);border-bottom-color:#00c7c073}body.light .legal-body a:hover{border-color:var(--cyan-l)}.legal-back{letter-spacing:.08em;margin-top:clamp(32px,5vh,48px);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px}.legal-back a{color:inherit;opacity:.7;text-decoration:none;transition:opacity .2s}.legal-back a:hover{opacity:1}@media (prefers-reduced-motion:reduce){.aura .blob,.logo-wrap,.ghost,.bar,.eyebrow .dot,.eotd-cover.jiggle,.eotd-rotate.spin svg,.eotd-marquee-track{animation:none!important}}.topics{z-index:3;flex-wrap:wrap;justify-content:center;gap:10px;width:min(560px,100%);margin-top:clamp(22px,4vh,38px);display:flex;position:relative}.topic-tile{appearance:none;cursor:pointer;font:inherit;color:inherit;-webkit-backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;padding:10px 18px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px;font-weight:500;transition:border-color .2s,background .2s,transform .12s,opacity .2s}.topic-tile:hover:not(:disabled){border-color:var(--cyan);background:#ffffff1a}.topic-tile:active:not(:disabled){transform:translateY(1px)}.topic-tile:disabled{cursor:default;opacity:.4}.topic-tile.is-loading{opacity:1;color:var(--ink);background:linear-gradient(90deg, var(--cyan) 0%, var(--magenta) 100%);border-color:#0000}body.light .topic-tile{background:#0d0a280a;border-color:#0d0a2829}body.light .topic-tile:hover:not(:disabled){border-color:var(--cyan-l);background:#0d0a2812}body.light .topic-tile.is-loading{color:var(--paper);background:linear-gradient(90deg, var(--cyan-l) 0%, var(--magenta) 100%);border-color:#0000}.feed-stage{z-index:3;flex-direction:column;height:100%;display:flex;position:relative}.feed-topbar{flex:none;align-items:center;padding:16px 20px;display:flex}.feed-back{letter-spacing:.12em;text-transform:uppercase;color:inherit;opacity:.7;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;text-decoration:none;transition:opacity .2s}.feed-back:hover{opacity:1}.feed{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:auto;width:100%;overflow-y:auto}.feed::-webkit-scrollbar{display:none}.feed-panel{scroll-snap-align:start;scroll-snap-stop:always;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100%;padding:24px;display:flex;position:relative}.feed-count{letter-spacing:.14em;opacity:.5;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;position:absolute;top:16px;right:20px}.feed-join-title{letter-spacing:-.03em;text-wrap:balance;max-width:18ch;margin:0;font-size:clamp(24px,5vmin,40px);font-weight:600;line-height:1.05}.feed-join-sub{opacity:.7;text-wrap:pretty;max-width:34ch;margin:0;font-size:clamp(14px,2vmin,18px);line-height:1.45}.feed-hint{z-index:4;pointer-events:none;letter-spacing:.2em;text-transform:uppercase;opacity:.6;flex-direction:column;align-items:center;gap:2px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;animation:1.6s ease-in-out infinite feed-hint-bob;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.feed-hint svg{width:18px;height:18px}@keyframes feed-hint-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,5px)}}@media (prefers-reduced-motion:reduce){.feed-hint{animation:none!important}}.song-stage{z-index:3;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(20px,3.2vh,34px);min-height:100%;padding:clamp(60px,8vh,84px) 24px clamp(96px,14vh,128px);display:flex;position:relative}.song-home{z-index:5;text-decoration:none;display:block;position:fixed;top:16px;left:20px}.song-home .logo-wrap{width:clamp(40px,7vmin,54px);margin-bottom:0}.song-player{z-index:1;flex-direction:column;align-items:center;width:min(460px,100%);display:flex;position:relative}.song-art-wrap{aspect-ratio:1;width:clamp(200px,44vmin,340px);margin-bottom:clamp(22px,4vh,36px);position:relative}.song-art{z-index:1;-o-object-fit:cover;object-fit:cover;background:#00000040;border:1px solid #ffffff24;border-radius:24px;width:100%;height:100%;position:relative;box-shadow:0 40px 90px #0000008c}body.light .song-art{border-color:#0d0a281f;box-shadow:0 40px 90px #0d0a2838}.song-art-glow{z-index:0;background:radial-gradient(closest-side, var(--cyan), transparent 72%), radial-gradient(closest-side, var(--magenta), transparent 72%);filter:blur(46px);opacity:.4;pointer-events:none;background-position:30% 40%,70% 60%;background-repeat:no-repeat;background-size:80% 80%,80% 80%;border-radius:50%;transition:opacity .5s;position:absolute;inset:-18%}.song-art-wrap.is-playing .song-art-glow{opacity:.75;animation:4.5s ease-in-out infinite songGlow}.song-art-wrap.is-playing .song-art{animation:4.5s ease-in-out infinite songBreathe}@keyframes songGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}@keyframes songBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.song-eyebrow{letter-spacing:.28em;text-transform:uppercase;opacity:.6;margin:0 0 clamp(14px,2.2vh,20px);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(10px,1.5vmin,12px)}.song-title{letter-spacing:.02em;opacity:.82;text-wrap:balance;max-width:24ch;margin:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(14px,2vmin,17px);font-weight:600;line-height:1.2}.song-subtitle{opacity:.9;text-wrap:pretty;max-width:30ch;margin:clamp(10px,1.8vh,16px) 0 0;font-size:clamp(18px,3vmin,26px);font-style:italic;font-weight:700;line-height:1.35}.song-note{font-variant-emoji:text;opacity:.85;margin:0 .4em;font-style:normal}.song-genre{z-index:2;letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;white-space:nowrap;color:#f4f1ea;-webkit-backdrop-filter:blur(10px)saturate(1.2);background:#0d0a2880;border:1px solid #ffffff47;border-radius:999px;padding:5px 14px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(10px,1.4vmin,12px);position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000059}.song-controls{margin-top:clamp(20px,3.4vh,32px)}.song-play{appearance:none;cursor:pointer;color:#0d0a28;background:linear-gradient(135deg, var(--cyan) 0%, var(--magenta) 100%);border:0;border-radius:50%;justify-content:center;align-items:center;width:clamp(64px,12vmin,78px);height:clamp(64px,12vmin,78px);transition:transform .15s,filter .2s;display:inline-flex;box-shadow:0 16px 40px #ff2d7859}.song-play:hover{filter:brightness(1.08)}.song-play:active{transform:scale(.94)}.song-play svg{width:34%;height:34%;display:block}.song-progress{align-items:center;gap:12px;width:100%;max-width:420px;margin-top:clamp(18px,3vh,26px);display:flex}.song-time{opacity:.55;flex:none;min-width:34px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px}.song-time:last-child{text-align:right}.song-seek{appearance:none;cursor:pointer;background:linear-gradient(90deg, var(--cyan) 0%, var(--magenta) var(--played,0%), #ffffff29 var(--played,0%));border-radius:999px;outline:none;flex:auto;height:6px}body.light .song-seek{background:linear-gradient(90deg, var(--cyan-l) 0%, var(--magenta) var(--played,0%), #0d0a2824 var(--played,0%))}.song-seek::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:0;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 8px #00000073}.song-seek::-moz-range-thumb{cursor:pointer;background:#fff;border:0;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 8px #00000073}.song-share{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:clamp(22px,3.6vh,32px);display:inline-flex}.song-share-btn{appearance:none;width:40px;height:40px;color:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:transform .15s,background .2s,border-color .2s,color .2s;display:inline-flex}.song-share-btn:hover{border-color:var(--cyan);color:var(--cyan);background:#ffffff29}.song-share-btn:active{transform:scale(.92)}.song-share-btn.is-copied{color:var(--cyan);border-color:var(--cyan)}body.light .song-share-btn{background:#0d0a280d;border-color:#0d0a2829}body.light .song-share-btn:hover,body.light .song-share-btn.is-copied{border-color:var(--cyan-l);color:var(--cyan-l)}.song-share-btn svg{width:18px;height:18px;display:block}@keyframes song-share-hop{0%{transform:translateY(0)}28%{transform:translateY(-8px)}52%{transform:translateY(0)}70%{transform:translateY(-3px)}to{transform:translateY(0)}}.song-share-btn.is-hopping{animation:.6s ease-out song-share-hop}@media (prefers-reduced-motion:reduce){.song-share-btn.is-hopping{animation:none}}.song-shuffle{letter-spacing:.12em;text-transform:uppercase;color:inherit;opacity:.85;background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;margin-top:clamp(20px,3.2vh,28px);padding:10px 18px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;text-decoration:none;transition:opacity .2s,border-color .2s,background .2s;display:inline-flex}.song-shuffle:hover{opacity:1;border-color:var(--cyan);background:#ffffff1a}body.light .song-shuffle{background:#0d0a280a;border-color:#0d0a2829}body.light .song-shuffle:hover{border-color:var(--cyan-l);background:#0d0a2812}.song-shuffle svg{width:15px;height:15px}.song-cta{flex-direction:column;align-items:center;width:min(440px,100%);display:flex}.song-cta-copy{opacity:.7;text-wrap:pretty;max-width:34ch;margin:0;font-size:clamp(14px,2vmin,17px);line-height:1.45}.song-cta .signup{margin-top:clamp(16px,2.6vh,22px)}@media (max-width:540px){.song-home{top:12px;left:14px}}@media (prefers-reduced-motion:reduce){.song-art-wrap.is-playing .song-art-glow,.song-art-wrap.is-playing .song-art{animation:none!important}}.wl-overlay{z-index:50;-webkit-backdrop-filter:blur(18px)saturate(1.05);opacity:0;visibility:hidden;background:#06041499;justify-content:center;align-items:center;padding:24px;transition:opacity .32s,visibility 0s linear .32s;display:flex;position:fixed;inset:0}.wl-overlay.is-open{opacity:1;visibility:visible;transition:opacity .32s}body.light .wl-overlay{background:#f4f1ea80}.wl-modal{text-align:center;-webkit-backdrop-filter:blur(24px);opacity:0;background:#0d0a28b8;border:1px solid #ffffff29;border-radius:24px;width:min(440px,100%);padding:clamp(30px,5vw,42px) clamp(22px,4vw,32px) clamp(24px,4vw,32px);transition:opacity .36s,transform .36s cubic-bezier(.2,.8,.2,1);position:relative;transform:translateY(18px)scale(.96);box-shadow:0 40px 100px #0000008c}.wl-overlay.is-open .wl-modal{opacity:1;transform:translateY(0)scale(1)}body.light .wl-modal{background:#f4f1ead1;border-color:#0d0a2824;box-shadow:0 40px 100px #0d0a2847}.wl-close{width:38px;height:38px;color:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,border-color .2s,color .2s,transform .15s;display:inline-flex;position:absolute;top:12px;right:12px}.wl-close:hover{border-color:var(--cyan);color:var(--cyan);background:#ffffff29}.wl-close:active{transform:scale(.92)}body.light .wl-close{background:#0d0a280d;border-color:#0d0a2829}body.light .wl-close:hover{border-color:var(--cyan-l);color:var(--cyan-l)}.wl-close svg{width:18px;height:18px;display:block}.wl-eyebrow{letter-spacing:.28em;text-transform:uppercase;opacity:.6;align-items:center;gap:10px;margin:0 0 clamp(10px,1.6vh,14px);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(10px,1.5vmin,12px);display:inline-flex}.wl-eyebrow .dot{background:var(--magenta);width:7px;height:7px;box-shadow:0 0 16px var(--magenta);border-radius:50%;animation:1.6s ease-in-out infinite blink}.wl-title{letter-spacing:-.03em;text-wrap:balance;margin:0 0 clamp(8px,1.4vh,12px);font-size:clamp(24px,4.6vmin,34px);font-weight:600;line-height:1.04}.wl-title em{background:linear-gradient(90deg, var(--cyan) 0%, var(--magenta) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}body.light .wl-title em{background:linear-gradient(90deg, var(--cyan-l) 0%, var(--magenta) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.wl-copy{opacity:.72;text-wrap:pretty;max-width:32ch;margin:0 auto;font-size:clamp(14px,2vmin,16px);line-height:1.45}.wl-modal .signup{margin-top:clamp(16px,2.6vh,22px)}@media (prefers-reduced-motion:reduce){.wl-modal{transition:opacity .2s;transform:none}.wl-overlay.is-open .wl-modal{transform:none}.wl-eyebrow .dot{animation:none!important}}.share-qr-overlay{z-index:60;-webkit-backdrop-filter:blur(18px)saturate(1.05);opacity:0;visibility:hidden;background:#06041499;justify-content:center;align-items:center;padding:24px;transition:opacity .32s,visibility 0s linear .32s;display:flex;position:fixed;inset:0}.share-qr-overlay.is-open{opacity:1;visibility:visible;transition:opacity .32s}body.light .share-qr-overlay{background:#f4f1ea80}.share-qr-modal{text-align:center;-webkit-backdrop-filter:blur(24px);opacity:0;background:#0d0a28b8;border:1px solid #ffffff29;border-radius:24px;width:min(400px,100%);padding:clamp(30px,5vw,42px) clamp(22px,4vw,32px) clamp(24px,4vw,32px);transition:opacity .36s,transform .36s cubic-bezier(.2,.8,.2,1);position:relative;transform:translateY(18px)scale(.96);box-shadow:0 40px 100px #0000008c}.share-qr-overlay.is-open .share-qr-modal{opacity:1;transform:translateY(0)scale(1)}body.light .share-qr-modal{background:#f4f1ead1;border-color:#0d0a2824;box-shadow:0 40px 100px #0d0a2847}.share-qr-close{width:38px;height:38px;color:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,border-color .2s,color .2s,transform .15s;display:inline-flex;position:absolute;top:12px;right:12px}.share-qr-close:hover{border-color:var(--cyan);color:var(--cyan);background:#ffffff29}.share-qr-close:active{transform:scale(.92)}body.light .share-qr-close{background:#0d0a280d;border-color:#0d0a2829}body.light .share-qr-close:hover{border-color:var(--cyan-l);color:var(--cyan-l)}.share-qr-close svg{width:18px;height:18px;display:block}.share-qr-eyebrow{letter-spacing:.28em;text-transform:uppercase;opacity:.6;align-items:center;gap:10px;margin:0 0 clamp(10px,1.6vh,14px);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(10px,1.5vmin,12px);display:inline-flex}.share-qr-eyebrow .dot{background:var(--magenta);width:7px;height:7px;box-shadow:0 0 16px var(--magenta);border-radius:50%;animation:1.6s ease-in-out infinite blink}.share-qr-title{letter-spacing:-.02em;text-wrap:balance;margin:0 0 clamp(6px,1.2vh,10px);font-size:clamp(20px,3.8vmin,26px);font-weight:600;line-height:1.08}.share-qr-caption{opacity:.72;text-wrap:pretty;max-width:30ch;margin:0 auto;font-size:clamp(13px,1.9vmin,15px);line-height:1.4}.share-qr-frame{background:#fff;border-radius:16px;justify-content:center;align-items:center;margin:clamp(18px,3vh,26px) auto clamp(14px,2.4vh,18px);padding:16px;display:inline-flex;box-shadow:0 8px 30px #00000059}.share-qr-frame svg{width:min(220px,60vw);height:auto;display:block}.share-qr-url{opacity:.55;word-break:break-all;max-width:32ch;margin:0 auto;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(11px,1.6vmin,12px);line-height:1.35}@media (prefers-reduced-motion:reduce){.share-qr-modal{transition:opacity .2s;transform:none}.share-qr-overlay.is-open .share-qr-modal{transform:none}.share-qr-eyebrow .dot{animation:none!important}}@media (max-height:900px){.stage,.song-stage{padding-bottom:clamp(66px,8.5vh,88px)}.logo-wrap{width:clamp(100px,14.5vmin,168px);margin-bottom:clamp(12px,2vh,22px)}.topics{margin-top:clamp(12px,2.2vh,22px)}.eyebrow{margin-bottom:clamp(8px,1.4vh,14px)}h1{margin-bottom:clamp(10px,1.6vh,18px);font-size:clamp(30px,5.4vmin,68px)}.eotd-stack{margin-top:clamp(14px,2.4vh,24px)}.topics+.sub,.signup{margin-top:clamp(12px,2.2vh,20px)}.song-stage{gap:clamp(16px,2.4vh,26px);padding-top:clamp(56px,6.5vh,68px)}.song-art-wrap{width:clamp(160px,34vmin,272px);margin-bottom:clamp(12px,2vh,20px)}.song-eyebrow{margin-bottom:clamp(8px,1.4vh,14px)}.song-subtitle{margin-top:clamp(6px,1.1vh,12px)}.song-controls{margin-top:clamp(12px,2.1vh,22px)}.song-progress{margin-top:clamp(10px,1.8vh,18px)}.song-share{margin-top:clamp(12px,2.2vh,22px)}.song-shuffle{margin-top:clamp(12px,2vh,20px)}.song-cta .signup{margin-top:clamp(10px,1.8vh,16px)}}@media (max-height:660px){.stage{padding-top:clamp(16px,2.5vh,28px)}.logo-wrap{width:clamp(76px,12vmin,120px);margin-bottom:clamp(8px,1.5vh,16px)}.eyebrow{margin-bottom:clamp(6px,1.2vh,12px)}h1{margin-bottom:clamp(8px,1.3vh,14px);font-size:clamp(26px,4.6vmin,52px)}.eotd-stack{margin-top:clamp(10px,1.8vh,18px)}.topics,.topics+.sub,.signup{margin-top:clamp(8px,1.6vh,16px)}.topic-tile{padding:7px 15px}}