:root{--void:#0a0e1a;--smoke:#14182a;--mist:#2a3148;--parchment:#f2ebd8;--ink:#1f1612;--plasma:#ff3d7f;--ember:#ffb47a;--halcyon:#6fe3c8;--aurum:#f2c94c;--ease-summon:cubic-bezier(.2, .8, .2, 1);--ease-reveal:cubic-bezier(.16, 1, .3, 1);--ease-settle:cubic-bezier(.34, 1.4, .64, 1);--dur-fast:.2s;--dur-base:.35s;--dur-slow:.7s;--dur-shake:2.2s;--font-serif:"Gambetta", "Cormorant Garamond", Georgia, serif;--font-sans:"Cabinet Grotesk", "Inter", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}body{background:var(--void);color:var(--parchment);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"tnum";-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-size:15px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.stage{background:radial-gradient(ellipse at 50% 30%, #14182a 0%, #0a0e1a 70%), var(--void);grid-template-rows:12dvh 1fr 28dvh;grid-template-columns:1fr;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}@media (hover:hover) and (pointer:fine){.stage:after{content:"";pointer-events:none;opacity:.035;z-index:100;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}}.region-top{width:100%;padding-top:env(safe-area-inset-top);grid-row:1;justify-content:center;align-items:center;display:flex}.region-center{grid-row:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.region-bottom{width:100%;padding-bottom:max(env(safe-area-inset-bottom), 24px);flex-direction:column;grid-row:3;justify-content:center;align-items:center;padding-left:24px;padding-right:24px;display:flex}.eyebrow{font-family:var(--font-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--mist);transition:color var(--dur-base) var(--ease-summon), opacity var(--dur-base) var(--ease-summon);white-space:nowrap;font-size:11px;font-weight:500}.eyebrow.halcyon{color:var(--halcyon);opacity:.85}.eyebrow.ember{color:var(--ember);opacity:.85}.eyebrow.aurum{color:var(--aurum);opacity:.95}.eyebrow.firstTimer{letter-spacing:.32em;color:var(--parchment);font-size:13px;animation:4s ease-in-out infinite eyebrow-first-timer-pulse}@keyframes eyebrow-first-timer-pulse{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.eyebrow.firstTimer{opacity:.85;animation:none}}.prompt{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--parchment);text-align:center;-webkit-user-select:none;user-select:none;font-size:clamp(48px,12vw,96px);font-style:italic;font-weight:300;line-height:.95}.prompt.compact{font-size:clamp(40px,9vw,72px)}.body-copy{font-family:var(--font-sans);text-align:center;color:#f2ebd880;max-width:280px;margin-top:14px;font-size:14px;font-weight:400;line-height:1.55}.hint{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:#f2ebd866;margin-top:18px;font-size:11px;font-weight:500}.orb-tremor-wrap{justify-content:center;align-items:center;display:flex}.orb-tremor-wrap.tremoring{animation:6.7s ease-out infinite orb-tremor}@keyframes orb-tremor{0%{transform:translate(0,0)}1.2%{transform:translate(-4px,1px)}2.4%{transform:translate(3px,-1px)}3.6%{transform:translate(-2px)}4.8%{transform:translate(2px)}6%{transform:translate(-1px)}10.4%{transform:translate(0,0)}to{transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.orb-tremor-wrap.tremoring{animation:none}}.oracle-hint{font-family:var(--font-serif);letter-spacing:.01em;color:var(--parchment);text-align:center;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;font-size:16px;font-style:italic;font-weight:300;line-height:1.4;animation:.7s ease-out forwards oracle-hint-fade-in;position:absolute;top:calc(50% + clamp(155px,38vw,230px));left:50%;transform:translate(-50%)}@keyframes oracle-hint-fade-in{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:.7;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.oracle-hint{opacity:.7;animation:none}}.orb-stack{--orb-hue:0deg;--orb-blur:0px;--orb-bright:1;--orb-sat:1;--orb-glow:1;justify-content:center;align-items:center;width:clamp(240px,70vw,380px);height:clamp(240px,70vw,380px);display:flex;position:relative}.orb{filter:hue-rotate(var(--orb-hue)) blur(var(--orb-blur)) brightness(var(--orb-bright)) saturate(var(--orb-sat));box-shadow:0 0 calc(40px * var(--orb-glow)) rgba(255, 61, 127, calc(.35 * var(--orb-glow))), 0 0 calc(100px * var(--orb-glow)) rgba(111, 227, 200, calc(.22 * var(--orb-glow))), 0 0 calc(200px * var(--orb-glow)) rgba(242, 201, 76, calc(.12 * var(--orb-glow)));will-change:transform, filter;background-image:url(https://i.mscdn.ai/bc61ce8d-5e9b-49bb-b82e-802973f5ba29/generated-images/433c3d34-8db7-41e0-b632-a9f16c01993e.png?w=800&fm=webp);background-position:50%;background-size:cover;border-radius:50%;position:absolute;inset:0}.orb-shake{opacity:0;filter:hue-rotate(var(--orb-hue)) blur(var(--orb-blur)) brightness(var(--orb-bright)) saturate(var(--orb-sat));background-image:url(https://i.mscdn.ai/bc61ce8d-5e9b-49bb-b82e-802973f5ba29/generated-images/8c94afab-2da2-48b2-9b3d-cf7db070e02f.png?w=800&fm=webp);background-position:50%;background-size:cover;border-radius:50%;transition:opacity .2s;position:absolute;inset:0}.orb-stack.shaking .orb-shake{opacity:1}@keyframes breathe{0%,to{filter:brightness()saturate();transform:scale(1)}50%{filter:brightness(1.08)saturate(1.08);transform:scale(1.035)}}@keyframes hueDrift{0%,to{--hue-osc:0deg}50%{--hue-osc:8deg}}.orb-stack.dim .orb{--orb-bright:.55;--orb-sat:.85;--orb-glow:.55}.orb-stack.alive .orb{animation:12s ease-in-out infinite hueDriftFilter}@keyframes hueDriftFilter{0%,to{filter:hue-rotate(calc(var(--orb-hue) + 0deg)) blur(var(--orb-blur)) brightness(var(--orb-bright)) saturate(var(--orb-sat))}50%{filter:hue-rotate(calc(var(--orb-hue) + 8deg)) blur(var(--orb-blur)) brightness(calc(var(--orb-bright) * 1.04)) saturate(calc(var(--orb-sat) * 1.04))}}@media (hover:hover) and (pointer:fine){.orb-stack.interactive{transition:transform .28s var(--ease-summon);cursor:pointer}.orb-stack.interactive:hover{transform:scale(1.04)}}.orb-stack.interactive:active{transition:transform .18s var(--ease-summon)}.pulse-ring{pointer-events:none;border:1px solid #ff3d7f33;border-radius:50%;animation:3s ease-out infinite pulseRing;position:absolute;inset:-20px}@keyframes pulseRing{0%{opacity:.6;transform:scale(.9)}to{opacity:0;transform:scale(1.5)}}.anticipation-ring{border:2px solid var(--plasma);opacity:0;pointer-events:none;border-radius:50%;transition:inset .12s,opacity .12s,transform .12s;position:absolute;inset:-16px}.hold-ring{pointer-events:none;width:calc(100% + 40px);height:calc(100% + 40px);position:absolute;inset:-20px}.hold-ring circle{fill:none;stroke-width:2px;stroke-linecap:round;transform-origin:50%;transform:rotate(-90deg)}.tap-outline{pointer-events:none;border:1px dashed #ff3d7f66;border-radius:50%;animation:12s linear infinite tapOutlineSpin;position:absolute;inset:-8px}@keyframes tapOutlineSpin{to{transform:rotate(360deg)}}.particles{pointer-events:none;position:absolute;inset:-80px;overflow:hidden}.particle{will-change:transform, opacity;border-radius:50%;position:absolute}@keyframes particleDrift{0%{opacity:0;transform:translateY(60px)scale(.8)}20%{opacity:var(--p-opacity,.3)}to{transform:translate3d(var(--p-drift-x,0), -120px, 0) scale(1);opacity:0}}.flash{background:var(--parchment);opacity:0;pointer-events:none;z-index:50;mix-blend-mode:screen;position:fixed;inset:0}.reveal-stage{justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.card{background:var(--parchment);z-index:2;will-change:transform, opacity;transform-origin:top;border-radius:18px;width:100%;max-width:480px;padding:28px 24px 22px;position:relative;box-shadow:0 30px 80px #ff3d7f2e,0 12px 32px #00000080,inset 0 1px #fff6}.card-eyebrow{font-family:var(--font-sans);letter-spacing:.28em;color:var(--aurum);text-transform:uppercase;text-align:center;margin-bottom:18px;font-size:10px;font-weight:500}.card-eyebrow.error{color:var(--aurum)}.lyric{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--ink);text-align:center;justify-content:center;align-items:center;min-height:clamp(110px,24vw,175px);margin-bottom:22px;font-size:clamp(28px,6vw,48px);font-style:italic;font-weight:400;line-height:1.18;display:flex}.lyric-inner{text-wrap:balance;max-width:100%;display:inline-block}.lyric .word{opacity:0;filter:blur(4px);transition:opacity .4s var(--ease-reveal), transform .4s var(--ease-reveal), filter .4s var(--ease-reveal);margin-right:.22em;display:inline-block;transform:translateY(8px)}.lyric .word.visible{opacity:1;filter:blur();transform:translateY(0)}.lyric .accent{color:var(--plasma)}.lyric .accent.bloom{animation:accentBloom .7s var(--ease-reveal)}@keyframes accentBloom{0%{text-shadow:0 0 #ff3d7f00;transform:scale(1)}35%{text-shadow:0 0 24px #ff3d7fb3,0 0 48px #ff3d7f4d;transform:scale(1.08)}to{text-shadow:0 0 #ff3d7f00;transform:scale(1)}}.divider{background:var(--ink);opacity:.18;width:32px;height:1px;margin:0 auto 18px}.song-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.album{background:linear-gradient(135deg, var(--plasma), var(--ember));background-position:50%;background-size:cover;border-radius:8px;flex-shrink:0;width:52px;height:52px;box-shadow:0 4px 12px #1f161226}.song-meta{flex:1;min-width:0}.song-title{font-family:var(--font-sans);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:16px;font-weight:700;line-height:1.25;overflow:hidden}.song-artist{font-family:var(--font-sans);color:var(--ink);opacity:.6;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:400;line-height:1.35;display:flex;overflow:hidden}.now-playing-dot{background:var(--ember);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.2s ease-in-out infinite nowPlayingPulse}@keyframes nowPlayingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.player{border-top:1px solid #1f16121a;align-items:center;gap:12px;padding:12px 0 4px;display:flex}.play-btn{background:var(--ink);width:36px;height:36px;color:var(--parchment);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .12s,box-shadow .2s;display:flex;position:relative}.play-btn:hover{transform:scale(1.06)}.play-btn:active{transform:scale(.94)}.play-btn.attention{animation:1.6s ease-in-out infinite playAttention;box-shadow:0 0 #ff3d7f99}@keyframes playAttention{0%,to{box-shadow:0 0 #ff3d7f80}50%{box-shadow:0 0 0 8px #ff3d7f00}}.eq{align-items:end;gap:2px;height:14px;display:flex}.eq-bar{background:var(--halcyon);border-radius:2px;width:2px;animation:.42s ease-in-out infinite eq}.eq-bar:first-child{animation-duration:.38s}.eq-bar:nth-child(2){animation-duration:.47s;animation-delay:80ms}.eq-bar:nth-child(3){animation-duration:.42s;animation-delay:.16s}@keyframes eq{0%,to{height:4px}50%{height:14px}}.scrub{cursor:pointer;background:#1f16121f;border-radius:2px;flex:1;height:2px;position:relative}.scrub-fill{background:var(--plasma);border-radius:2px;width:0%;position:absolute;top:0;bottom:0;left:0}.scrub-head{background:var(--plasma);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);box-shadow:0 0 8px #ff3d7f99}.time{font-family:var(--font-sans);letter-spacing:.04em;color:var(--ink);opacity:.55;font-feature-settings:"tnum";text-align:right;flex-shrink:0;min-width:64px;font-size:11px;font-weight:500}.tap-to-hear{font-family:var(--font-sans);text-align:center;color:var(--ink);opacity:.5;margin-top:8px;font-size:11px}.preview-unavailable{font-family:var(--font-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ink);opacity:.45;text-align:center;border-top:1px solid #1f16121a;padding:14px 0 6px;font-size:10px;font-weight:500}.links{gap:8px;margin-top:18px;display:flex}.links.prominent{flex-direction:column;gap:8px}.link{background:var(--smoke);color:var(--parchment);font-family:var(--font-sans);text-align:center;letter-spacing:.08em;text-transform:uppercase;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px 10px;font-size:11px;font-weight:600;transition:transform .12s,opacity .2s,background .2s;display:flex}.link:hover{background:#1c2138;transform:translateY(-1px)}.link:active{transform:translateY(0)}.link.primary{background:var(--plasma);color:var(--void)}.link.primary:hover{background:#ff5491;box-shadow:0 8px 24px #ff3d7f59}.ask-again{font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--parchment);cursor:pointer;bottom:max(env(safe-area-inset-bottom), 32px);opacity:0;z-index:10;-webkit-backdrop-filter:blur(6px);background:#f2ebd80a;border-radius:999px;padding:10px 18px;font-size:12px;font-weight:500;transition:color .22s,opacity .22s,transform .16s,background .22s;position:fixed;left:50%;transform:translate(-50%)}.ask-again.visible{opacity:.55}.ask-again.pulse{animation:2.4s ease-in-out infinite askAgainPulse}@keyframes askAgainPulse{0%,to{opacity:.55}50%{opacity:.85}}.ask-again:hover{opacity:1;background:#ff3d7f1a;transform:translate(-50%)translateY(-2px)}.ask-again:focus-visible{outline:1px solid var(--plasma);outline-offset:4px;opacity:1}.ask-again.invite{opacity:.95}.card.withhold{background:#ecead7}.card.withhold .lyric{min-height:80px;font-size:clamp(24px,5vw,36px)}.retry-btn{background:var(--plasma);width:100%;color:var(--void);font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;border-radius:10px;margin-top:12px;padding:14px;font-size:13px;font-weight:700;transition:transform .12s,box-shadow .2s}.retry-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #ff3d7f59}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.2s!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.particles{display:none}}.stage.tappable{cursor:pointer}@media (hover:hover) and (pointer:fine){.stage.tappable{cursor:default}}.crossfade{grid-template-columns:1fr;place-items:center;display:grid;position:relative}.crossfade>*{transition:opacity .32s var(--ease-summon), transform .32s var(--ease-summon);grid-area:1/1}.crossfade>.leaving{opacity:0;pointer-events:none;transform:translateY(-4px)}.link:focus-visible,.play-btn:focus-visible,.retry-btn:focus-visible{outline:2px solid var(--plasma);outline-offset:3px}.restore-tremor{letter-spacing:.16em;text-transform:uppercase;color:var(--plasma);opacity:.7;margin-top:14px;font-size:11px;font-weight:500;transition:opacity .2s}.restore-tremor:hover{opacity:1}.credits{left:50%;bottom:max(env(safe-area-inset-bottom), 10px);z-index:50;pointer-events:none;font-family:var(--font-sans);letter-spacing:.28em;text-transform:uppercase;color:#f2ebd847;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:opacity var(--dur-base) var(--ease-summon);align-items:center;gap:10px;font-size:9.5px;font-weight:500;display:flex;position:fixed;transform:translate(-50%)}.credits-pair{align-items:baseline;gap:7px;display:inline-flex}.credits-label{color:#f2ebd838}.credits-sep{color:#f2ebd82e;font-size:9px}.credits-divider{color:#f2ebd829;font-size:7px;transform:translateY(-1px)}.credits-name{color:#f2ebd86b;letter-spacing:.22em;font-weight:600}a.credits-name{pointer-events:auto;transition:color .22s var(--ease-summon);position:relative}a.credits-name:after{content:"";background:var(--plasma);opacity:0;transform-origin:50%;height:1px;transition:opacity .22s ease, transform .32s var(--ease-reveal);position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(.4)}a.credits-name:hover,a.credits-name:focus-visible{color:var(--plasma);outline:none}a.credits-name:hover:after,a.credits-name:focus-visible:after{opacity:.7;transform:scaleX(1)}.stage:has(.card) .credits{opacity:.45}@media (width<=640px){.credits{letter-spacing:.22em;gap:7px;font-size:8.5px}.credits-pair{gap:5px}}@media (width<=480px){.credits{letter-spacing:.24em;flex-direction:column;gap:3px;font-size:9px}.credits-divider{display:none}.ask-again{bottom:max(calc(env(safe-area-inset-bottom) + 64px), 76px)}}