:root{--bg-0: #0b0a12;--bg-1: #171226;--ink: #f4eef7;--ink-dim: rgba(244, 238, 247, .72);--ink-faint: rgba(244, 238, 247, .34);--line: rgba(244, 238, 247, .14);--accent: #e9b8c8;--accent-2: #d98aa6;--glow: 217, 138, 166;--font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--ink);background:var(--bg-0);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden;overscroll-behavior:none}.app{position:relative;height:100dvh;width:100%;overflow:hidden;isolation:isolate;-webkit-tap-highlight-color:transparent}.stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;touch-action:pan-y}.track{display:flex;height:100%;will-change:transform}.bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(120% 90% at 50% -10%,var(--bg-1) 0%,var(--bg-0) 55%),linear-gradient(180deg,#120d20,#0b0a12);overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;will-change:transform;transition:background 1.2s ease}.orb-1{width:320px;height:320px;top:-80px;left:-70px;background:radial-gradient(circle,rgba(var(--glow),.75),transparent 70%);animation:drift1 18s var(--ease) infinite alternate}.orb-2{width:300px;height:300px;bottom:-60px;right:-80px;background:radial-gradient(circle,rgba(var(--glow),.55),transparent 70%);animation:drift2 22s var(--ease) infinite alternate}.orb-3{width:240px;height:240px;top:42%;left:55%;background:radial-gradient(circle,rgba(var(--glow),.4),transparent 70%);animation:drift3 26s var(--ease) infinite alternate}@keyframes drift1{to{transform:translate(40px,60px) scale(1.15)}}@keyframes drift2{to{transform:translate(-50px,-40px) scale(1.1)}}@keyframes drift3{to{transform:translate(-60px,30px) scale(.9)}}.stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 70% 20%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 40% 70%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 85% 60%,rgba(255,255,255,.45),transparent),radial-gradient(1px 1px at 60% 85%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 15% 80%,rgba(255,255,255,.4),transparent);animation:twinkle 6s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.4}to{opacity:.9}}.progress{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;gap:6px;padding:max(14px,env(safe-area-inset-top)) 18px 0}.progress-seg{flex:1;height:3px;border-radius:3px;background:#ffffff29;overflow:hidden}.progress-fill{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .5s var(--ease)}.progress-fill.is-filled{width:100%}.slide{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:92px 32px 128px;-webkit-user-select:none;user-select:none}.slide-inner{width:100%;max-width:460px;text-align:center}.subtitle-lead{font-family:var(--font-sans);font-size:.72rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-bottom:20px}.title{font-family:var(--font-serif);font-weight:600;font-size:clamp(2.1rem,11vw,3.4rem);line-height:1.04;letter-spacing:.005em;color:var(--ink);text-wrap:balance}.subtitle{font-family:var(--font-serif);font-style:italic;font-weight:500;font-size:clamp(1.1rem,5vw,1.5rem);line-height:1.3;color:var(--accent);margin-top:10px;text-wrap:balance}.paragraph{font-family:var(--font-sans);font-weight:400;font-size:clamp(1.02rem,4.4vw,1.2rem);line-height:1.62;color:var(--ink-dim);margin-top:24px;text-wrap:pretty}.play-cta{animation:rise .9s var(--ease) .5s both}@keyframes rise{0%{opacity:0;transform:translateY(16px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.split{display:block}.w{white-space:normal}.w-in{display:inline-block;opacity:0;will-change:transform,opacity,filter}.split.is-in .w-in{animation:word-in .62s var(--ease) both}@keyframes word-in{0%{opacity:0;transform:translateY(.5em) rotate(1.5deg);filter:blur(6px)}to{opacity:1;transform:translateY(0) rotate(0);filter:blur(0)}}.hint{position:absolute;left:50%;bottom:max(28px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:6;display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border:1px solid var(--line);border-radius:999px;background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink-dim);font-family:var(--font-sans);font-size:.82rem;letter-spacing:.03em;cursor:pointer;animation:floaty 2.6s ease-in-out infinite}.hint-arrow{font-size:1.1rem;line-height:1;color:var(--accent)}.hint-keys{display:none}@keyframes floaty{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;display:none;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink-dim);cursor:pointer;transition:color .25s,border-color .25s,background .25s,opacity .25s,transform .25s}.nav:hover{color:var(--ink);border-color:rgba(var(--glow),.6);background:rgba(var(--glow),.12)}.nav:active{transform:translateY(-50%) scale(.92)}.nav:disabled{opacity:.25;cursor:default;pointer-events:none}.nav-prev{left:clamp(16px,4vw,48px)}.nav-next{right:clamp(16px,4vw,48px)}.nav-icon{width:24px;height:24px}.play-cta{margin-top:40px;display:inline-flex;flex-direction:column;align-items:center;gap:16px;background:transparent;border:none;cursor:pointer;color:var(--ink)}.play-cta-ring{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:linear-gradient(145deg,rgba(var(--glow),.28),rgba(var(--glow),.12));border:1px solid rgba(var(--glow),.5);animation:pulse 2.4s ease-out infinite;transition:transform .3s var(--ease)}.play-cta:hover .play-cta-ring{transform:scale(1.06)}.play-cta:active .play-cta-ring{transform:scale(.96)}.play-cta-icon{width:34px;height:34px;fill:var(--ink);margin-left:4px}.play-cta-label{font-family:var(--font-sans);font-size:.78rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}@keyframes pulse{0%{box-shadow:0 0 rgba(var(--glow),.45)}70%{box-shadow:0 0 0 22px rgba(var(--glow),0)}to{box-shadow:0 0 rgba(var(--glow),0)}}.player-reveal{margin-top:36px;animation:rise .8s var(--ease) forwards}.player-caption{font-size:.82rem;color:var(--ink-dim);letter-spacing:.04em;margin-bottom:16px}.player{width:100%;max-width:380px;margin:0 auto;padding:20px;border-radius:22px;background:#ffffff0f;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 50px -20px #0009}.player-meta{text-align:left;margin-bottom:18px}.player-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;line-height:1.1}.player-artist{font-size:.85rem;color:var(--ink-dim);margin-top:2px}.player-controls{display:flex;align-items:center;gap:16px}.player-btn{flex-shrink:0;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(145deg,var(--accent),var(--accent-2));box-shadow:0 8px 20px -6px rgba(var(--glow),.7);transition:transform .2s var(--ease)}.player-btn:active{transform:scale(.92)}.player-icon{width:24px;height:24px;fill:#2a1330}.player-track{flex:1;min-width:0}.player-times{display:flex;justify-content:space-between;font-size:.72rem;color:var(--ink-faint);margin-bottom:8px;font-variant-numeric:tabular-nums}.player-bar{position:relative;height:6px;border-radius:6px;background:#ffffff24}.player-bar-fill{position:absolute;left:0;top:0;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--accent),var(--accent-2));pointer-events:none}.player-range{position:absolute;top:-8px;right:0;bottom:-8px;left:0;width:100%;height:calc(100% + 16px);margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.player-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0006}.player-range::-moz-range-thumb{width:15px;height:15px;border:none;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0006}.landing{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center;padding:40px 32px calc(40px + env(safe-area-inset-bottom));animation:fade-in .6s var(--ease) both}.landing-inner{width:100%;max-width:560px;text-align:center}.landing-eyebrow{font-family:var(--font-sans);font-size:.72rem;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--accent);margin-bottom:24px;opacity:0;animation:rise .9s var(--ease) .15s forwards}.landing-title{font-family:var(--font-serif);font-weight:600;font-size:clamp(2.3rem,11vw,3.6rem);line-height:1.08;letter-spacing:.005em;color:var(--ink);text-wrap:balance}.landing-text{font-family:var(--font-sans);font-size:clamp(1.02rem,4.4vw,1.2rem);line-height:1.62;color:var(--ink-dim);max-width:460px;margin:22px auto 0;text-wrap:pretty;opacity:0;animation:rise 1s var(--ease) .44s forwards}.landing-btn{margin-top:40px;display:inline-flex;align-items:center;gap:10px;padding:16px 34px;border:none;border-radius:999px;cursor:pointer;font-family:var(--font-sans);font-size:.95rem;font-weight:600;letter-spacing:.06em;color:#241028;background:linear-gradient(145deg,var(--accent),var(--accent-2));box-shadow:0 14px 34px -12px rgba(var(--glow),.85);opacity:0;animation:rise .9s var(--ease) .6s forwards;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.landing-btn:hover{transform:translateY(-2px);box-shadow:0 20px 40px -12px rgba(var(--glow),.95)}.landing-btn:active{transform:translateY(0) scale(.97)}.landing-btn-arrow{font-size:1.1rem;line-height:1;transition:transform .25s var(--ease)}.landing-btn:hover .landing-btn-arrow{transform:translate(4px)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.landing.is-leaving{animation:landing-out .52s var(--ease) forwards;pointer-events:none}@keyframes landing-out{to{opacity:0;transform:translateY(-14px) scale(.985);filter:blur(2px)}}.stage{animation:stage-in .6s var(--ease) both}@keyframes stage-in{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@media(min-width:768px){.progress{left:50%;right:auto;transform:translate(-50%);width:min(720px,90vw);padding-top:22px}.slide{padding:120px 64px}.slide-inner{max-width:720px}.title{font-size:clamp(3rem,6vw,4.6rem)}.subtitle{font-size:clamp(1.4rem,2.6vw,2.1rem);margin-top:14px}.paragraph{font-size:clamp(1.15rem,1.7vw,1.45rem);margin-top:30px;max-width:620px;margin-left:auto;margin-right:auto}.orb-1{width:520px;height:520px}.orb-2{width:480px;height:480px}.orb-3{width:420px;height:420px}.nav{display:grid}.hint-swipe{display:none}.hint-keys{display:inline}.landing-inner{max-width:720px}.landing-title{font-size:clamp(3.2rem,6vw,4.8rem)}.landing-text{font-size:clamp(1.15rem,1.7vw,1.4rem);max-width:560px}}@media(min-width:1280px){.slide-inner{max-width:780px}.title{font-size:clamp(3.4rem,5vw,5rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}