:root{--bg:#070b1f;--surface:#141e508c;--text:#eef2ff;--muted:#9aa7d6;--electric:#2f6bff;--electric-glow:#2f6bff8c;--pink:#ff7eb6;--polaroid:#fdfbf7}*{box-sizing:border-box;margin:0}body{background:radial-gradient(ellipse at 50% -10%, #2f6bff59, transparent 60%), radial-gradient(ellipse at 100% 100%, #ff7eb61f, transparent 50%), var(--bg);background-color:var(--bg);min-height:100dvh;color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.5}.page{flex-direction:column;gap:40px;max-width:560px;margin:0 auto;padding:40px 16px 64px;display:flex}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.8rem}.hero{text-align:center}.couple{width:160px;height:auto;margin:0 auto 16px;display:block}h1{margin:8px 0 24px;font-family:Fraunces,Georgia,serif;font-size:clamp(2rem,8vw,2.75rem);font-weight:600}.counter{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.unit{background:var(--surface);border:1px solid #2f6bff73;border-radius:16px;flex-direction:column;align-items:center;padding:14px 4px 10px;display:flex;box-shadow:0 0 18px #2f6bff40}.unit span{font-variant-numeric:tabular-nums;color:#8fb0ff;text-shadow:0 0 6px var(--electric-glow), 0 0 16px var(--electric);font-family:Fraunces,Georgia,serif;font-size:clamp(1.4rem,6vw,2rem)}.unit small{color:var(--muted);font-size:.75rem}.reason{background:var(--surface);text-align:center;border:1px solid #2f6bff59;border-radius:24px;padding:32px 24px;animation:.8s ease-out both appear;box-shadow:0 0 40px #2f6bff2e}.polaroid{background:var(--polaroid);border-radius:4px;max-width:300px;margin:0 auto 28px;padding:12px 12px 44px;transform:rotate(-2.5deg);box-shadow:0 14px 30px #00000073,0 0 24px #2f6bff40}.polaroid img{aspect-ratio:1;object-fit:cover;background:#ddd;width:100%;display:block}.reason .eyebrow{color:var(--pink)}.reason blockquote{margin:16px 0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.3rem,5.5vw,1.6rem);font-style:italic;line-height:1.35}.reason-meta{color:var(--muted);font-size:.85rem}@keyframes appear{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.reason{animation:none}}.icon-button{color:#8fb0ff;filter:drop-shadow(0 0 4px var(--electric-glow)) drop-shadow(0 0 10px var(--electric));cursor:pointer;z-index:10;background:0 0;border:none;padding:8px;transition:transform .2s,color .2s,filter .2s;position:fixed;top:16px}.icon-button:hover,.icon-button:focus-visible{color:#d6e2ff;filter:drop-shadow(0 0 6px var(--electric-glow)) drop-shadow(0 0 18px var(--electric));transform:translateY(-2px)}.icon-button svg{display:block;overflow:visible}.ow-toggle{z-index:30;left:16px}.ow-toggle:hover,.ow-toggle:focus-visible{transform:translateY(-2px)rotate(-6deg)}.miss-toggle{right:16px}.miss-toggle .icon-stop,.miss-toggle.playing .icon-play{display:none}.miss-toggle.playing .icon-stop{display:block}.miss-toggle.playing{animation:1.6s ease-in-out infinite glow}@keyframes glow{50%{filter:drop-shadow(0 0 8px var(--electric-glow)) drop-shadow(0 0 22px var(--electric))}}.ow-flap{transform-origin:12px 6px;transition:transform .2s}.ow-toggle:hover .ow-flap,.ow-toggle[aria-expanded=true] .ow-flap{transform:scaleY(-1)}.ow-sheet{opacity:0;pointer-events:none;z-index:20;background:#03061459;transition:opacity .25s;position:fixed;inset:0}.ow-sheet.open{opacity:1;pointer-events:auto}.ow-panel{transform-origin:12px -20px;opacity:0;background:#0d1436;border:1px solid #2f6bff73;border-radius:6px 24px 24px;width:min(380px,100vw - 32px);max-height:calc(100dvh - 88px);padding:20px 16px 24px;transition:transform .3s cubic-bezier(.2,.9,.3,1.15),opacity .2s;position:absolute;top:68px;left:16px;overflow-y:auto;transform:scale(.4);box-shadow:0 10px 40px #2f6bff4d}.ow-sheet.open .ow-panel{opacity:1;transform:scale(1)}@media (width<=640px){.ow-panel{width:auto;right:16px}}.ow-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ow-header h2{font-family:Fraunces,Georgia,serif;font-size:1.5rem;font-weight:600}.ow-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:8px;font-size:1.2rem}.ow-list{grid-template-columns:repeat(2,1fr);gap:12px;padding:0;list-style:none;display:grid}.ow-card{background:var(--surface);text-align:center;border:1px solid #2f6bff4d;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;display:flex}.ow-thumb{border:2px solid var(--electric);background:#2f6bff2e;border-radius:50%;place-items:center;width:72px;height:72px;font-size:2.2rem;display:grid;overflow:hidden}.ow-thumb img{object-fit:cover;width:100%;height:100%}.ow-title{flex:1;font-size:.9rem;line-height:1.3}.ow-play{background:var(--electric);color:#fff;width:40px;height:40px;box-shadow:0 0 14px var(--electric-glow);cursor:pointer;border:none;border-radius:50%;font-size:.95rem}.ow-play:disabled{opacity:.35;cursor:default}@media (prefers-reduced-motion:reduce){.miss-toggle.playing{animation:none}.icon-button,.ow-flap,.ow-sheet,.ow-panel{transition:none}}
