:root{--ink:#0d0a28;--paper:#f4f1ea;--cyan:#00f2ea;--cyan-l:#00c7c0;--magenta:#ff2d78;--indigo:#2a1a6e;--indigo-2:#3d2a9a;--paper-stroke:#e4dfd4;--paper-stroke-2:#d9d2c2;--chrome-scrim:#0d0a28b8;--topbar-h:54px;--topbar-clear-start:25%;--topbar-clear-end:75%;--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);--chrome-scrim:#f4f1eacc;--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;min-height:100%;padding:calc(var(--topbar-h) + clamp(16px, 2.5vh, 28px)) 24px clamp(96px, 14vh, 128px);text-align:center;flex-direction:column;justify-content:center;align-items:center;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:10px 20px;font-size:14px;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}.signup button{align-self:center;min-width:11rem;padding-inline:34px}}.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}.topbar{z-index:5;height:var(--topbar-h);justify-content:space-between;align-items:center;gap:12px;padding:0 clamp(14px,2.4vw,22px);display:flex;position:fixed;top:0;left:0;right:0}.topbar:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(18px);-webkit-mask-image:linear-gradient(to right, #000 0%, transparent var(--topbar-clear-start), transparent var(--topbar-clear-end), #000 100%);-webkit-mask-image:linear-gradient(to right, #000 0%, transparent var(--topbar-clear-start), transparent var(--topbar-clear-end), #000 100%);mask-image:linear-gradient(to right, #000 0%, transparent var(--topbar-clear-start), transparent var(--topbar-clear-end), #000 100%);pointer-events:none;background:#0d0a2833;border-bottom:1px solid #ffffff14;transition:background .3s,border-color .3s;position:absolute;inset:0}.topbar.is-top:before{background:#0d0a2880}body.light .topbar:before{background:#f4f1ea33;border-bottom-color:#0d0a2814}body.light .topbar.is-top:before{background:#f4f1ea80}.topbar-account{letter-spacing:.16em;text-transform:uppercase;justify-content:flex-end;align-items:center;gap:10px;min-width:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;display:inline-flex}.topbar-user{-webkit-backdrop-filter:blur(12px);min-width:0;max-width:min(46vw,260px);color:inherit;background:#0d0a289e;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.topbar-user:hover{border-color:#ffffff4d}body.light .topbar-user{background:#f4f1eab8;border-color:#0d0a2824}body.light .topbar-user:hover{border-color:#0d0a284d}.topbar-dot{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 10px var(--cyan);border-radius:50%;flex:none}body.light .topbar-dot{background:var(--cyan-l);box-shadow:0 0 10px var(--cyan-l)}.topbar-user-name{text-overflow:ellipsis;white-space:nowrap;text-transform:none;letter-spacing:.03em;opacity:.9;overflow:hidden}.topbar-sr{white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar-signout{appearance:none;-webkit-backdrop-filter:blur(12px);color:#f4f1eab3;font:inherit;cursor:pointer;background:#0d0a289e;border:1px solid #ffffff24;border-radius:999px;padding:7px 12px;transition:color .2s}.topbar-signout:hover{color:var(--cyan)}body.light .topbar-signout{color:#0d0a28a8;background:#f4f1eab8;border-color:#0d0a2824}body.light .topbar-signout:hover{color:var(--cyan-l)}.topbar-signin{color:inherit;font:inherit;-webkit-backdrop-filter:blur(12px);background:#0d0a289e;border:1px solid #ffffff38;border-radius:999px;align-items:center;padding:8px 16px;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.topbar-signin:hover{border-color:var(--cyan);color:var(--cyan)}body.light .topbar-signin{background:#f4f1eab8;border-color:#0d0a2833}body.light .topbar-signin:hover{border-color:var(--cyan-l);color:var(--cyan-l)}.toggle{-webkit-backdrop-filter:blur(20px);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;color:inherit;background:#0d0a289e;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:4px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;display:inline-flex}body.light .toggle{background:#f4f1eab8;border-color:#0d0a2824}.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:30px;height:30px;padding:0;transition:opacity .2s,background .2s;display:inline-flex}.toggle button svg{width:17px;height:17px;display:block}.toggle button.active{opacity:1;background:#ffffff29}body.light .toggle button.active{background:#0d0a281a}@media (max-width:540px){:root{--topbar-h:46px;--topbar-clear-start:34%;--topbar-clear-end:66%}.footer{padding:16px 18px;font-size:10px}.topbar{gap:8px;padding:0 12px}.toggle button{width:28px;height:28px}.topbar-user{max-width:38vw;padding:6px 10px}.topbar-signout{padding:6px 10px}.topbar-signin{padding:7px 13px}}.legal{z-index:3;-webkit-overflow-scrolling:touch;height:100%;padding:calc(var(--topbar-h) + clamp(20px, 4vh, 48px)) 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;width:100%;max-width:none;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}.account-deletion-panel{text-align:center;background:#ffffff0a;border:1px solid #ffffff24;border-radius:16px;max-width:560px;margin:clamp(20px,3.2vh,32px) auto 0;padding:clamp(20px,3vh,28px)}body.light .account-deletion-panel{background:#0d0a2808;border-color:#0d0a2824}.account-deletion-panel p{margin:0 0 16px}.account-deletion-panel p:last-child{margin-bottom:0}.account-deletion-actions{flex-direction:column;gap:10px;margin-top:6px;display:flex}.account-deletion-button{appearance:none;cursor:pointer;font:inherit;border:0;border-radius:12px;justify-content:center;align-items:center;padding:13px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .2s,background-color .2s,transform .12s;display:inline-flex}.account-deletion-button:active:not(:disabled){transform:translateY(1px)}.account-deletion-button:disabled{cursor:not-allowed;opacity:.55}.account-deletion-button.is-primary{color:var(--ink);background:linear-gradient(90deg, var(--cyan) 0%, var(--magenta) 100%)}body.light .account-deletion-button.is-primary{color:var(--paper);background:linear-gradient(90deg, var(--cyan-l) 0%, var(--magenta) 100%)}.account-deletion-button.is-primary:hover:not(:disabled){opacity:.92}.account-deletion-button.is-cancel{color:inherit;background:#ffffff1a}body.light .account-deletion-button.is-cancel{background:#0d0a2812}.account-deletion-button.is-cancel:hover:not(:disabled){background:#ffffff29}body.light .account-deletion-button.is-cancel:hover:not(:disabled){background:#0d0a281f}.account-deletion-button.is-destructive{color:#f87171;background:#ef444421}.account-deletion-button.is-destructive:hover:not(:disabled){background:#ef444438}.account-deletion-error{color:#f87171}@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{padding:calc(var(--topbar-h) + 10px) 20px 14px;flex:none;align-items:center;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;min-height:100%;padding:calc(var(--topbar-h) + clamp(58px, 8vh, 68px)) 24px clamp(96px, 14vh, 128px);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(20px,3.2vh,34px);display:flex;position:relative}.song-home{top:calc(var(--topbar-h) + 6px);z-index:5;text-decoration:none;display:block;position:fixed;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(240px,56vmin,420px);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-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;background-color:var(--chrome-scrim);-webkit-backdrop-filter:blur(24px);width:40px;height:40px;color:inherit;cursor:pointer;background-image:linear-gradient(#ffffff14,#ffffff14);border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:transform .15s,background-image .2s,border-color .2s,color .2s;display:inline-flex}.song-share-btn:hover{border-color:var(--cyan);color:var(--cyan);background-image:linear-gradient(#ffffff29,#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-image:linear-gradient(#0d0a280d,#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{background-color:var(--chrome-scrim);-webkit-backdrop-filter:blur(24px);letter-spacing:.12em;text-transform:uppercase;color:inherit;opacity:.85;background-image:linear-gradient(#ffffff0f,#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-image .2s;display:inline-flex}.song-shuffle:hover{opacity:1;border-color:var(--cyan);background-image:linear-gradient(#ffffff1a,#ffffff1a)}body.light .song-shuffle{background-image:linear-gradient(#0d0a280a,#0d0a280a);border-color:#0d0a2829}body.light .song-shuffle:hover{border-color:var(--cyan-l);background-image:linear-gradient(#0d0a2812,#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}@media (max-width:540px){.song-cta-copy{font-size:13px}}.song-cta .signup{margin-top:clamp(16px,2.6vh,22px)}.article-share-lead{justify-content:center;width:100%;display:flex}.article-share-lead .song-share{margin-top:0;margin-bottom:clamp(30px,4.8vh,44px)}.fact-drift{z-index:2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fact-drift-card{text-align:left;opacity:0;flex-direction:column;gap:6px;margin:0;animation:1.4s ease-out forwards fact-drift-in;display:flex;position:absolute}.fact-drift-card.is-leaving{animation:1.4s ease-in forwards fact-drift-out}.fact-drift-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--cyan);opacity:.7;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:10px}body.light .fact-drift-eyebrow{color:var(--cyan-l)}.fact-drift-text{opacity:.62;text-wrap:pretty;font-size:clamp(13px,1.7vmin,15px);font-style:italic;line-height:1.5}@keyframes fact-drift-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fact-drift-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.fact-drift-card,.fact-drift-card.is-leaving{animation-duration:1ms}}@media (max-width:540px){.fact-drift-eyebrow{letter-spacing:.22em;font-size:9px}.fact-drift-text{font-size:12px;line-height:1.45}.song-home{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}}.app-cta{flex-direction:column;align-items:center;width:min(440px,100%);margin-inline:auto;animation:.42s both ctaFade;display:flex}.app-cta-badges{flex-wrap:wrap;justify-content:center;gap:clamp(10px,1.6vw,16px);margin-top:clamp(16px,2.6vh,22px);display:flex}.app-cta-badge{border-radius:9px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.app-cta-badge:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000073}.app-cta-badge:active{transform:translateY(0)}body.light .app-cta-badge:hover{box-shadow:0 12px 30px #0d0a2838}.app-cta-badge:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}body.light .app-cta-badge:focus-visible{outline-color:var(--cyan-l)}.store-badge{width:auto;height:clamp(42px,6.4vmin,52px);display:block}.song-cta .app-cta,.wl-modal .app-cta{width:100%}.topics+.app-cta{margin-top:clamp(20px,3.5vh,32px)}@keyframes ctaFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.fl-badges{flex-wrap:wrap;justify-content:center;gap:clamp(12px,2vw,18px);margin-top:clamp(22px,3.6vh,34px);display:flex}.first-look .fl-badges .store-badge{height:clamp(46px,7.2vmin,58px)}.fl-note{opacity:.5;text-wrap:pretty;max-width:32ch;margin:clamp(18px,2.8vh,26px) 0 0;font-size:clamp(12px,1.7vmin,14px);line-height:1.5}@media (prefers-reduced-motion:reduce){.app-cta{animation:none}.app-cta-badge:hover{transform:none}}@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,.app-cta-badges{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(200px,44vmin,360px);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,.app-cta-badges{margin-top:clamp(8px,1.6vh,16px)}.topic-tile{padding:7px 15px}}.auth{z-index:3;-webkit-overflow-scrolling:touch;height:100%;padding:calc(var(--topbar-h) + clamp(20px, 4vh, 48px)) 24px clamp(96px, 14vh, 128px);position:relative;overflow-y:auto}.auth-inner{max-width:440px;margin:0 auto}.auth-logo-link{width:fit-content;margin:0 auto;text-decoration:none;display:block}.auth-logo-link .logo-wrap{width:clamp(72px,12vmin,96px);margin-bottom:clamp(18px,3vh,28px)}.auth-screen{width:100%}.auth-panel{-webkit-backdrop-filter:blur(24px);background:#0d0a289e;border:1px solid #ffffff29;border-radius:20px;padding:clamp(20px,3vh,28px)}body.light .auth-panel{background:#f4f1eab8;border-color:#0d0a2824}.auth-eyebrow{justify-content:center;display:flex}.auth-title{letter-spacing:-.02em;text-align:center;margin:0 0 clamp(18px,3vh,24px);font-size:clamp(22px,3.6vmin,28px);font-weight:600;line-height:1.15}.auth-title.is-tight{margin-bottom:6px}.auth-subtitle{text-align:center;opacity:.65;margin:0 0 clamp(18px,3vh,24px);font-size:14px}.auth-subtitle-email{opacity:1;word-break:break-all;font-weight:600}.auth-back{appearance:none;cursor:pointer;color:inherit;font:inherit;opacity:.65;background:0 0;border:0;align-items:center;gap:6px;margin-bottom:clamp(14px,2.4vh,20px);padding:0;font-size:14px;transition:opacity .2s;display:inline-flex}.auth-back:hover{opacity:1}.auth-provider{appearance:none;cursor:pointer;color:inherit;font:inherit;background:#ffffff0f;border:1px solid #ffffff29;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:14px;padding:13px 22px;font-size:15px;font-weight:600;transition:background .2s,border-color .2s,opacity .2s,transform .12s;display:inline-flex;position:relative}body.light .auth-provider{background:#0d0a280a;border-color:#0d0a2829}.auth-provider:hover:not(:disabled){background:#ffffff1a}body.light .auth-provider:hover:not(:disabled){background:#0d0a2812}.auth-provider:active:not(:disabled){transform:translateY(1px)}.auth-provider:disabled{cursor:not-allowed;opacity:.55}.auth-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--cyan);background:#00f2ea1f;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}body.light .auth-badge{color:var(--cyan-l);background:#00c7c024}.auth-badge.is-pinned{position:absolute;right:12px}.auth-divider{align-items:center;gap:12px;margin-bottom:14px;display:flex}.auth-rule{background:#ffffff24;flex:auto;height:1px}body.light .auth-rule{background:#0d0a2824}.auth-or{opacity:.5;font-size:12px}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label,.auth-label-row{opacity:.8;font-size:14px}.auth-label-row{align-items:center;gap:8px;display:flex}.auth-input{box-sizing:border-box;appearance:none;width:100%;color:inherit;font:inherit;background:#ffffff0f;border:1px solid #ffffff29;border-radius:12px;outline:none;padding:13px 16px;font-size:15px;transition:border-color .2s,background .2s}.auth-input::placeholder{color:inherit;opacity:.4}.auth-input:focus{border-color:var(--cyan);background:#ffffff1a}.auth-input:disabled{cursor:not-allowed;opacity:.55}body.light .auth-input{background:#0d0a280a;border-color:#0d0a2829}body.light .auth-input:focus{border-color:var(--cyan-l);background:#0d0a2812}.auth-error{color:#f87171;margin:0;font-size:14px}.auth-ok{color:var(--cyan);margin:0;font-size:14px}body.light .auth-ok{color:var(--cyan-l)}.auth-submit{appearance:none;cursor:pointer;width:100%;font:inherit;color:var(--ink);background:linear-gradient(90deg, var(--cyan) 0%, var(--magenta) 100%);border:0;border-radius:12px;padding:13px 22px;font-size:15px;font-weight:600;transition:opacity .2s,transform .12s}body.light .auth-submit{color:var(--paper);background:linear-gradient(90deg, var(--cyan-l) 0%, var(--magenta) 100%)}.auth-submit:hover:not(:disabled){opacity:.92}.auth-submit:active:not(:disabled){transform:translateY(1px)}.auth-submit:disabled{cursor:not-allowed;opacity:.55}.auth-footer{text-align:center;opacity:.7;margin:clamp(16px,2.6vh,22px) 0 0;font-size:14px}.auth-link{appearance:none;cursor:pointer;color:inherit;font:inherit;font-size:inherit;text-underline-offset:2px;opacity:.9;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline;transition:opacity .2s}.auth-link:hover:not(:disabled){opacity:1}.auth-link:disabled{cursor:not-allowed;opacity:.5}.auth-pending{z-index:3;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.auth-spinner{border:3px solid #ffffff29;border-top-color:var(--cyan);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite auth-spin}body.light .auth-spinner{border-color:#0d0a2824;border-top-color:var(--cyan-l)}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.auth-spinner{animation-duration:2.4s}}.profile{z-index:3;-webkit-overflow-scrolling:touch;height:100%;padding:calc(var(--topbar-h) + clamp(20px, 4vh, 48px)) 24px clamp(96px, 14vh, 128px);position:relative;overflow-y:auto}.profile-inner{text-align:center;flex-direction:column;align-items:center;max-width:560px;margin:0 auto;display:flex}.profile-logo-link{width:fit-content;text-decoration:none;display:block}.profile-logo-link .logo-wrap{width:clamp(64px,10vmin,84px);margin-bottom:clamp(14px,2.4vh,22px)}.profile-crest{flex-direction:column;align-items:center;display:flex}.profile-medallion{aspect-ratio:1;background:linear-gradient(#0d0a289e, #0d0a289e) padding-box, linear-gradient(135deg, var(--cyan) 0%, var(--magenta) 100%) border-box;-webkit-backdrop-filter:blur(24px);border:2px solid #0000;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:clamp(112px,20vmin,148px);display:flex;box-shadow:0 18px 44px #0006}body.light .profile-medallion{background:linear-gradient(#f4f1eab8, #f4f1eab8) padding-box, linear-gradient(135deg, var(--cyan-l) 0%, var(--magenta) 100%) border-box;box-shadow:0 18px 44px #0d0a2824}.profile-medallion-eyebrow{letter-spacing:.28em;text-transform:uppercase;opacity:.55;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:10px}.profile-medallion-level{letter-spacing:-.04em;font-size:clamp(40px,7.5vmin,58px);font-weight:600;line-height:1}.profile-name{letter-spacing:-.02em;overflow-wrap:anywhere;max-width:100%;margin:clamp(16px,2.6vh,22px) 0 0;font-size:clamp(20px,3.4vmin,27px);font-weight:600;line-height:1.2}.profile-since{opacity:.6;margin:6px 0 0;font-size:14px}.profile-xp{width:min(360px,100%);margin-top:clamp(22px,3.6vh,32px)}.profile-xp-track{background:#ffffff1f;border-radius:999px;height:6px;overflow:hidden}body.light .profile-xp-track{background:#0d0a281f}.profile-xp-fill{background:linear-gradient(90deg, var(--cyan) 0%, var(--magenta) 100%);border-radius:999px;height:100%;transition:width .6s;box-shadow:0 0 16px #00f2ea73}body.light .profile-xp-fill{background:linear-gradient(90deg, var(--cyan-l) 0%, var(--magenta) 100%);box-shadow:none}.profile-xp-caption{opacity:.7;margin:10px 0 0;font-size:13px}.profile-xp-caption strong{opacity:1;font-weight:600}.profile-xp-sep{opacity:.45;margin:0 7px}.profile-stats{grid-template-columns:repeat(3,1fr);width:100%;margin-top:clamp(28px,5vh,46px);display:grid}.profile-stat{flex-direction:column;align-items:center;gap:6px;padding:0 8px;display:flex}.profile-stat+.profile-stat{border-left:1px solid #ffffff1f}body.light .profile-stat+.profile-stat{border-left-color:#0d0a281f}.profile-stat-value{letter-spacing:-.03em;font-size:clamp(24px,4.4vmin,34px);font-weight:600;line-height:1}.profile-stat-label{letter-spacing:.2em;text-transform:uppercase;opacity:.55;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:10px}.profile-section{text-align:left;width:100%;margin-top:clamp(34px,6vh,56px)}.profile-section-title{letter-spacing:.28em;text-transform:uppercase;opacity:.55;margin:0 0 14px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;font-weight:400}.profile-episodes{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.profile-episode{-webkit-backdrop-filter:blur(24px);background:#0d0a289e;border:1px solid #ffffff24;border-radius:16px;transition:border-color .2s}body.light .profile-episode{background:#f4f1eab8;border-color:#0d0a2824}.profile-episode:hover:not(.is-plain){border-color:#ffffff4d}body.light .profile-episode:hover:not(.is-plain){border-color:#0d0a284d}.profile-episode-link,.profile-episode.is-plain{color:inherit;align-items:center;gap:14px;padding:10px;text-decoration:none;display:flex}.profile-episode-cover{-o-object-fit:cover;object-fit:cover;background:#00000040;border-radius:12px;flex:none;width:56px;height:56px;box-shadow:0 8px 20px #0000004d}.profile-episode-cover.is-empty{box-shadow:none;background:#ffffff14}body.light .profile-episode-cover.is-empty{background:#0d0a2814}.profile-episode-body{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.profile-episode-title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;line-height:1.2;overflow:hidden}.profile-episode-meta{opacity:.6;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.profile-episode-sep{opacity:.6;margin:0 6px}.profile-episode-chevron{opacity:.4;flex:none;padding-right:6px;font-size:15px;transition:opacity .2s}.profile-episode-link:hover .profile-episode-chevron{opacity:.85}.profile-badges{flex-wrap:wrap;gap:clamp(14px,2.6vw,22px);margin:0;padding:0;list-style:none;display:flex}.profile-badge{text-align:center;flex-direction:column;align-items:center;gap:8px;width:clamp(76px,18vw,96px);display:flex}.profile-badge-art{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;background:#ffffff0f;border-radius:18px;width:100%;box-shadow:0 12px 28px #00000052}body.light .profile-badge-art{background:#0d0a280f;box-shadow:0 12px 28px #0d0a281f}.profile-badge-art.is-empty{opacity:.45;box-shadow:none;justify-content:center;align-items:center;font-size:28px;display:flex}.profile-badge-name{opacity:.75;font-size:12px;line-height:1.25}.profile-shows{margin:0;padding:0;list-style:none}.profile-show{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 2px;display:flex}body.light .profile-show{border-bottom-color:#0d0a281a}.profile-show:last-child{border-bottom:0}.profile-show-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.profile-show-count{opacity:.6;flex:none;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px}.profile-error{opacity:.7;text-wrap:pretty;max-width:34ch;margin:clamp(28px,5vh,46px) 0 0;font-size:15px}@media (max-width:460px){.profile-stat{padding:0 4px}.profile-stat-label{letter-spacing:.1em;font-size:9px}}@media (prefers-reduced-motion:reduce){.profile-xp-fill{transition:none}}