:root{color-scheme:dark;--color-bg: #140c1c;--color-bg-elevated: #1a1026;--color-surface: rgba(34, 20, 46, .72);--color-surface-strong: rgba(44, 26, 60, .92);--color-text: #f8f4ff;--color-muted: #c9bbda;--color-accent: #a675ff;--color-accent-strong: #f3a1d9;--color-accent-soft: rgba(166, 117, 255, .22);--color-border: rgba(255, 255, 255, .12);--shadow-soft: 0 20px 50px rgba(7, 3, 12, .5);--shadow-card: 0 18px 40px rgba(12, 6, 18, .55);--shadow-glow: 0 0 45px rgba(166, 117, 255, .35);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--max-width: 1100px;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-display: var(--font-body);--transition-fast: .16s ease;--transition-medium: .32s ease;--transition-slow: .6s ease}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}body[data-reduced-motion=true]{scroll-behavior:auto}img,video{max-width:100%;display:block}button{font-family:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.page{position:relative;z-index:2}.step-frame{height:100vh;width:100%;max-width:var(--max-width);margin:0 auto;padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);position:relative;z-index:2;overflow:hidden}.step-content{display:flex;flex-direction:column;gap:var(--space-4)}.step-header h2{margin:0}.step-nav{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2);padding-bottom:env(safe-area-inset-bottom,0px)}.step-indicator{font-size:.85rem;color:var(--color-muted)}.skip-dot{position:fixed;left:14px;top:14px;width:12px;height:12px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:var(--color-accent-strong);opacity:.5;cursor:pointer;box-shadow:0 0 12px #a675ff66;z-index:10;padding:0}.skip-dot:hover{opacity:.85}.hearts-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.7}.link-button{background:none;border:none;color:var(--color-muted);font-size:.85rem;text-decoration:underline;cursor:pointer}.locked-card{max-width:720px;margin:0 auto;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-6);text-align:center}.section-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5)}.section-eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.95rem;font-weight:600;color:var(--color-muted);margin:0 0 var(--space-2) 0}.hero{min-height:auto;padding:0;display:flex;align-items:center;position:relative}.hero-content{max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5);position:relative;z-index:2}.hero h1{font-size:clamp(2.6rem,6vw,4.6rem);line-height:1.1;margin:0;font-family:var(--font-display);letter-spacing:-.02em}.hero-name{color:var(--color-accent);text-shadow:var(--shadow-glow)}.hero-eyebrow{font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;margin:0;color:var(--color-muted)}.hero-subtext{font-size:1.05rem;color:var(--color-muted);max-width:620px;margin:0}.hero-note{font-size:clamp(1.4rem,4vw,2.6rem);letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent-strong);font-weight:600;margin:0;line-height:1.15}.hero-actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.hero-sign{font-size:.95rem;color:var(--color-muted)}.hero-glow{position:absolute;inset:auto 10% 12% 10%;height:40vh;background:radial-gradient(circle at center,rgba(166,117,255,.25),transparent 70%);filter:blur(20px);z-index:1;pointer-events:none}.countdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--space-3);font-variant-numeric:tabular-nums}.countdown-pill{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:var(--space-3) var(--space-4);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-card)}.countdown-value{font-size:1.6rem;font-weight:600;display:block}.countdown-label{font-size:.75rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.16em}.btn{border:1px solid transparent;border-radius:var(--radius-pill);padding:.85rem 1.6rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-medium);background:transparent;color:inherit}.btn-primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-strong));color:#1b1024;box-shadow:0 14px 30px #a675ff59}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 40px #f3a1d966}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-ghost{border:1px solid var(--color-border);background:#ffffff0a;color:var(--color-text)}.btn-ghost:hover{border-color:#f2c76e99;box-shadow:var(--shadow-glow)}.btn.is-pressing{transform:scale(.97)}.video-reveal{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.video-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-strong);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);aspect-ratio:16 / 9}.video-element{width:100%;height:100%;object-fit:cover;border-radius:inherit}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);background:linear-gradient(180deg,#08090d33,#08090da6);color:var(--color-text);border:none;cursor:pointer;transition:opacity var(--transition-medium),transform var(--transition-medium)}.video-overlay.is-hidden{opacity:0;pointer-events:none;transform:scale(1.02)}.play-ring{width:76px;height:76px;border-radius:50%;border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-glow)}.play-icon{font-size:2rem}.play-text{font-size:.9rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-muted)}.video-fallback{position:absolute;left:var(--space-4);right:var(--space-4);bottom:var(--space-4);background:#0a0c12bf;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);font-size:.9rem}.video-caption{margin:0;font-size:.95rem;color:var(--color-muted)}.unlock-card{max-width:780px;margin:0 auto;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-6);box-shadow:var(--shadow-soft);text-align:center;display:flex;flex-direction:column;gap:var(--space-4)}.unlock-header h2{margin:0}.unlock-header p{margin:0;color:var(--color-muted)}.lock-visual{position:relative;width:120px;height:140px;margin:0 auto}.lock-body{width:100%;height:90px;background:linear-gradient(180deg,#a675ffe6,#5e42aae6);border-radius:18px;position:absolute;bottom:0;z-index:1;box-shadow:inset 0 8px 16px #fff3,var(--shadow-glow)}.lock-shackle{position:absolute;top:0;left:25px;width:70px;height:60px;border:8px solid rgba(166,117,255,.9);border-bottom:none;border-radius:50px 50px 0 0;transition:transform var(--transition-medium);transform-origin:center bottom;z-index:2}.lock-visual.is-open .lock-shackle{transform:translateY(-18px)}.lock-glow{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 70%);filter:blur(10px);opacity:.7}.letter-card{max-width:820px;margin:0 auto;background:#ffffff0d;border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-5);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.letter-card h2{margin-top:0}.letter-text{font-size:1rem;color:var(--color-text)}.letter-sign{margin-top:var(--space-4);color:var(--color-muted)}.notes-deck{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3)}.dates-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.date-card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-3);border:1px solid var(--color-border);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-2)}.date-date{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--color-accent-strong);margin:0}.date-title{margin:0;font-size:1rem}.date-text{margin:0;color:var(--color-muted);font-size:.85rem}.polaroids{max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.polaroid-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4)}.polaroid-card{background:#f5effb;color:#22162d;border-radius:18px;padding:var(--space-4);width:100%;box-shadow:0 20px 35px #0a0c1259;transform:rotate(var(--rotation))}.polaroid-photo{border-radius:12px;overflow:hidden;background:#d9cbe8}.polaroid-photo img{width:100%;height:240px;object-fit:cover}.polaroid-text h3{margin:var(--space-3) 0 var(--space-1)}.polaroid-text p{margin:0;font-size:.9rem}.mini-quiz{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.quiz-progress{color:var(--color-muted);font-size:.9rem}.quiz-card,.quiz-result{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.quiz-card h3{margin-top:0}.quiz-options{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.quiz-options.is-love{position:relative;min-height:150px}.quiz-option{width:100%;display:flex;align-items:center;justify-content:center}.quiz-option.is-correct{background:#73e89f33;border-color:#73e89f99;color:#eafff1}.quiz-option.is-wrong{background:#ff727233;border-color:#ff727299;color:#ffecec}.quiz-no{position:absolute;width:auto}.quiz-next{margin-top:var(--space-4)}.footer{padding:var(--space-4) 0;border-top:none;display:flex;flex-direction:column;gap:var(--space-4);max-width:var(--max-width);margin:0 auto}.footer-main{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.footer-instructions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3);color:var(--color-muted)}.fireworks-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(circle at top left,rgba(126,92,208,.25),transparent 55%),radial-gradient(circle at bottom right,rgba(243,161,217,.2),transparent 55%),linear-gradient(160deg,#140c1c,#1a1026 45%,#140c1c)}.ambient-blob{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(166,117,255,.25),transparent 65%);filter:blur(30px);opacity:.8;animation:float 18s ease-in-out infinite}.blob-one{top:-120px;left:-60px}.blob-two{bottom:-160px;right:-80px;animation-delay:-6s}.blob-three{top:20%;right:20%;width:320px;height:320px;animation-delay:-10s}.ambient-bg.is-static .ambient-blob{animation:none}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.05)}}@media (min-width: 900px){.hero-content{gap:var(--space-6)}.countdown{grid-template-columns:repeat(4,minmax(140px,1fr))}}@media (max-width: 900px){.dates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.dates-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (max-width: 600px){.step-frame{padding:var(--space-5) var(--space-4)}.unlock-card{padding:var(--space-5)}.hero-actions{align-items:flex-start}.hero-actions .btn,.quiz-result .btn{width:100%;text-align:center}.polaroid-photo img{height:200px}.letter-text{font-size:.95rem}}body[data-reduced-motion=true] .video-overlay,body[data-reduced-motion=true] .btn,body[data-reduced-motion=true] .ambient-blob{transition:none}