*{box-sizing:border-box}:root{color:#fff8ea;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--safe-pad:clamp(1rem, 4vw, 3rem);--gold:#fff0bd;--soft-white:#fff8ea;--mist:#f2f5ffd1;background:#070717;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overflow:hidden}.constellation-gift{isolation:isolate;background:radial-gradient(circle at 50% 48%,#ffd27433,#0000 18rem),radial-gradient(circle at 23% 20%,#6cdbff38,#0000 18rem),radial-gradient(circle at 80% 18%,#ff6ebe2e,#0000 20rem),radial-gradient(circle at 70% 82%,#7b5cff33,#0000 22rem),linear-gradient(145deg,#070717 0%,#11103a 45%,#210f3a 73%,#080713 100%);min-height:100svh;position:relative;overflow:hidden}.constellation-gift:before,.constellation-gift:after{z-index:0;content:"";pointer-events:none;position:absolute;inset:-18vmax}.constellation-gift:before{filter:blur(34px);opacity:.82;background:conic-gradient(from 42deg,#0000,#8b62ff33,#0000 34%,#6edcff29,#0000 66%,#ffc47829,#0000),radial-gradient(circle at 38% 42%,#ffffff29,#0000 .12rem);animation:38s linear infinite nebula-turn}.constellation-gift:after{opacity:.32;background-image:radial-gradient(circle,#ffffffd1 0 1px,#0000 1.6px),radial-gradient(circle,#ffe59db3 0 1px,#0000 1.8px);background-position:0 0,4rem 3rem;background-size:5.5rem 5.5rem,7.5rem 7.5rem;animation:44s linear infinite star-drift}.cosmic-vignette{z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 42%,#0000 0 38%,#04041238 72%,#020208ad 100%),linear-gradient(#03020a6b,#0000 24% 70%,#03020a7a);position:absolute;inset:0}.scene-layer{z-index:1;position:absolute;inset:0}.scene-layer canvas{touch-action:manipulation;display:block}.message-layer{z-index:4;width:min(44rem, calc(100vw - (var(--safe-pad) * 2)));min-height:100svh;padding:clamp(2.2rem, 6vh, 4.5rem) 0 var(--safe-pad);pointer-events:none;text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:clamp(.6rem,1.4vw,.9rem);margin:0 auto;transition:opacity .9s,transform .9s,filter .9s;display:flex;position:relative}.message-layer.is-visible{opacity:1;filter:blur();transform:translateY(0)scale(1)}.message-layer.is-hidden{opacity:0;filter:blur(8px);transform:translateY(-.7rem)scale(.985)}.message-layer h1,.message-layer p{text-wrap:balance;margin:0}.message-layer h1{max-width:16ch;color:var(--soft-white);letter-spacing:0;text-shadow:0 0 1.2rem #ffdd9457,0 1.3rem 4rem #000000b8;font-size:clamp(2.35rem,7vw,5.4rem);font-weight:780;line-height:.98}.message-layer p{max-width:35rem;color:var(--mist);text-shadow:0 0 .9rem #1c1037d1,0 .8rem 2.4rem #000000bf;font-size:clamp(1.02rem,2.1vw,1.28rem);font-weight:500;line-height:1.62}.message-layer.caption,.message-layer.final{justify-content:flex-end;padding-bottom:clamp(2rem,8vh,5rem)}.message-layer.caption p,.message-layer.final p{color:#fff9ef;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#080718b8,#1c103780),radial-gradient(circle at 50% 0,#fff0bd1f,#0000 70%);border:1px solid #fff0bd33;border-radius:999px;max-width:min(34rem,100%);padding:clamp(.82rem,2.2vw,1.08rem) clamp(1.05rem,3vw,1.55rem);box-shadow:0 1.2rem 4rem #00000052,inset 0 1px #ffffff24}.message-layer.final p{color:#fff4d3;border-radius:1.4rem;font-size:clamp(1.08rem,2.4vw,1.42rem)}@keyframes nebula-turn{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.08)}to{transform:rotate(360deg)scale(1)}}@keyframes star-drift{0%{transform:translate(0,0)}to{transform:translate(-4rem,3rem)}}@media (width<=720px){:root{--safe-pad:clamp(.9rem, 5vw, 1.35rem)}.message-layer{width:min(100% - (var(--safe-pad) * 2), 34rem);padding-top:clamp(1.45rem,5vh,2.4rem)}.message-layer h1{max-width:12ch;font-size:clamp(2.1rem,11vw,3.7rem);line-height:1.02}.message-layer p{max-width:27rem;font-size:clamp(.98rem,4vw,1.12rem);line-height:1.58}.message-layer.caption,.message-layer.final{padding-bottom:clamp(1.15rem,7vh,3.2rem)}.message-layer.caption p,.message-layer.final p{border-radius:1.15rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}