:root{--bg-top:#fff6f1;--bg-mid:#f3ddd4;--bg-bottom:#e8c4b8;--ink:#4a2f2a;--ink-soft:#7a564e;--accent:#c97b6b;--accent-deep:#a85a4c;--blush:#f7ebe6;--cream:#fffaf7;--white:#fff;--shadow:0 18px 50px #4a2f2a1f;--radius:28px;--font-display:"Cormorant Garamond", Georgia, serif;--font-script:"Sacramento", cursive;--font-body:"Nunito", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);font-family:var(--font-body);background:radial-gradient(ellipse 80% 50% at 20% 10%, #ffffff8c, transparent 55%), radial-gradient(ellipse 70% 45% at 90% 20%, #c97b6b2e, transparent 50%), linear-gradient(165deg, var(--bg-top), var(--bg-mid) 48%, var(--bg-bottom));-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;margin:0}body:before{content:"";pointer-events:none;opacity:.35;z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c97b6b' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}button{font:inherit;cursor:pointer;background:0 0;border:none}img{max-width:100%;display:block}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.screen{flex-direction:column;flex:1;justify-content:center;gap:1.25rem;width:min(720px,100%);margin:0 auto;padding:clamp(1.25rem,4vw,2.5rem);display:flex}.brand-script{font-family:var(--font-script);color:var(--accent-deep);text-align:center;margin:0;font-size:clamp(2.6rem,10vw,4.2rem);line-height:1}.eyebrow{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:.72rem;font-weight:700}.together-timer{text-align:center;flex-direction:column;align-items:center;gap:.45rem;display:flex}.together-timer__caption{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:.7rem;font-weight:700}.together-timer__units{flex-wrap:wrap;justify-content:center;gap:.65rem 1rem;display:flex}.together-timer__unit{flex-direction:column;align-items:center;min-width:3.4rem;display:flex}.together-timer__value{font-family:var(--font-display);color:var(--accent-deep);font-size:clamp(1.55rem,5vw,2rem);font-weight:600;line-height:1}.together-timer__label{color:var(--ink-soft);margin-top:.2rem;font-size:.72rem;font-weight:600}.headline{font-family:var(--font-display);text-align:center;margin:0;font-size:clamp(1.85rem,6vw,2.75rem);font-weight:600;line-height:1.15}.lede{text-align:center;color:var(--ink-soft);max-width:34rem;margin:0 auto;font-size:clamp(1rem,2.8vw,1.15rem);line-height:1.65}.photo-frame{aspect-ratio:3/4;border-radius:var(--radius);width:min(100%,420px);max-height:min(58vh,560px);box-shadow:var(--shadow);background:var(--blush);margin-inline:auto;position:relative;overflow:hidden}.photo-frame img{object-fit:cover;width:100%;height:100%;display:block}.photo-frame--float{animation:5.5s ease-in-out infinite softFloat}@keyframes softFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cta{background:linear-gradient(135deg, var(--accent), var(--accent-deep));min-height:3.25rem;color:var(--white);border-radius:999px;justify-content:center;align-self:center;align-items:center;padding:.9rem 1.75rem;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 28px #a85a4c59}.cta:hover{transform:translateY(-2px);box-shadow:0 16px 32px #a85a4c6b}.cta:active{transform:translateY(0)}.cta--yes{min-width:10rem;font-size:1.15rem}.progress{text-align:center;color:var(--ink-soft);margin:0;font-size:.9rem;font-weight:600}.quiz-options{gap:.75rem;margin-top:.5rem;display:grid}.quiz-option{text-align:left;width:100%;color:var(--ink);background:#fffaf7d1;border:1.5px solid #c97b6b47;border-radius:18px;padding:1rem 1.15rem;font-weight:600;transition:background .2s,border-color .2s,transform .15s}.quiz-option:hover{border-color:var(--accent);background:var(--cream)}.quiz-option:active{transform:scale(.985)}.hint{text-align:center;color:var(--accent-deep);min-height:1.4em;margin:0;font-weight:600}.digit-overlay{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#4a2f2a8c;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.digit-card{background:var(--cream);text-align:center;width:min(420px,100%);box-shadow:var(--shadow);border-radius:32px;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.5rem 1.75rem;display:flex}.digit-value{font-family:var(--font-display);color:var(--accent-deep);margin:0;font-size:clamp(5.5rem,22vw,8rem);line-height:1}.digit-timer{width:72px;height:72px;position:relative}.digit-timer svg{width:100%;height:100%;transform:rotate(-90deg)}.digit-timer__track{fill:none;stroke:#c97b6b33;stroke-width:6px}.digit-timer__progress{fill:none;stroke:var(--accent);stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset .2s linear}.digit-timer__label{color:var(--ink);place-items:center;font-size:1.1rem;font-weight:700;display:grid;position:absolute;inset:0}.digit-note{color:var(--ink-soft);margin:0;font-size:.95rem}.digit-success{font-family:var(--font-display);color:var(--accent-deep);max-width:22rem;margin:0;font-size:clamp(1.15rem,3.8vw,1.4rem);font-weight:600;line-height:1.35}.carousel{aspect-ratio:3/4;border-radius:var(--radius);width:min(100%,400px);max-height:min(52vh,520px);box-shadow:var(--shadow);background:var(--blush);margin-inline:auto;position:relative;overflow:hidden}.carousel__slide{position:absolute;inset:0}.carousel__slide img{object-fit:cover;width:100%;height:100%}.carousel__dots{justify-content:center;gap:.45rem;margin-top:.75rem;display:flex}.carousel__dot{background:#a85a4c47;border-radius:50%;width:8px;height:8px;transition:transform .2s,background .2s}.carousel__dot.is-active{background:var(--accent-deep);transform:scale(1.25)}.love-sign{font-family:var(--font-script);text-align:center;color:var(--accent-deep);margin:.25rem 0 0;font-size:clamp(1.8rem,6vw,2.4rem)}.place-hint{text-align:center;color:var(--accent-deep);background:#fffaf7b3;border-radius:999px;max-width:28rem;margin:.5rem auto 0;padding:.75rem 1.1rem;font-weight:700}