:root{color:#fff5f8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#080207;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{width:100vw;height:100%;overflow:hidden}*{box-sizing:border-box}body{width:100vw;min-width:320px;height:100dvh;margin:0;overflow:hidden}button{font:inherit}#app{width:100vw;height:100dvh;overflow:hidden}main{background:radial-gradient(circle at 0 0,#80003080,#0000 34rem),radial-gradient(circle at 78% 18%,#5d1d9661,#0000 30rem),radial-gradient(circle at 100% 100%,#ba0f3d47,#0000 32rem),linear-gradient(135deg,#260416 0%,#140314 42%,#070207 100%);place-items:center;width:100vw;height:100dvh;padding:clamp(14px,3vw,28px);transition:background .7s;display:grid;position:relative;overflow:hidden}main.final-countdown{background:radial-gradient(circle at 50% 24%,#ff245c5c,#0000 28rem),radial-gradient(circle at 0 0,#8000309e,#0000 34rem),radial-gradient(circle at 100% 100%,#5d1d9675,#0000 32rem),linear-gradient(135deg,#310518 0%,#160214 42%,#030104 100%)}main.reveal-ready{background:radial-gradient(circle at 50% 18%,#f3c67547,#0000 24rem),radial-gradient(circle at 28% 28%,#c8144f6b,#0000 30rem),radial-gradient(circle at 78% 68%,#5d1d9680,#0000 34rem),linear-gradient(135deg,#2c0416 0%,#110211 44%,#030104 100%)}.entry-card{z-index:2;text-align:center;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#470826a8,#16051ab8),#0d040db3;border:1px solid #ffccd52e;border-radius:34px;width:min(680px,100vw - 28px);max-height:calc(100dvh - 28px);padding:clamp(24px,6vw,62px);transition:opacity .26s,filter .26s,-webkit-backdrop-filter .26s,backdrop-filter .26s;position:relative;box-shadow:0 30px 80px #00000080,inset 0 1px #ffd3da1a}.entry-card:before{content:"";pointer-events:none;border:1px solid #ffdae01a;border-radius:24px;position:absolute;inset:12px}.compact{animation:.7s both settle}.bouncy-card{animation:18s linear infinite alternate wander-card}.card-ghosted{opacity:.42;filter:saturate(.9)blur(.2px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.final-countdown .card-ghosted{opacity:.86;filter:none}.countdown-card{width:clamp(300px,46vw,560px);padding:clamp(16px,3vw,34px)}.countdown-card.card-positioned{margin:0;position:absolute;transform:none}.final-countdown .countdown-card{opacity:calc(1 - (var(--final-progress) * .96));filter:blur(calc(var(--final-progress) * 1.4px));background:linear-gradient(145deg,#610628c2,#0f0312d1),#0d040dd1;border-color:#ffd5df4d;transition:opacity 1.2s,filter 1.2s;box-shadow:0 34px 90px #00000094,0 0 70px #c8144f38,inset 0 1px #ffe6eb29}.final-countdown .countdown-card:before{opacity:calc(1 - (var(--final-progress) * .82))}.reveal-ready .countdown-card{z-index:2;background:linear-gradient(145deg,#5c062bc2,#120416d6),#0d040dd1;border-color:#f3c67557;width:min(680px,100vw - 28px);animation:.9s both reveal-arrive;position:relative;box-shadow:0 34px 96px #0009,0 0 90px #f3c67529,0 0 70px #c8144f33,inset 0 1px #ffe6eb29}.reveal-ready .card-ghosted{opacity:.58;filter:saturate(.96)blur(.2px)}.proposal-transition-hidden{opacity:0;pointer-events:none;transition:opacity .9s,transform .9s;transform:scale(.96)}.reveal-ready .countdown-card.proposal-transition-hidden{visibility:hidden;opacity:0;animation:none}.reveal-ready .countdown-card:after{z-index:-1;content:"";border-radius:inherit;filter:blur(18px);opacity:.7;background:linear-gradient(135deg,#ffd5df4d,#f3c67538,#5d1d9647);position:absolute;inset:-2px}.eyebrow{color:#ffb6c8;letter-spacing:.2em;text-transform:uppercase;margin:0 0 18px;font-size:.76rem;font-weight:800}h1{letter-spacing:-.07em;max-width:11ch;margin:0 auto;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.75rem,8vw,6.2rem);font-weight:700;line-height:.92}.intro{color:#fff5f8c7;max-width:560px;margin:26px auto 0;font-size:clamp(.98rem,1.55vw,1.16rem);line-height:1.7}button{z-index:1;color:#23020e;cursor:pointer;background:linear-gradient(135deg,#ffd5df,#c8144f 48%,#f3c675);border:0;border-radius:999px;margin-top:36px;padding:16px 24px;font-weight:800;transition:transform .18s,box-shadow .18s;position:relative;box-shadow:0 18px 34px #c8144f57}button:hover{transform:translateY(-2px);box-shadow:0 22px 42px #c8144f70}button:focus-visible{outline-offset:5px;outline:3px solid #ffffffdb}.audio-panel{left:14px;bottom:max(14px, env(safe-area-inset-bottom));z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a020a9e;border:1px solid #ffd5df2e;border-radius:999px;align-items:center;gap:8px;max-width:min(360px,100vw - 28px);padding:8px;display:flex;position:fixed;box-shadow:0 18px 38px #00000047}.audio-panel span{color:#ffe6ecc2;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;max-width:220px;padding-left:8px;font-size:.72rem;font-weight:800;overflow:hidden}.audio-panel button{color:#23020e;box-shadow:none;margin:0;padding:8px 12px;font-size:.75rem}.hint{color:#fff5f88a;margin:22px 0 0;font-size:.9rem}.reveal-message{color:#fff8fadb;max-width:620px}.graduation-reveal{text-align:left;grid-template-columns:minmax(170px,.62fr) minmax(240px,1fr);align-items:center;gap:clamp(18px,3vw,34px);display:grid}.graduation-reveal img{aspect-ratio:4/5;object-fit:cover;object-position:center;border:1px solid #ffe6ec2e;border-radius:26px;width:100%;display:block;box-shadow:0 24px 54px #00000057,0 0 42px #f3c6751f}.graduation-reveal h1{max-width:9ch;margin:0;font-size:clamp(2.5rem,5.4vw,5.2rem)}.graduation-reveal .intro,.graduation-reveal .hint{text-align:left;margin-inline:0}.proposal-cluster{z-index:12;pointer-events:none;background:#0301042e;animation:12s both proposal-cluster-fade;position:fixed;inset:0;overflow:hidden}.proposal-cluster img,.proposal-cluster video{top:var(--top);left:var(--left);aspect-ratio:4/5;object-fit:cover;opacity:0;width:clamp(120px,16vw,230px);transform:translate(-50%, -50%) scale(.78) rotate(var(--rotate));animation:11.6s both proposal-photo-cluster;animation-delay:var(--delay);border:1px solid #ffe6ec38;border-radius:22px;position:absolute;box-shadow:0 18px 42px #0000005c,0 0 28px #c8144f2e}.proposal-typing,.proposal-final{z-index:13;background:radial-gradient(circle,#80003052,#0000 34rem),#030104c7;place-items:center;padding:clamp(20px,5vw,60px);animation:1.9s both proposal-stage-fade;display:grid;position:fixed;inset:0}.proposal-typing{pointer-events:none}.proposal-typing p,.proposal-final>p{color:#fff8faf0;text-align:left;text-shadow:0 0 28px #c8144f47;white-space:pre-wrap;width:min(940px,88vw);max-height:min(76vh,720px);margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,2.1vw,1.5rem);line-height:1.65;overflow:hidden auto}.proposal-typing p span:first-child{white-space:inherit}.typing-cursor{vertical-align:-.12em;background:#f3c675e6;width:2px;height:1em;margin-left:4px;animation:.8s step-end infinite proposal-caret;display:inline-block;box-shadow:0 0 12px #f3c6756b}.proposal-typing.intro p,.proposal-typing.question p,.proposal-final>p{text-align:center;width:min(780px,88vw);font-size:clamp(1.65rem,4.6vw,4.2rem);line-height:1.16}.proposal-typing.body p{padding-right:6px}.proposal-final{align-content:center;animation:none}.proposal-final>p{border-right:0;max-height:58vh;animation:none;overflow:auto}.proposal-actions{z-index:2;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;animation:1.3s both proposal-buttons-arrive;display:flex;position:relative}.proposal-actions button{min-width:112px;margin:0;transition:transform .42s,opacity .42s,box-shadow .42s}.proposal-actions .yes-choice{z-index:2;transform:scale(var(--yes-scale,1));transform-origin:50%;box-shadow:0 18px 38px #c8144f57}.proposal-actions .no-choice{top:var(--no-top,58vh);left:var(--no-left,54vw);z-index:1;opacity:var(--no-opacity,1);transform:translate(-50%, -50%) scale(var(--no-scale,1));transform-origin:50%;position:fixed}.proposal-actions .secondary{color:#fff7fa;box-shadow:none;background:#ffffff14;border:1px solid #ffd5df33}.proposal-actions .tertiary{color:#fff7faeb;width:fit-content;box-shadow:none;background:#ffffff12;border:1px solid #f3c67538;flex-basis:100%;margin-inline:auto}.proposal-response{color:#ffe6ecd1;max-width:480px;margin:22px auto 0;font-family:Georgia,Times New Roman,serif;font-size:1rem;line-height:1.55}.story-layer{z-index:4;pointer-events:none;position:absolute;inset:0}.media-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.reveal-ready .media-layer{z-index:3}.story-message{top:var(--top);left:var(--left);color:#fff4f8e0;text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:min(280px,64vw);animation:float-story var(--duration) ease-in-out forwards;background:linear-gradient(145deg,#6009306b,#15051957),#0c030c57;border:1px solid #ffd5df29;border-radius:999px 999px 999px 12px;margin:0;padding:12px 16px;font-family:Georgia,Times New Roman,serif;font-size:clamp(.95rem,1.8vw,1.18rem);line-height:1.35;position:absolute;box-shadow:0 16px 38px #00000042,0 0 24px #c8144f29}.final-countdown .story-message{color:#fffafcf0;background:linear-gradient(145deg,#9b003f8f,#1d04207a),#0c030c6b;border-color:#ffe6ec3d;max-width:min(240px,62vw);font-size:clamp(1rem,2vw,1.26rem);box-shadow:0 18px 42px #0000004d,0 0 34px #ff336933}.final-wish-float{top:var(--top);left:var(--left);color:#fff8fae6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#5c062b8a,#0f031294),#0a020a61;border:1px solid #ffd5df33;border-radius:28px;width:min(560px,78vw);margin:0;padding:clamp(20px,4vw,34px);animation:18s ease-in-out both final-wish-float;position:absolute;box-shadow:0 24px 62px #00000057,0 0 42px #c8144f24}.final-wish-float h2{color:#fff8fb;letter-spacing:-.06em;text-align:center;max-width:13ch;margin:0 auto;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.1rem,5vw,4.2rem);line-height:.95}.final-wish-float p{text-align:center;white-space:pre-line;max-width:500px;margin:18px auto 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,1.45vw,1.18rem);line-height:1.62}.story-message:nth-child(2n){border-radius:999px 999px 12px}.memory-card{top:var(--top);left:var(--left);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:clamp(128px,15vw,218px);animation:float-memory var(--duration) ease-in-out forwards;background:linear-gradient(145deg,#6f0a3380,#11041580),#0c030c75;border:1px solid #ffd6e02e;border-radius:24px;margin:0;padding:8px;position:absolute;overflow:hidden;box-shadow:0 22px 44px #0000005c,0 0 30px #7619a029}.reveal-ready .memory-card{opacity:.72}.memory-card img,.memory-card video{object-fit:cover;object-position:center;filter:saturate(1.04)contrast(1.02);border-radius:18px;width:100%;height:clamp(148px,20vw,270px);display:block}.memory-card video{background:#080207}.memory-card figcaption{color:#ffe6ecb8;letter-spacing:.01em;white-space:pre-line;text-align:center;margin-top:8px;font-family:Georgia,Times New Roman,serif;font-size:.84rem;font-weight:600;line-height:1.25}.confetti{pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.confetti span{top:-18px;left:calc((var(--piece) + 1) * 5%);background:hsl(calc(336 + var(--piece) * 16) 78% 68%);opacity:0;width:8px;height:15px;animation:2.6s ease-in-out infinite confetti-fall;animation-delay:calc(var(--piece) * -140ms);border-radius:3px;position:absolute}.confetti span:nth-child(3n){background:#f3c675}.confetti span:nth-child(4n){background:#9c5cff}.countdown-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(7px,1vw,11px);margin-top:clamp(16px,2.4vw,26px);display:grid}.countdown-item{background:linear-gradient(160deg,#6b0b37b3,#19051fb8),#ffffff08;border:1px solid #ffd2dc29;border-radius:24px;padding:clamp(11px,1.8vw,20px) 8px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffe6eb14,0 18px 34px #00000047}.countdown-item:after{content:"";background:linear-gradient(90deg,#0000,#f3c675cc,#0000);height:2px;position:absolute;inset:auto 16px 0}.countdown-item strong{color:#fff7fa;letter-spacing:-.07em;text-shadow:0 0 22px #ff4b7e47;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,4.2vw,3.5rem);line-height:.92;display:block}.final-countdown .countdown-item strong{color:#fffafd;text-shadow:0 0 22px #ff4b7e70,0 0 42px #f3c6752e}.final-countdown .countdown-grid{max-width:520px;opacity:calc(1 - (var(--final-progress) * .78));grid-template-columns:repeat(4,minmax(0,1fr));margin-inline:auto;transition:opacity .8s}.final-countdown .countdown-item{opacity:calc(1 - (var(--final-progress) * .58));padding-block:10px;transition:opacity .8s}.final-countdown .countdown-item strong{font-size:clamp(1.55rem,3vw,2.6rem)}.countdown-item span{color:#ffd6dfad;letter-spacing:.18em;text-transform:uppercase;margin-top:10px;font-size:.72rem;font-weight:800;display:block}.aurora{filter:blur(16px);opacity:.42;border-radius:999px;width:42rem;height:42rem;animation:12s ease-in-out infinite alternate drift;position:absolute}.aurora-one{background:radial-gradient(circle,#9b003f 0%,#9b003f00 68%);top:-17rem;right:-12rem}.aurora-two{background:radial-gradient(circle,#5d1d96 0%,#5d1d9600 70%);animation-delay:-4s;bottom:-18rem;left:-13rem}.stars span{background:#ffffffe0;border-radius:999px;width:6px;height:6px;animation:2.8s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 18px #ffffffc2}.stars span:first-child{top:18%;left:14%}.stars span:nth-child(2){animation-delay:-.8s;top:24%;right:18%}.stars span:nth-child(3){animation-delay:-1.3s;bottom:25%;right:10%}.stars span:nth-child(4){animation-delay:-1.9s;bottom:18%;left:20%}.stars span:nth-child(5){animation-delay:-2.2s;top:48%;left:8%}.stars span:nth-child(6){animation-delay:-2.5s;top:58%;right:8%}@keyframes drift{0%{transform:translate(-2rem,1rem)scale(1)}to{transform:translate(2rem,-1.5rem)scale(1.08)}}@keyframes twinkle{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}@keyframes settle{0%{opacity:0}to{opacity:1}}@keyframes wander-card{0%{transform:translate(-3vw,-3vh)}22%{transform:translate(3.5vw,-2vh)}46%{transform:translate(2vw,3vh)}72%{transform:translate(-3.5vw,2vh)}to{transform:translate(2.5vw,-3vh)}}@keyframes float-story{0%{opacity:0;transform:translateY(18px)scale(.94)rotate(-2deg)}18%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate3d(calc(var(--drift) * 58px), -58px, 0) scale(1.04) rotate(2deg)}}@keyframes float-memory{0%{opacity:0;transform:translate3d(0, 24px, 0) scale(.82) rotate(calc(var(--rotate) - 8deg))}16%{opacity:.9}74%{opacity:.9}to{opacity:0;transform:translate3d(calc(var(--drift) * 78px), -72px, 0) scale(1.04) rotate(calc(var(--rotate) + 8deg))}}@keyframes reveal-arrive{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-20px)rotate(0)}12%{opacity:1}to{opacity:0;transform:translate3d(calc((var(--piece) % 5 - 2) * 22px), 110vh, 0) rotate(420deg)}}@keyframes proposal-cluster-fade{0%{opacity:0}10%,76%{opacity:1}to{opacity:0}}@keyframes proposal-photo-cluster{0%{opacity:0;transform:translate(-50%, -50%) scale(.5) rotate(calc(var(--rotate) - 20deg))}18%,72%{opacity:.95;transform:translate(-50%, -50%) scale(1) rotate(var(--rotate))}to{opacity:0;transform:translate(-50%, -50%) scale(1.22) rotate(calc(var(--rotate) + 18deg))}}@keyframes proposal-caret{50%{opacity:0}}@keyframes proposal-stage-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes proposal-buttons-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes final-wish-float{0%{opacity:0;transform:translateY(26px)scale(.96)}12%{opacity:1}78%{opacity:1}to{opacity:0;transform:translate3d(calc(var(--drift) * 48px), -44px, 0) scale(1.015)}}@media (width>=1440px){.entry-card{width:min(700px,42vw)}.countdown-card{width:min(580px,38vw)}.memory-card{width:clamp(170px,12vw,240px)}}@media (width<=1024px){.entry-card{width:min(620px,100vw - 36px);padding:clamp(22px,5vw,44px)}.countdown-card{width:clamp(330px,56vw,500px)}h1{font-size:clamp(2.45rem,7.5vw,5rem)}.intro{max-width:480px}.memory-card{width:clamp(128px,21vw,190px)}.memory-card img,.memory-card video{height:clamp(148px,27vw,240px)}}@media (width<=620px){main{padding:10px}.entry-card{border-radius:28px;width:min(360px,86vw);padding:20px 16px}.entry-card:before{border-radius:20px;inset:8px}.countdown-card{width:min(300px,76vw)}.reveal-ready .countdown-card{width:min(360px,88vw)}.graduation-reveal{text-align:center;grid-template-columns:1fr;gap:16px}.graduation-reveal img{border-radius:20px;width:min(190px,58vw);margin:0 auto}.graduation-reveal h1{text-align:center;max-width:10ch;margin:0 auto;font-size:clamp(2rem,10vw,3rem)}.graduation-reveal .intro,.graduation-reveal .hint{text-align:center;margin-inline:auto}.proposal-cluster img,.proposal-cluster video{border-radius:16px;width:clamp(94px,29vw,140px)}.proposal-actions{gap:8px;margin-top:22px}.proposal-actions button{min-width:92px;padding-inline:14px}.proposal-actions .tertiary{min-width:180px}.proposal-response{font-size:.9rem}.proposal-final{padding-bottom:max(24px, env(safe-area-inset-bottom))}.proposal-typing p,.proposal-final>p{width:min(340px,88vw);max-height:72vh;font-size:.92rem;line-height:1.5}.proposal-typing.intro p,.proposal-typing.question p,.proposal-final>p{font-size:clamp(1.65rem,9vw,3rem);line-height:1.16}.proposal-typing.body p{font-size:clamp(.84rem,3.5vw,1rem);line-height:1.45}.final-countdown .countdown-card{width:min(350px,88vw)}.final-wish-float{width:min(330px,84vw);padding:18px 16px}.final-wish-float h2{font-size:clamp(1.8rem,10vw,2.7rem)}.final-wish-float p{margin-top:14px;font-size:.88rem;line-height:1.44}.eyebrow{margin-bottom:12px;font-size:.68rem}h1{letter-spacing:-.06em;font-size:clamp(2rem,12vw,3.2rem)}.intro{margin-top:14px;font-size:.9rem;line-height:1.5}.hint{margin-top:12px;font-size:.76rem}button{margin-top:22px;padding:13px 18px}.audio-panel{left:10px;bottom:max(10px, env(safe-area-inset-bottom));max-width:calc(100vw - 20px)}.audio-panel span{max-width:170px;font-size:.68rem}.audio-panel button{padding:7px 10px;font-size:.7rem}.countdown-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.final-countdown .countdown-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.countdown-item{border-radius:18px;padding:12px 8px}.final-countdown .countdown-item{border-radius:14px;padding:8px 5px}.countdown-item strong{font-size:clamp(1.5rem,10vw,2.35rem)}.final-countdown .countdown-item strong{font-size:clamp(1.1rem,7vw,1.8rem)}.countdown-item span{letter-spacing:.14em;margin-top:7px;font-size:.62rem}.final-countdown .countdown-item span{letter-spacing:.08em;font-size:.48rem}.story-message{max-width:190px;padding:9px 12px;font-size:.88rem}.memory-card{border-radius:18px;width:clamp(104px,32vw,140px);padding:6px}.memory-card img,.memory-card video{border-radius:13px;height:clamp(120px,39vw,170px)}.memory-card figcaption{margin-top:6px;font-size:.68rem}}@media (height<=720px){h1{font-size:clamp(2.2rem,7vw,4.4rem)}.intro{margin-top:18px;line-height:1.55}.hint{margin-top:16px}button{margin-top:26px}}@media (height<=560px){.entry-card{padding-block:16px}.eyebrow,.hint{display:none}h1{font-size:clamp(1.8rem,8vh,3rem)}.intro{margin-top:10px;font-size:.82rem;line-height:1.35}.countdown-grid{margin-top:12px}.countdown-item{padding-block:9px}.final-wish-float p{font-size:.78rem;line-height:1.3}.reveal-ready .countdown-card{padding-block:14px}.graduation-reveal{grid-template-columns:minmax(90px,.35fr) minmax(190px,1fr);gap:14px}.graduation-reveal img{width:min(110px,28vh)}.graduation-reveal h1{font-size:clamp(1.7rem,8vh,2.7rem)}.graduation-reveal .intro{font-size:.78rem;line-height:1.32}.proposal-typing,.proposal-final{padding-block:16px}.proposal-typing.body p{max-height:78vh;font-size:.76rem;line-height:1.32}.proposal-typing.intro p,.proposal-typing.question p,.proposal-final>p{font-size:clamp(1.45rem,8vh,2.3rem)}}@media (width<=380px){.entry-card{width:min(300px,84vw);padding:18px 14px}.countdown-card{width:min(280px,74vw)}.reveal-ready .countdown-card,.final-countdown .countdown-card{width:min(316px,88vw)}.proposal-actions button{min-width:82px}.proposal-actions .tertiary{min-width:160px}}