:root{--white:#fff9fb;--rose:#ff9cbd;--dim:rgba(255,249,251,.52)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#020105;color:var(--white);font-family:Be Vietnam Pro,sans-serif}button{font:inherit;color:inherit}#scene{position:fixed;inset:0;z-index:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at center,transparent 28%,rgba(2,1,5,.22) 63%,rgba(2,1,5,.88) 120%)}.grain{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.intro{position:fixed;inset:0;z-index:10;display:grid;place-content:center;justify-items:center;text-align:center;padding:24px;background:#02010559;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity 1.2s ease,visibility 1.2s,transform 1.4s cubic-bezier(.2,.8,.2,1)}.intro.is-gone{opacity:0;visibility:hidden;pointer-events:none}.intro>*:not(.love-seal):not(.intro__glow){transition:opacity .55s ease,transform .7s ease}.intro.is-entering>*:not(.love-seal):not(.intro__glow){opacity:0;transform:translateY(12px);pointer-events:none}.intro.is-entering{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020105ad}.love-seal.is-flight{position:fixed;z-index:20;margin:0;transition:left 1.05s cubic-bezier(.22,.82,.2,1),top 1.05s cubic-bezier(.22,.82,.2,1),transform 1.05s cubic-bezier(.22,.82,.2,1),filter .9s ease,opacity .8s ease}.intro.is-entering .love-seal{left:50%!important;top:50%!important;transform:translate(-50%,-50%) scale(2.15);filter:drop-shadow(0 0 38px rgba(255,79,145,.58))}.intro.is-entering .love-seal span{animation:arrivalBeat 1.15s .75s ease-in-out both}.intro.is-entering .love-seal i{border-color:#ff9cbd6b}.intro.is-opening .love-seal{opacity:0;transform:translate(-50%,-50%) scale(3.4);filter:blur(5px) drop-shadow(0 0 85px rgba(255,79,145,.8))}.intro.is-opening .intro__glow{opacity:0;transition:opacity .8s ease}.intro__glow{position:absolute;width:min(560px,100vw);height:min(560px,100vw);border-radius:50%;background:#b1366f21;filter:blur(100px);z-index:-1;animation:breathe 5s ease-in-out infinite alternate}.love-seal{position:relative;width:82px;height:82px;display:grid;place-items:center;margin-bottom:26px}.love-seal span{position:relative;z-index:2;display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(255,173,204,.5);border-radius:50%;background:radial-gradient(circle,rgba(255,121,171,.24),rgba(255,121,171,.04) 65%,transparent);color:#ffc1d8;font-size:20px;text-shadow:0 0 10px #ff5e9b,0 0 28px #ff5e9b;box-shadow:inset 0 0 22px #ff79ab2e,0 0 42px #ff4f913d;animation:heartBeat 2.2s ease-in-out infinite}.love-seal i{position:absolute;inset:0;border:1px solid rgba(255,156,189,.22);border-radius:50%;animation:orbit 7s linear infinite}.love-seal i:nth-child(2){inset:8px -8px;transform:rotate(60deg);animation-duration:9s;animation-direction:reverse}.love-seal i:nth-child(3){inset:-7px 12px;transform:rotate(-55deg);animation-duration:11s}.love-seal i:after{content:"";position:absolute;top:8px;left:5px;width:4px;height:4px;border-radius:50%;background:#ffd5e5;box-shadow:0 0 9px #ff76aa}.overline{display:flex;align-items:center;gap:10px;margin:0;font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:var(--dim)}.overline i{width:22px;height:1px;background:var(--rose)}h1,h2{font-family:Playfair Display,serif;font-weight:500}h1{margin:24px 0 0;font-size:clamp(58px,10vw,110px);line-height:.93;letter-spacing:-.05em}em{color:var(--rose);font-weight:500}.lead{margin:29px 0 34px;font-size:clamp(13px,1.5vw,16px);line-height:1.9;font-weight:300;color:var(--dim)}#enter{display:flex;align-items:center;gap:20px;margin-top:36px;padding:7px 7px 7px 24px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#ffffff0e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:.3s}#enter:hover{transform:translateY(-3px);border-color:#ff9cbda6;background:#ff9cbd1a}#enter b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--white);color:#171018;font-size:17px}.intro small{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));color:#ffffff4d;font-size:9px;letter-spacing:.08em}.experience{position:fixed;inset:0;z-index:4;pointer-events:none;opacity:0;transition:opacity 1.1s ease}.experience.is-live{opacity:1}.experience header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;padding:max(24px,env(safe-area-inset-top)) clamp(22px,5vw,70px)}.monogram{font-family:Playfair Display,serif;font-size:18px}.monogram span{margin:0 5px;color:var(--rose);font-size:9px}.status{display:flex;align-items:center;gap:8px;margin-left:30px;color:#ffffff61;font-size:8px;letter-spacing:.16em;text-transform:uppercase}.status i{width:5px;height:5px;border-radius:50%;background:var(--rose);box-shadow:0 0 10px var(--rose)}.audio{pointer-events:auto;display:flex;align-items:center;gap:3px;height:30px;margin-left:auto;border:0;background:none;cursor:pointer}.audio i{width:2px;height:8px;background:#fff;animation:bar .8s ease-in-out infinite alternate}.audio i:nth-child(2){height:16px;animation-delay:-.3s}.audio i:nth-child(3){height:11px;animation-delay:-.55s}.audio.muted i{height:2px;animation:none}.hint{position:absolute;left:50%;bottom:max(30px,env(safe-area-inset-bottom));transform:translate(-50%);display:grid;justify-items:center;gap:9px;color:#ffffff52;font-size:8px;text-transform:uppercase;letter-spacing:.17em;animation:fadeHint 5s 4s forwards}.hint span{font-size:18px;color:var(--rose)}@keyframes breathe{to{transform:scale(1.25);opacity:.6}}@keyframes bar{to{height:3px}}@keyframes fadeHint{to{opacity:0}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes heartBeat{0%,to{transform:scale(1)}14%{transform:scale(1.12)}28%{transform:scale(1)}42%{transform:scale(1.08)}70%{transform:scale(1)}}@keyframes arrivalBeat{0%,to{transform:scale(1)}18%{transform:scale(1.16)}36%{transform:scale(.98)}58%{transform:scale(1.12)}76%{transform:scale(1)}to{box-shadow:inset 0 0 30px #ff79ab61,0 0 75px #ff4f918c}}@media(max-width:600px){.status{display:none}.hint{bottom:30px}.love-seal{margin-bottom:20px}h1{font-size:15vw}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}