@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&family=Nunito:wght@400;600;700&display=swap";:root{--bg-1: #12082a;--bg-2: #2b0b3c;--bg-3: #4b1035;--glass: rgba(255, 255, 255, .12);--glass-strong: rgba(255, 255, 255, .2);--text: #fff7fb;--muted: rgba(255, 247, 251, .7);--accent: #ff6b9d;--accent-2: #ffd1e3;--gold: #ffd47a;--shadow: rgba(4, 4, 14, .45)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Nunito,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top,#37104a,#200726 45%,#12051b);overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:4px 4px;mix-blend-mode:soft-light;opacity:.4;pointer-events:none;z-index:0}.app{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.bg-orbs span{position:absolute;width:320px;height:320px;border-radius:50%;filter:blur(40px);opacity:.5;z-index:0}.bg-orbs span:nth-child(1){background:#ff5b9a;top:-80px;left:-80px}.bg-orbs span:nth-child(2){background:#ffd66d;top:40px;right:-120px}.bg-orbs span:nth-child(3){background:#9b5cff;bottom:-120px;left:20%}.app-header{display:flex;align-items:center;justify-content:space-between;padding:24px 8vw 16px;gap:24px;position:relative;z-index:2}.header-text h1{margin:0;font-family:Playfair Display,serif;font-size:clamp(1.6rem,3vw,2.6rem)}.header-text p{margin:6px 0 0;color:var(--muted);font-size:1rem}.header-badge{display:flex;flex-direction:column;gap:4px;background:var(--glass);border:1px solid rgba(255,255,255,.15);padding:12px 16px;border-radius:16px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 30px var(--shadow)}.badge-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-2)}.badge-time{font-weight:700;font-size:.95rem}.badge-mock{font-size:.75rem;color:var(--gold)}.hero{flex:1;display:flex;align-items:center;justify-content:center;padding:0 6vw}.stage-wrap{width:min(1100px,100%);position:relative}.stage-panel{background:var(--glass);border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:20px;box-shadow:0 20px 50px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:clamp(420px,60vh,620px)}.stage-surface{position:relative;border-radius:24px;background:linear-gradient(135deg,#ffffff1a,#ffffff08);overflow:hidden;min-height:clamp(420px,60vh,620px)}.scene-layer{position:absolute;top:0;right:0;bottom:0;left:0;padding:36px clamp(20px,5vw,60px)}.scene{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.scene-grid{width:100%;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(24px,4vw,60px)}.scene-text{display:flex;flex-direction:column;gap:14px;max-width:460px}.scene-heading{margin:0;font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3.2rem)}.scene-subtext{margin:0;font-size:1.1rem;color:var(--muted)}.scene-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:240px}.photo-combo{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px;width:100%}.photo-card{width:clamp(200px,28vw,260px);aspect-ratio:3 / 4;padding:6px;border-radius:24px;background:linear-gradient(145deg,#fff9,#ffffff1a);box-shadow:0 18px 40px #00000059;position:relative;overflow:hidden;max-width:100%;flex-shrink:0}.photo-inner{width:100%;height:100%;border-radius:18px;background-image:var(--photo-url),linear-gradient(140deg,#ff6b9d66,#ffd67a59);background-size:cover;background-position:center;filter:saturate(1.05)}.photo-sheen{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:18px;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.55) 45%,transparent 70%);opacity:.2;transform:translate(-40px);mix-blend-mode:screen;pointer-events:none}.rose-photo{transform:rotate(-2deg)}.propose-photo{transform:rotate(2deg)}.rose-illustration,.propose-illustration{position:relative;display:flex;align-items:center;justify-content:center;min-width:240px}.particle-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.back-to-today{position:absolute;right:24px;bottom:24px;background:var(--accent);color:#1d0b1a;border:none;padding:12px 18px;border-radius:999px;font-weight:700;cursor:pointer;box-shadow:0 12px 24px #ff5c974d}.back-to-today:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.day-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;padding:24px 6vw 30px}.day-item{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 12px;color:var(--text);display:flex;flex-direction:column;gap:4px;text-align:left;cursor:pointer;transition:transform .3s ease,background .3s ease,opacity .3s ease}.day-item:hover:not(:disabled){transform:translateY(-4px);background:#ffffff2e}.day-item:disabled{cursor:not-allowed;opacity:.5}.day-date{font-weight:700;font-size:.9rem}.day-label{font-size:.85rem;color:var(--muted)}.day-today{border-color:var(--accent);box-shadow:0 10px 20px #ff6b9d40}.day-selected{background:#ff6b9d33}.app-footer{text-align:center;padding:12px 0 24px;font-size:.9rem;color:var(--muted)}.coming-soon{text-align:center}.coming-content{max-width:560px}.coming-title{font-family:Playfair Display,serif;margin:0 0 8px}.coming-sub{margin:0 0 24px;color:var(--muted)}.countdown-grid{display:grid;grid-template-columns:repeat(4,minmax(70px,1fr));gap:12px}.countdown-item{background:#ffffff1f;border-radius:14px;padding:12px;border:1px solid rgba(255,255,255,.16)}.countdown-value{display:block;font-weight:700;font-size:1.4rem}.countdown-label{font-size:.8rem;color:var(--muted)}.coming-hearts{margin-top:24px;display:flex;justify-content:center;gap:12px}.heart{position:relative;--size: 22px;width:var(--size);height:var(--size);display:inline-block;background:var(--accent);transform:rotate(-45deg);border-radius:6px 6px 0 0}.heart:before,.heart:after{content:"";position:absolute;width:var(--size);height:var(--size);background:var(--accent);border-radius:50%}.heart:before{top:calc(-.5 * var(--size));left:0}.heart:after{left:calc(.5 * var(--size));top:0}.rose-bubble{position:absolute;top:-10px;right:0;background:#ffffffe6;color:#2b0b3c;padding:10px 14px;border-radius:16px;font-weight:700;box-shadow:0 10px 20px #0003}.rose-bubble:after{content:"";position:absolute;bottom:-8px;left:20px;width:16px;height:16px;background:#ffffffe6;transform:rotate(45deg)}.propose-bubble{position:absolute;top:-12px;right:10px;background:#ffffffeb;color:#2b0b3c;padding:10px 14px;border-radius:16px;font-weight:700;font-size:.92rem;box-shadow:0 10px 20px #0003;max-width:200px;text-align:center}.propose-bubble:after{content:"";position:absolute;bottom:-8px;left:22px;width:16px;height:16px;background:#ffffffeb;transform:rotate(45deg)}.rose-svg{width:min(320px,80vw);height:auto}.rose-pot{fill:#ff7bb0}.rose-stem{fill:#58b86d}.rose-leaf{fill:#49a65f}.rose-bloom{fill:#ff5b8f}.rose-eye{fill:#3b0b2d}.rose-smile{stroke:#3b0b2d;stroke-width:4;fill:none;stroke-linecap:round}.rose-petals .rose-petal-float{position:absolute;width:16px;height:16px;border-radius:50% 50% 50% 0;background:#ff85b1;opacity:.8}.rose-petals .p1{top:10px;left:30px}.rose-petals .p2{top:50px;right:20px}.rose-petals .p3{bottom:40px;left:10px}.rose-petals .p4{bottom:80px;right:40px}.rose-sparkles .rose-sparkle{position:absolute;width:10px;height:10px;background:#fff2c7;transform:rotate(45deg);border-radius:2px}.rose-sparkles .s1{top:20px;left:120px}.rose-sparkles .s2{top:80px;right:80px}.rose-sparkles .s3{bottom:40px;right:120px}.ring-box{width:min(320px,80vw);height:auto}.box-lid{transform-origin:left bottom;transform-box:fill-box}.ring-base{fill:#ff8bb6}.ring-cushion{fill:#ffd1e3}.ring-lid{fill:#ff6b9d}.ring-lid-inner{fill:#ff9fc2}.diamond-main{fill:#c8f1ff;stroke:#fff;stroke-width:2}.diamond-shine{fill:#fffc}.balloon{position:absolute;top:-10px;left:20px;width:50px;height:60px;background:#ff5f95;border-radius:50% 50% 45% 45%;box-shadow:inset -6px -10px #fff3}.balloon:after{content:"";position:absolute;bottom:-8px;left:20px;width:10px;height:10px;background:#ff5f95;transform:rotate(45deg)}.balloon-string{position:absolute;top:60px;left:24px;width:2px;height:60px;background:#fff}.propose-hearts .floating-heart{position:absolute;--size: 18px;width:var(--size);height:var(--size);background:#ffd1e3;transform:rotate(-45deg);border-radius:6px 6px 0 0}.propose-hearts .floating-heart:before,.propose-hearts .floating-heart:after{content:"";position:absolute;width:var(--size);height:var(--size);background:#ffd1e3;border-radius:50%}.propose-hearts .floating-heart:before{top:calc(-.5 * var(--size));left:0}.propose-hearts .floating-heart:after{left:calc(.5 * var(--size));top:0}.propose-hearts .h1{right:20px;top:20px}.propose-hearts .h2{right:80px;bottom:40px}.propose-hearts .h3{left:40px;bottom:20px}.choco-bar{width:min(320px,80vw);height:auto}.choco-body{fill:#4b2d1f}.wrapper{fill:#6b3d2a;opacity:.75}.wrapper-inner{fill:#8b5036}.wrapper-shine{fill:#fff3}.choco-piece{fill:#3f2418}.cocoa-swirl{fill:none;stroke:#d9a06a;stroke-width:6;stroke-linecap:round}.choco-rain span{position:absolute;width:10px;height:14px;background:#5a3526;border-radius:4px;opacity:.7}.choco-rain span:nth-child(1){top:0;left:20px}.choco-rain span:nth-child(2){top:10px;right:40px}.choco-rain span:nth-child(3){bottom:30px;left:80px}.choco-rain span:nth-child(4){bottom:0;right:100px}.teddy{width:min(320px,80vw);height:auto}.teddy-head,.teddy-body,.teddy-ear{fill:#c7925c}.teddy-ear{opacity:.9}.teddy-eye{fill:#3b1f12}.teddy-nose{fill:#5b2b1a}.teddy-smile{stroke:#3b1f12;stroke-width:4;fill:none;stroke-linecap:round}.teddy-arm,.teddy-leg{fill:#b88452}.teddy-heart{fill:#ff6b9d}.teddy-hearts span{position:absolute;width:14px;height:14px;background:#ff9fc2;transform:rotate(-45deg);border-radius:4px 4px 0 0}.teddy-hearts span:before,.teddy-hearts span:after{content:"";position:absolute;width:14px;height:14px;background:#ff9fc2;border-radius:50%}.teddy-hearts span:before{top:-7px;left:0}.teddy-hearts span:after{left:7px;top:0}.teddy-hearts span:nth-child(1){top:20px;right:40px}.teddy-hearts span:nth-child(2){bottom:30px;left:40px}.teddy-hearts span:nth-child(3){bottom:0;right:90px}.pinky-hands{width:min(340px,86vw);height:auto}.hand-left,.hand-right{fill:#f4b6b6}.pinky-hook{fill:none;stroke:#d88a8a;stroke-width:5;stroke-linecap:round}.ribbon{fill:none;stroke:#ff7ab3;stroke-width:5;stroke-linecap:round}.pinky-heart{fill:#ff6b9d}.promise-sparkles .pinky-sparkle{position:absolute;width:10px;height:10px;background:#ffe3a8;transform:rotate(45deg)}.promise-sparkles .s1{top:10px;left:60px}.promise-sparkles .s2{bottom:40px;right:40px}.promise-sparkles .s3{top:40px;right:90px}.hug-scene{position:relative;width:min(320px,80vw);height:220px;display:flex;align-items:center;justify-content:center;gap:12px}.hugger{width:120px;height:160px;border-radius:60px;background:#ffd1e3;position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.hug-right{background:#ffe5ef}.hug-eye{width:8px;height:8px;border-radius:50%;background:#3b0b2d;display:inline-block}.hug-blush{position:absolute;bottom:30px;width:20px;height:10px;background:#ff6b9d80;border-radius:50%;left:50%;transform:translate(-50%)}.hug-burst .hug-heart{position:absolute;--size: 18px;width:var(--size);height:var(--size);background:#ff6b9d;transform:rotate(-45deg);border-radius:6px 6px 0 0}.hug-burst .hug-heart:before,.hug-burst .hug-heart:after{content:"";position:absolute;width:var(--size);height:var(--size);background:#ff6b9d;border-radius:50%}.hug-burst .hug-heart:before{top:calc(-.5 * var(--size));left:0}.hug-burst .hug-heart:after{left:calc(.5 * var(--size));top:0}.hug-burst .h1{top:0}.hug-burst .h2{bottom:10px;left:0}.hug-burst .h3{bottom:20px;right:0}.kiss-scene{position:relative;width:min(320px,80vw);height:220px;display:flex;align-items:center;justify-content:center;gap:20px}.kiss-character{width:110px;height:140px;border-radius:55px;background:#ffd1e3;position:relative;display:flex;justify-content:center;align-items:center;gap:8px}.kiss-right{background:#ffe5ef}.kiss-eye{width:8px;height:8px;border-radius:50%;background:#3b0b2d}.kiss-blush{position:absolute;bottom:28px;width:22px;height:10px;background:#ff6b9d99;border-radius:50%;left:50%;transform:translate(-50%)}.kiss-mark{position:absolute;width:26px;height:18px;border-radius:50% 50% 45% 45%;background:#ff6b9d;right:40px;top:60px;transform:rotate(-10deg)}.kiss-sparkle{position:absolute;width:8px;height:8px;background:#fff2c7;transform:rotate(45deg)}.kiss-sparkles .s1{top:20px;left:40px}.kiss-sparkles .s2{bottom:40px;right:60px}.kiss-sparkles .s3{top:80px;right:20px}.valentine-show{position:relative;width:min(340px,85vw);height:250px;display:flex;align-items:center;justify-content:center}.valentine-heart{--size: 120px;width:var(--size);height:var(--size);background:#ff5b8f;transform:rotate(-45deg);border-radius:24px 24px 0 0;position:relative;box-shadow:0 15px 40px #ff5b8f80}.valentine-heart:before,.valentine-heart:after{content:"";position:absolute;width:var(--size);height:var(--size);background:#ff5b8f;border-radius:50%}.valentine-heart:before{top:calc(-.5 * var(--size));left:0}.valentine-heart:after{left:calc(.5 * var(--size));top:0}.couple{position:absolute;bottom:20px;display:flex;align-items:flex-end;gap:20px}.person{width:50px;height:80px;border-radius:25px;background:#ffe5ef}.person.left{background:#ffd1e3}.couple-hands{position:absolute;width:40px;height:12px;background:#ff9fc2;border-radius:999px;bottom:30px;left:50%;transform:translate(-50%)}.fireworks .firework{position:absolute;width:18px;height:18px;background:#ffd47a;border-radius:50%;box-shadow:0 0 20px #ffd47ab3}.fireworks .f1{top:0;left:10px}.fireworks .f2{top:20px;right:20px}.fireworks .f3{bottom:60px;left:30px}.confetti span{position:absolute;width:8px;height:16px;background:#ffd1e3;border-radius:4px}.confetti span:nth-child(1){top:10px;left:60px;background:#ff9fc2}.confetti span:nth-child(2){top:40px;right:50px;background:#ffd47a}.confetti span:nth-child(3){bottom:20px;left:20px;background:#ff6b9d}.confetti span:nth-child(4){bottom:10px;right:20px;background:#ffd1e3}.confetti span:nth-child(5){top:80px;left:100px;background:#ffe3a8}.end-card{text-align:center}.endcard-content{display:flex;flex-direction:column;align-items:center}.endcard-title{font-family:Playfair Display,serif;font-size:clamp(2.2rem,4vw,3.2rem);margin:0}.endcard-sub{margin:12px 0 24px;color:var(--muted)}.endcard-button{background:var(--gold);color:#2b0b3c;border:none;border-radius:999px;padding:12px 24px;font-weight:700;cursor:pointer}.endcard-button:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (max-width: 900px){.app-header{flex-direction:column;align-items:flex-start}.hero{align-items:flex-start;padding-top:12px}.scene-grid{grid-template-columns:1fr}.scene-visual{order:-1}.stage-panel,.stage-surface{min-height:clamp(520px,75vh,760px)}.photo-combo{flex-direction:column}}@media (max-width: 720px){.day-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px}.day-item{min-width:140px;flex:0 0 auto;scroll-snap-align:start}.scene-grid{align-items:flex-start;gap:18px}.stage-panel,.stage-surface{min-height:max(95vh,720px)}.scene-layer{padding-bottom:80px}.photo-card{width:min(220px,70vw);aspect-ratio:4 / 5}.scene-visual{padding-top:6px}}@media (max-width: 600px){.app-header{padding:20px 6vw 12px}.day-strip{gap:12px}.stage-panel{padding:14px}.scene-layer{padding:28px 18px 96px}.scene-heading{font-size:clamp(1.8rem,7vw,2.4rem)}.scene-subtext{font-size:1rem}.scene-text{max-width:100%}.photo-card{width:min(190px,68vw);aspect-ratio:4 / 5}.photo-combo{gap:12px}.rose-illustration,.propose-illustration{transform:scale(.74);transform-origin:top center}.back-to-today{right:16px;bottom:16px;padding:10px 14px}}@media (prefers-reduced-motion: reduce){.day-item,.back-to-today{transition:none}}