:root{--black: #080611;--deep: #150e2e;--violet: #3a1d6e;--magenta: #e85d9e;--rose: #f7b2c4;--gold: #f5c56b;--cream: #fdf6e9;--app-h: 100dvh}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;background:var(--black);color:var(--cream);font-family:Georgia,Times New Roman,serif;overscroll-behavior:none}body{min-height:100dvh}.nebula-layer{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(120% 80% at 50% 8%,rgba(232,93,158,.1),transparent 55%),radial-gradient(140% 90% at 72% 82%,rgba(58,29,110,.28),transparent 60%),radial-gradient(100% 70% at 18% 92%,rgba(245,197,107,.05),transparent 55%),var(--black)}.nebula-layer video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.7}.webgl{position:fixed!important;inset:0;z-index:1;touch-action:none}.stardust-layer{position:fixed;inset:0;z-index:2;pointer-events:none;background-size:cover;background-position:center;mix-blend-mode:screen;opacity:.35}.portal-layer{position:fixed;inset:0;z-index:4;pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity 1s ease}.portal-layer.show{opacity:.82}.portal-layer video{width:100%;height:100%;object-fit:cover}.steam-layer{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(72vw,380px);height:72dvh;z-index:4;pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity 1.2s ease}.steam-layer.show{opacity:.72}.steam-layer video{width:100%;height:100%;object-fit:cover;object-position:center bottom}.journey-scroll{position:relative;z-index:5;width:100%;height:700dvh;pointer-events:none}.overlays{position:fixed;inset:0;z-index:6;pointer-events:none}.beat{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:max(6dvh,env(safe-area-inset-top)) 7vw max(10dvh,env(safe-area-inset-bottom)) 7vw;opacity:0;transform:translateY(16px);transition:opacity .9s ease,transform .9s ease;will-change:opacity,transform}.beat.active{opacity:1;transform:translateY(0)}.beat h1{font-size:clamp(1.9rem,8vw,3.4rem);font-weight:400;line-height:1.12;letter-spacing:.01em;color:var(--cream);text-shadow:0 0 28px rgba(232,93,158,.35),0 0 60px rgba(245,197,107,.2);max-width:16ch}.beat p.sub{margin-top:1.1rem;font-size:clamp(.98rem,4.2vw,1.25rem);line-height:1.5;color:var(--rose);max-width:24ch;font-style:italic;opacity:.92}.swipe-hint{margin-top:2.4rem;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);opacity:.7;animation:swipeUp 2.2s ease-in-out infinite}.swipe-hint:before{content:"↑";display:block;font-size:1.4rem;margin-bottom:.3rem}@keyframes swipeUp{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-8px);opacity:.85}}.countdown{margin-top:2rem;mix-blend-mode:screen}.countdown .cd-label{font-size:.82rem;letter-spacing:.12em;text-transform:lowercase;color:var(--rose);margin-bottom:.8rem;font-style:italic}.cd-grid{display:flex;gap:.7rem;justify-content:center}.cd-cell{min-width:3.6rem;padding:.6rem .5rem;border:1px solid rgba(245,197,107,.35);border-radius:.7rem;background:#150e2e66;backdrop-filter:blur(2px)}.cd-num{font-size:clamp(1.5rem,7vw,2.2rem);color:var(--gold);line-height:1;font-variant-numeric:tabular-nums}.cd-unit{display:block;margin-top:.35rem;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cream);opacity:.7}.btn{pointer-events:auto;cursor:pointer;font-family:inherit;border:1px solid rgba(245,197,107,.5);color:var(--cream);background:linear-gradient(120deg,#e85d9e40,#f5c56b33);padding:.8rem 1.6rem;border-radius:999px;font-size:1rem;letter-spacing:.02em;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 0 24px #e85d9e40}.btn:active{transform:scale(.96)}.btn.ghost{background:transparent;border-color:#f7b2c466;font-size:.82rem;padding:.55rem 1.1rem;color:var(--rose)}.btn-row{margin-top:1.6rem;display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.date-seal{position:fixed;top:max(2.2dvh,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:7;text-align:center;opacity:0;transition:opacity .8s ease;pointer-events:none}.date-seal.show{opacity:1}.date-seal .d{font-size:1.5rem;color:var(--gold);letter-spacing:.08em}.date-seal .t{font-size:.8rem;color:var(--rose);letter-spacing:.2em}.orb-wrap{position:relative;width:min(66vw,300px);aspect-ratio:1 / 1;display:grid;place-items:center}.orb-frame-video,.orb-frame-fallback{position:absolute;inset:-14%;border-radius:50%;object-fit:cover;mix-blend-mode:screen}.orb-frame-fallback{background:radial-gradient(circle,rgba(245,197,107,.25),transparent 62%);animation:spin 22s linear infinite;border:1px dashed rgba(245,197,107,.3)}@keyframes spin{to{transform:rotate(360deg)}}.orb-photo{position:relative;width:82%;height:82%;border-radius:50%;object-fit:cover;object-position:50% 8%;box-shadow:0 0 0 2px #f5c56b99,0 0 50px #e85d9e80,inset 0 0 40px #08061199;animation:floaty 6s ease-in-out infinite}.orb-photo.placeholder{display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,var(--violet),var(--black));color:var(--rose);font-size:.85rem;font-style:italic;padding:1.5rem;line-height:1.5}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.car-layer{position:fixed;left:0;right:0;bottom:0;height:62dvh;z-index:3;overflow:hidden;opacity:0;transition:opacity 1.2s ease;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%);mask-image:linear-gradient(to bottom,transparent,#000 22%);pointer-events:none}.car-layer.show{opacity:1}.car-layer video,.car-layer img{width:100%;height:100%;object-fit:cover}.car-fallback{width:100%;height:100%;background:radial-gradient(40% 30% at 40% 60%,rgba(245,197,107,.7),transparent 60%),radial-gradient(40% 30% at 60% 62%,rgba(247,178,196,.6),transparent 60%),linear-gradient(to top,#0d0a1a,#080611);animation:carApproach 6s ease-out forwards}@keyframes carApproach{0%{transform:scale(.8);filter:brightness(.5)}to{transform:scale(1.15);filter:brightness(1)}}.signature{margin-top:1.8rem;color:var(--gold);font-size:1.15rem;font-style:italic;opacity:0;animation:sigIn 1s ease forwards;animation-delay:.6s}@keyframes sigIn{to{opacity:1}}.toast{position:fixed;bottom:12dvh;left:50%;transform:translate(-50%);z-index:10;background:#080611d9;border:1px solid var(--gold);color:var(--gold);padding:.5rem 1.1rem;border-radius:999px;font-size:.9rem;letter-spacing:.05em;opacity:0;transition:opacity .3s ease;pointer-events:none}.toast.show{opacity:1}.burst-layer{position:fixed;inset:0;z-index:8;pointer-events:none;mix-blend-mode:screen;opacity:0}.burst-layer.show{opacity:1}.burst-layer video{width:100%;height:100%;object-fit:cover}@media (prefers-reduced-motion: reduce){.swipe-hint,.orb-photo,.orb-frame-fallback,.car-fallback{animation:none!important}}