:root{--font-display: "Cormorant Garamond", "Georgia", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-urdu: "Noto Nastaliq Urdu", serif;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px;--maxw: 640px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 40px;--space-5: 64px;--shadow-soft: 0 12px 40px rgba(74, 44, 42, .1);--shadow-lift: 0 20px 60px rgba(74, 44, 42, .16)}:root,[data-theme=rose]{--bg: #fdf6f0;--bg-soft: #fbeade;--surface: #ffffff;--surface-soft: #fff9f4;--text: #4a2c2a;--text-muted: #8a6f6b;--accent: #e0566f;--accent-soft: #f6ccd5;--accent-deep: #b23a4f;--gold: #c98a5e;--gold-soft: #f4dcc8;--border: rgba(178, 58, 79, .14)}[data-theme=blush]{--bg: #fbf0f3;--bg-soft: #f8e4ea;--surface: #ffffff;--surface-soft: #fdf6f8;--text: #47292f;--text-muted: #9a7a82;--accent: #d96c8a;--accent-soft: #f3c8d4;--accent-deep: #b34d6b;--gold: #c89a6f;--gold-soft: #f2dfca;--border: rgba(179, 77, 107, .14)}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,figure{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100vh}.app-shell{position:relative;min-height:100vh;max-width:var(--maxw);margin:0 auto;padding:0 var(--space-3);padding-top:var(--space-4);padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom))}.app-shell--story{max-width:none;padding:0;height:100vh;height:100dvh;overflow:hidden}.display{font-family:var(--font-display);font-weight:500;line-height:1.12;letter-spacing:.01em;margin:0}.display-xl{font-size:clamp(2.4rem,10vw,4rem)}.display-lg{font-size:clamp(2rem,8vw,3rem)}.display-md{font-size:clamp(1.6rem,6.5vw,2.2rem)}.urdu{font-family:var(--font-urdu);direction:rtl;line-height:2.1;unicode-bidi:isolate}.urdu-line{font-family:var(--font-urdu);direction:rtl;line-height:2.1;font-size:clamp(1.1rem,5vw,1.5rem);color:var(--accent-deep);margin:var(--space-2) 0;unicode-bidi:isolate}.muted{color:var(--text-muted)}.eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:1rem;padding:14px 26px;border-radius:999px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 10px 30px #e0566f59}.btn-primary:hover{background:var(--accent-deep);box-shadow:0 14px 34px #e0566f73}.btn-ghost{background:transparent;color:var(--accent-deep);border:1.5px solid var(--border)}.btn-ghost:hover{background:var(--accent-soft)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:var(--space-4)}.pill{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--accent-soft);color:var(--accent-deep);font-size:.8rem;font-weight:600}.field{width:100%;font-family:var(--font-body);font-size:1.05rem;padding:15px 18px;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface-soft);color:var(--text);outline:none;transition:border-color .18s ease,box-shadow .18s ease}.field:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.field::placeholder{color:var(--text-muted);opacity:.7}.stack{display:flex;flex-direction:column}.center{display:flex;flex-direction:column;align-items:center;text-align:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.hearts{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.heart-float{position:absolute;bottom:-60px;font-size:18px;opacity:.5;animation:floatUp linear infinite}@keyframes floatUp{0%{transform:translateY(0) translate(0) rotate(0) scale(1);opacity:0}12%{opacity:.55}85%{opacity:.35}to{transform:translateY(-110vh) translate(40px) rotate(20deg) scale(.8);opacity:0}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30;overflow:hidden}.confetti-piece{position:absolute;top:-20px;width:10px;height:16px;border-radius:2px;animation:confettiFall linear forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:.6}}.media-grid{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.media-grid.single{grid-template-columns:1fr}.media-grid.multi{grid-template-columns:repeat(2,1fr)}.media-item{border-radius:var(--radius-md);overflow:hidden;background:var(--surface-soft);border:1px solid var(--border)}.media-item img{display:block;width:100%;height:auto;object-fit:cover}.media-caption{font-size:.82rem;color:var(--text-muted);padding:8px 12px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.heart-float,.confetti-piece{animation-duration:.01ms!important;animation-iteration-count:1!important}}.audio-toggle{position:fixed;top:16px;right:16px;z-index:50;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.gate{min-height:calc(100dvh - var(--space-4));justify-content:center;background:radial-gradient(circle at 50% 25%,var(--accent-soft) 0%,transparent 55%)}.gate-icon{font-size:3rem;animation:pulse 2s ease-in-out infinite}.gate-form{width:100%;max-width:320px}.gate-error{color:var(--accent-deep);font-size:.9rem;margin:0;animation:shake .4s ease}.gate-hint{font-size:.85rem}.field.has-error{border-color:var(--accent)}.intro{min-height:calc(100dvh - var(--space-4));justify-content:center}.intro-body{max-width:30rem;font-size:1.05rem}.story-deck{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;overflow:hidden}.story-progress{display:flex;gap:6px;padding:calc(var(--space-2) + env(safe-area-inset-top)) 64px var(--space-2) 64px;flex-shrink:0}.story-progress-seg{height:3px;flex:1;border-radius:999px;background:var(--accent-soft);opacity:.55}.story-progress-seg.is-done,.story-progress-seg.is-current{background:var(--accent);opacity:1}.story-progress-seg.is-current{animation:pulse 1.8s ease-in-out infinite}.story-scroll{flex:1;min-height:0;overflow-y:auto;display:flex}.story-card{margin:auto;width:100%;max-width:var(--maxw);padding:var(--space-3) var(--space-3) var(--space-4)}.story-card-body{display:flex;flex-direction:column;gap:var(--space-2)}.chapter-top{display:flex;align-items:center;gap:var(--space-2)}.chapter-number{font-family:var(--font-display);font-size:1rem;color:var(--accent);letter-spacing:.1em}.chapter-icon{font-size:1.6rem}.chapter-text{color:var(--text);font-size:1.02rem}.story-footer{flex-shrink:0;padding:var(--space-2) var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom))}.story-hint{text-align:center;font-size:.8rem;color:var(--text-muted);margin:0 0 var(--space-2)}.story-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.story-nav-spacer{width:0}.finale{min-height:calc(100dvh - var(--space-4));justify-content:center}.finale-heart{font-size:3rem;animation:pulse 1.6s ease-in-out infinite}.finale-message{max-width:32rem;font-size:1.05rem}.finale-signoff{font-family:var(--font-display);font-size:1.4rem;color:var(--accent-deep);margin:var(--space-2) 0 0}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.chapter-header{display:flex;flex-direction:column;gap:var(--space-1)}.chapter-date{align-self:flex-start;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:4px 12px;border-radius:999px}.moment-body{display:flex;flex-direction:column;gap:var(--space-2)}.fun-fact{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;background:var(--gold-soft);border-radius:var(--radius-md);padding:12px 16px;font-size:.95rem}.fun-fact-label{font-weight:700;color:var(--gold);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.voice-note{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--border);background:var(--surface-soft);color:var(--text);border-radius:999px;padding:10px 16px;font-family:var(--font-body);font-size:.95rem;cursor:pointer}.heart-tap-wrap{position:fixed;top:16px;left:16px;z-index:50}.heart-tap{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);font-size:1.15rem;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.heart-tap-burst{position:absolute;top:0;left:50%;font-size:1.1rem;pointer-events:none;animation:heartPop .9s ease-out forwards}@keyframes heartPop{0%{opacity:1;transform:translate(-50%) scale(.6)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),-90px) scale(1.2)}}.letter-moment{display:flex;justify-content:center;padding:var(--space-2) 0}.letter-envelope{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);border:1.5px dashed var(--border);background:var(--surface-soft);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;font-family:var(--font-body);color:var(--text)}.letter-seal{font-size:2.6rem}.letter-hint{font-size:.9rem;color:var(--text-muted)}.letter-paper{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);font-family:var(--font-display);font-size:1.15rem;line-height:1.6;width:100%}.letter-paragraph:first-child{font-size:1.3rem;font-weight:600}.letter-paragraph:last-child{margin-top:var(--space-1);font-style:italic;color:var(--accent-deep)}.chat-thread{display:flex;flex-direction:column;gap:var(--space-2);background:var(--surface-soft);border-radius:var(--radius-lg);padding:var(--space-3)}.chat-bubble{max-width:82%;padding:10px 14px;border-radius:16px;font-size:.98rem;display:flex;flex-direction:column;gap:2px}.chat-bubble.is-me{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.chat-bubble.is-her{align-self:flex-start;background:var(--surface);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px}.chat-time{align-self:flex-end;font-size:.7rem;opacity:.75}.reel-moment{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.phone-frame{width:220px;height:360px;border-radius:32px;background:#1c1c1e;padding:10px;box-shadow:var(--shadow-lift)}.phone-screen{width:100%;height:100%;border-radius:24px;background:linear-gradient(135deg,var(--accent-deep),var(--accent));display:flex;align-items:center;justify-content:center}.reel-preview{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:#fff;text-align:center;padding:var(--space-3)}.reel-icon{font-size:2.6rem}.reel-caption{font-family:var(--font-display);font-size:1.2rem}.status-moment{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.status-ring{width:110px;height:110px;border-radius:50%;padding:5px;background:conic-gradient(var(--accent),var(--gold),var(--accent-deep),var(--accent));display:flex;align-items:center;justify-content:center}.status-avatar{width:100%;height:100%;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:2.4rem}.status-text{font-family:var(--font-display);font-size:1.4rem;color:var(--accent-deep)}.reveal-moment{display:flex;flex-direction:column;gap:var(--space-2)}.reveal-hidden{align-self:center;padding:16px 24px;border-radius:var(--radius-md);border:1.5px dashed var(--border);background:var(--surface-soft);color:var(--accent-deep);font-family:var(--font-body);font-size:1rem;cursor:pointer}.reveal-shown{text-align:center;font-family:var(--font-display);font-size:1.5rem;color:var(--accent-deep);padding:var(--space-3);background:var(--accent-soft);border-radius:var(--radius-md)}.countdown-moment{display:flex;flex-direction:column;gap:var(--space-2);align-items:center;text-align:center}.countdown{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-2) 0}.countdown-unit{display:flex;flex-direction:column;align-items:center;min-width:52px}.countdown-num{font-family:var(--font-display);font-size:2.2rem;line-height:1;color:var(--accent-deep)}.countdown-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.countdown-sep{font-family:var(--font-display);font-size:1.8rem;color:var(--accent);padding-bottom:1.4rem}.countdown-placeholder{font-family:var(--font-display);font-size:1.4rem;color:var(--accent-deep)}.media-item.is-polaroid{background:#fff;padding:10px 10px 14px;box-shadow:0 6px 20px #0000001f}.media-item.is-polaroid img{border-radius:4px}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);overflow:hidden;cursor:pointer}.loader-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,var(--accent-soft) 0%,transparent 55%);pointer-events:none;animation:fadeIn .5s ease-out both}.loader-heart{font-size:3.2rem;filter:drop-shadow(0 10px 30px rgba(224,86,111,.4));animation:heartbeat 1.3s ease-in-out infinite}.loader-ecg{width:240px;height:48px;overflow:visible}.loader-ecg polyline{stroke:var(--accent);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:ecgDraw .9s ease-out .15s forwards}.loader-name{font-family:var(--font-display);font-size:clamp(1.6rem,8vw,2.4rem);color:var(--accent-deep);text-shadow:0 0 30px var(--accent-soft);animation:fadeUp .6s ease-out .5s both}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.22)}28%{transform:scale(1)}42%{transform:scale(1.16)}70%{transform:scale(1)}}@keyframes ecgDraw{to{stroke-dashoffset:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:.7}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.loader-heart,.loader-ecg polyline,.loader-name,.loader-glow{animation:none}.loader-ecg polyline{stroke-dashoffset:0}}.gate-for{font-family:var(--font-display);font-size:clamp(1.5rem,7vw,2.2rem);color:var(--accent-deep);text-shadow:0 0 30px var(--accent-soft)}.gate-envelope{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);animation:floatY 3s ease-in-out infinite}.gate-envelope-icon{font-size:4rem;filter:drop-shadow(0 12px 24px rgba(224,86,111,.35))}.gate-envelope-icon.is-open{font-size:2.6rem}.gate-envelope-note{font-size:1rem;color:var(--text-muted);max-width:18rem;text-align:center}.typewriter-caret{display:inline-block;width:2px;height:1em;background:var(--accent);margin-left:2px;vertical-align:-2px;animation:blink .8s step-end infinite}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.chat-moment{display:flex;flex-direction:column;gap:var(--space-2)}.chat-platform{align-self:flex-start}.reset-btn{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--border);background:transparent;color:var(--text-muted);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.reset-btn:hover{background:var(--accent-soft);color:var(--accent-deep)}