:root{color:#fff8ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#120915;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow:hidden}button{font:inherit}h1,p{margin:0}.sogdiana-gift{isolation:isolate;background:radial-gradient(circle at 18% 18%,#4cd6c43d,#0000 27rem),radial-gradient(circle at 78% 20%,#ffb85e2e,#0000 25rem),radial-gradient(circle at 58% 78%,#dc477e3d,#0000 27rem),linear-gradient(140deg,#120915 0%,#251022 48%,#071a22 100%);place-items:center;min-height:100svh;padding:clamp(18px,4vmin,46px);display:grid;position:relative;overflow:hidden}.sogdiana-gift:before{content:"";z-index:-2;background:linear-gradient(115deg,#0000 0 42%,#ffe3a914 43% 44%,#0000 45%),radial-gradient(circle at 45% 45%,#ffffff14,#0000 18rem);animation:18s ease-in-out infinite alternate skyDrift;position:absolute;inset:-18%}.sogdiana-gift:after{content:"";z-index:-1;opacity:.24;background-image:radial-gradient(circle,#fff8ef6b 0 1px,#0000 1.6px),radial-gradient(circle,#4cd6c457 0 1px,#0000 1.4px);background-position:0 0,28px 44px;background-size:98px 112px,146px 132px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 48%,#000 0%,#0000 76%);mask-image:radial-gradient(circle at 50% 48%,#000 0%,#0000 76%)}.night-orchestra{pointer-events:none;position:absolute;inset:0;overflow:hidden}.night-orchestra span{aspect-ratio:1;filter:blur(8px);opacity:.18;border-radius:999px;width:clamp(130px,18vw,260px);animation:11s ease-in-out infinite alternate orbFloat;position:absolute}.night-orchestra span:first-child{background:#4cd6c4;top:18%;left:-5%}.night-orchestra span:nth-child(2){background:#ffcf77;animation-delay:1.4s;top:-4%;right:8%}.night-orchestra span:nth-child(3){background:#dc477e;animation-delay:2.2s;bottom:12%;right:-5%}.night-orchestra span:nth-child(4){background:#7658ff;animation-delay:3s;bottom:-10%;left:24%}.gift-stage{grid-template-columns:minmax(330px,.95fr) minmax(320px,.85fr);align-items:center;gap:clamp(24px,5vw,72px);width:min(100%,1120px);min-height:min(760px,100svh - clamp(36px,8vmin,92px));display:grid}.garden-wrap{aspect-ratio:1;justify-self:center;place-items:center;width:min(72vmin,560px);min-width:min(82vw,330px);display:grid;position:relative}.garden-disc{background:radial-gradient(circle,#ffecbc42,#0000 0 19%),radial-gradient(circle at 48% 52%,#4cd6c433,#0000 0 34%),linear-gradient(145deg,#fff8ef1f,#fff8ef08);border:1px solid #fff8ef2e;border-radius:999px;place-items:center;display:grid;position:absolute;inset:5%;box-shadow:inset 0 0 70px #ffcf7724,0 38px 100px #00000061}.garden-disc:before,.garden-disc:after{content:"";border-radius:inherit;border:1px solid #ffcf7738;animation:22s linear infinite ringTurn;position:absolute;inset:13%}.garden-disc:after{border-color:#4cd6c43d;animation-duration:16s;animation-direction:reverse;inset:25%}.garden-aura{border-radius:inherit;filter:blur(18px);opacity:.78;background:conic-gradient(from 130deg,#0000,#ffcf772e,#0000,#4cd6c42e,#0000);animation:5s ease-in-out infinite alternate auraPulse;position:absolute;inset:-4%}.moon-pool{z-index:2;aspect-ratio:1;color:#3a1028;background:radial-gradient(circle at 38% 28%,#fff8ef,#ffd79b 48%,#bd4c76 100%);border-radius:999px;place-items:center;width:clamp(86px,16vmin,132px);display:grid;position:relative;box-shadow:0 0 38px #ffcf777a,0 16px 42px #00000047}.petal{width:var(--petal-size);height:calc(var(--petal-size) * 1.8);transform:rotate(var(--petal-angle)) translateY(var(--petal-distance)) rotate(38deg);transform-origin:50% 0;opacity:.66;animation:3.8s ease-in-out infinite petalBreathe;animation-delay:var(--petal-delay);background:linear-gradient(#fff3d4,#dc477e);border-radius:999px 999px 999px 2px;position:absolute;top:50%;left:50%}.letter-orbit{z-index:4;border-radius:999px;position:absolute;inset:0}.letter-light{aspect-ratio:1;color:#fff8efdb;cursor:pointer;width:clamp(42px,7vmin,62px);transform:translate(-50%, -50%) rotate(var(--letter-angle)) translateY(var(--letter-distance)) rotate(var(--letter-upright));background:#100915b8;border:1px solid #fff8ef3d;border-radius:999px;place-items:center;font-size:clamp(1.2rem,2.8vmin,1.75rem);font-weight:850;line-height:1;transition:background .22s,color .22s,border-color .22s,box-shadow .22s,translate .22s;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 12px 30px #00000047}.letter-light:hover,.letter-light:focus-visible{border-color:#ffcf77e6;outline:none;translate:0 -4px}.letter-light:focus-visible{box-shadow:0 0 0 4px #4cd6c45c,0 18px 42px #0000004d}.letter-light.is-lit{color:#351026;background:linear-gradient(145deg,#fff8ef,#ffcf77 58%,#f08ab2);border-color:#fff8efd1;box-shadow:0 0 28px #ffcf77a8,0 16px 40px #dc477e3d}.letter-light:disabled{cursor:default}.name-bloom{z-index:5;color:#fff8ef;text-align:center;text-shadow:0 0 22px #ffcf77c7,0 0 58px #dc477e75,0 4px 18px #00000080;max-width:86%;font-size:clamp(2.45rem,8vmin,5.8rem);font-weight:900;line-height:.98;position:absolute}.words{z-index:6;justify-items:start;gap:clamp(14px,2.4vmin,22px);max-width:34rem;display:grid;position:relative}.eyebrow{color:#ffe5ae;letter-spacing:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#2a1727;border:1px solid #fff8ef2e;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:0 14px;font-size:clamp(.78rem,1.2vw,.9rem);font-weight:760;display:inline-flex}.words h1{color:#fff8ef;letter-spacing:0;text-wrap:balance;text-shadow:0 12px 34px #0000005c;max-width:11ch;font-size:clamp(2.55rem,6.4vw,5.25rem);line-height:.98}.is-collect .words h1{max-width:13ch;font-size:clamp(2.15rem,5.2vw,4.35rem)}.is-finale .words h1{max-width:13ch;font-size:clamp(2.2rem,5.4vw,4.55rem)}.note{color:#fff8efdb;text-wrap:pretty;max-width:33rem;font-size:clamp(1rem,1.6vw,1.22rem);line-height:1.7}.actions{flex-wrap:wrap;gap:12px;padding-top:4px;display:flex}.primary-action,.quiet-action{cursor:pointer;letter-spacing:0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 20px;font-weight:820;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex}.primary-action{color:#351026;background:linear-gradient(135deg,#fff8ef,#ffcf77 58%,#f08ab2);position:relative;overflow:hidden;box-shadow:0 18px 48px #00000047}.primary-action:after{content:"";background:linear-gradient(100deg,#0000,#ffffff6b,#0000);animation:4.8s ease-in-out infinite buttonSheen;position:absolute;inset:0;transform:translate(-120%)}.primary-action svg,.primary-action span,.quiet-action svg{z-index:1;position:relative}.quiet-action{color:#fff8ef;background:#2a1727;border-color:#fff8ef33}.primary-action:hover,.quiet-action:hover{transform:translateY(-2px)}.primary-action:active,.quiet-action:active{transform:translateY(0)scale(.98)}.primary-action:focus-visible,.quiet-action:focus-visible{outline-offset:4px;outline:3px solid #4cd6c4c7}@keyframes skyDrift{0%{transform:translate(-1.5%,-1%)rotate(-1deg)}to{transform:translate(1.5%,1%)rotate(1deg)}}@keyframes orbFloat{0%{transform:translate(0,0)scale(1)}to{transform:translate(18px,-22px)scale(1.12)}}@keyframes ringTurn{to{transform:rotate(360deg)}}@keyframes auraPulse{0%{opacity:.48;transform:scale(.96)rotate(-4deg)}to{opacity:.9;transform:scale(1.04)rotate(4deg)}}@keyframes petalBreathe{0%,to{opacity:.38}50%{opacity:.86}}@keyframes buttonSheen{0%,58%{transform:translate(-120%)}76%,to{transform:translate(120%)}}@media (width<=780px){body{overflow:auto}.sogdiana-gift{align-items:start;min-height:100svh;padding:clamp(18px,5vw,28px)}.gift-stage{grid-template-columns:1fr;align-content:center;justify-items:center;gap:clamp(18px,4vmin,30px);min-height:calc(100svh - clamp(36px,10vw,56px))}.garden-wrap{order:2;width:min(82vw,430px);min-width:280px}.words{text-align:center;order:1;justify-items:center;gap:13px;max-width:min(100%,34rem)}.words h1,.is-collect .words h1,.is-finale .words h1{max-width:13ch;font-size:clamp(2.15rem,11vw,3.65rem)}.note{max-width:31rem;font-size:clamp(.98rem,3.6vw,1.08rem);line-height:1.62}.actions{justify-content:center}}@media (width<=420px){.garden-wrap{width:min(88vw,350px);min-width:250px}.letter-light{width:clamp(38px,12vw,48px)}.primary-action,.quiet-action{min-height:46px;padding:0 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}