@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Mulish:wght@400;500;600;700;800&family=Pinyon+Script&display=swap";:root{--fuchsia-50:#fbeaf3;--fuchsia-100:#f6d4e7;--fuchsia-200:#eca7cd;--fuchsia-300:#e07eb4;--fuchsia-400:#cf5497;--fuchsia-500:#b8327f;--fuchsia-600:#9b2c6b;--fuchsia-700:#7a2350;--plum-800:#4e1f3d;--plum-900:#361329;--peach-50:#fdf1e7;--peach-100:#fbe0c8;--peach-200:#f8c79c;--peach-300:#f3a96b;--orange-400:#ec8442;--orange-500:#df6a2c;--orange-600:#bd5420;--green-50:#eaf1e3;--green-100:#d6e4c9;--green-200:#aecc97;--green-300:#87b06a;--green-500:#5b8c4f;--green-600:#436b3c;--green-700:#2f4f2c;--gold-100:#f4e8c8;--gold-200:#e8d199;--gold-300:#d9b85f;--gold-400:#c9a14a;--gold-500:#ab8636;--gold-600:#8a6b29;--wood-300:#cbab86;--wood-400:#b08a5f;--wood-500:#936f44;--wood-600:#6f5232;--wood-700:#4f3a24;--cream-50:#fcf8f1;--cream-100:#f7efe1;--cream-200:#efe3cf;--cream-300:#e4d3b8;--ink-900:#2c1a23;--ink-700:#4d3640;--ink-500:#6f5a63;--ink-300:#9a8890;--white:#fffdf9;--color-primary:var(--fuchsia-500);--color-primary-strong:var(--fuchsia-600);--color-primary-soft:var(--fuchsia-100);--color-secondary:var(--green-600);--color-accent-warm:var(--orange-500);--color-accent-gold:var(--gold-400);--color-bride:var(--fuchsia-500);--color-bride-soft:var(--fuchsia-100);--color-groom:var(--green-600);--color-groom-soft:var(--green-100);--surface-page:var(--cream-50);--surface-card:var(--white);--surface-sunken:var(--cream-100);--surface-raised:var(--white);--surface-stage:var(--plum-900);--surface-stage-2:var(--plum-800);--text-strong:var(--ink-900);--text-body:var(--ink-700);--text-muted:var(--ink-500);--text-on-primary:var(--white);--text-on-stage:var(--cream-50);--text-on-stage-muted:#c7a9bd;--border:var(--cream-200);--border-strong:var(--wood-300);--hairline-gold:var(--gold-300);--focus-ring:var(--fuchsia-400);--color-success:var(--green-500);--color-warning:var(--orange-500);--color-danger:#c0392b;--font-display:"Cormorant Garamond", "Iowan Old Style", Georgia, serif;--font-script:"Pinyon Script", "Snell Roundhand", cursive;--font-sans:"Mulish", system-ui, -apple-system, "Segoe UI", sans-serif;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extra:800;--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--display-sm:clamp(1.8rem, 5vw, 2.6rem);--display-md:clamp(2.4rem, 7vw, 3.6rem);--display-lg:clamp(2.8rem, 8vw, 5rem);--display-xl:clamp(3.5rem, 11vw, 7.5rem);--leading-tight:1.08;--leading-snug:1.2;--leading-normal:1.45;--leading-relaxed:1.6;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.04em;--tracking-caps:.16em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-2xl:30px;--radius-pill:999px;--border-width:1px;--border-width-thick:2px;--shadow-xs:0 1px 2px #2c1a230f;--shadow-sm:0 2px 8px #2c1a2314;--shadow-md:0 8px 24px #2c1a231a;--shadow-lg:0 18px 48px #2c1a2324;--shadow-glow-bride:0 0 0 2px var(--fuchsia-400) inset;--shadow-glow-groom:0 0 0 2px var(--green-500) inset;--layout-mobile-max:480px;--layout-content-max:720px;--layout-gutter:1.25rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--dur-press:90ms;--dur-fast:.16s;--dur-base:.26s;--dur-reveal:.9s}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--surface-page);color:var(--text-body);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--text-strong);margin:0}.kl-eyebrow{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}.kl-script{font-family:var(--font-script);color:var(--color-primary);font-weight:400;line-height:1}.kl-ornament{justify-content:center;align-items:center;gap:var(--space-3);color:var(--gold-400);display:flex}.kl-ornament:before,.kl-ornament:after{content:"";background:linear-gradient(90deg, transparent, var(--hairline-gold));width:clamp(28px,12vw,90px);height:1px}.kl-ornament:after{background:linear-gradient(90deg, var(--hairline-gold), transparent)}.kl-ornament__mark{letter-spacing:.3em;font-size:.7em}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}html,body,#root{height:100%}.screen{min-height:100dvh;padding:var(--space-8) var(--layout-gutter) calc(var(--space-8) + env(safe-area-inset-bottom));gap:var(--space-6);max-width:var(--layout-mobile-max);background:radial-gradient(120% 55% at 50% -10%, var(--fuchsia-50), transparent 60%), var(--surface-page);flex-direction:column;margin:0 auto;display:flex}.center{text-align:center;justify-content:center;align-items:center}.muted{color:var(--text-muted)}.error{color:var(--color-danger);font-size:var(--text-sm)}.screen.stage{width:100%;max-width:none;color:var(--text-on-stage);background:radial-gradient(140% 90% at 50% 0%, var(--plum-800), transparent 70%), radial-gradient(80% 60% at 50% 120%, color-mix(in srgb, var(--fuchsia-700) 40%, transparent), transparent 70%), var(--surface-stage);gap:clamp(1.25rem,4vh,2.5rem);position:relative}.screen.stage:after{content:"";border:1px solid color-mix(in srgb, var(--gold-400) 32%, transparent);border-radius:var(--radius-md);pointer-events:none;position:fixed;inset:clamp(10px,2vw,22px)}.screen.stage .muted{color:var(--text-on-stage-muted)}.question{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:clamp(1.8rem,6vw,2.6rem);line-height:var(--leading-tight);text-wrap:balance;color:var(--text-strong)}.question.big{max-width:min(30ch,92vw);color:var(--text-on-stage);font-size:clamp(2rem,5.2vw,4.4rem)}.message{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:clamp(1.8rem,7vw,3rem);line-height:var(--leading-snug);text-wrap:balance;color:var(--text-strong)}.message.big{letter-spacing:var(--tracking-tight);color:var(--text-on-stage);font-size:clamp(3rem,8vw,6.5rem)}.progress,.counter{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}.screen.stage .counter{color:var(--text-on-stage-muted)}.stage-couple{font-family:var(--font-script);color:var(--gold-300);margin:0;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:400;line-height:1}button{font:inherit;font-family:var(--font-sans);font-weight:var(--weight-bold);cursor:pointer;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-card);color:var(--color-primary-strong);font-size:var(--text-base);box-shadow:var(--shadow-xs);transition:transform var(--dur-press) var(--ease-soft), filter var(--dur-fast) var(--ease-soft), background var(--dur-fast), border-color var(--dur-fast);padding:.95rem 1.25rem}button:hover:not(:disabled){filter:brightness(.99)}button:active:not(:disabled){transform:scale(.975)}button:disabled{opacity:.45;cursor:not-allowed}.next,button[type=submit]{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-on-primary);font-size:var(--text-lg);box-shadow:var(--shadow-sm);margin-top:auto}.next:hover:not(:disabled),button[type=submit]:hover:not(:disabled){filter:brightness(1.04)}.choices{gap:var(--space-4);flex-direction:column;display:flex}.choice{align-items:center;gap:var(--space-4);text-align:left;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface-card);width:100%;box-shadow:var(--shadow-xs);color:var(--text-strong);--team:var(--color-primary);--team-soft:var(--color-primary-soft);padding:1.3rem 1.4rem;display:flex;position:relative}.choice-label{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.choice-name{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-2xl);line-height:1.05}.choice-role{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}.choice.bride{--team:var(--color-bride);--team-soft:var(--color-bride-soft)}.choice.groom{--team:var(--color-groom);--team-soft:var(--color-groom-soft)}.choice:before{border-radius:var(--radius-pill);width:3rem;height:3rem;font-family:var(--font-sans);color:var(--team);background:var(--team-soft);transition:background var(--dur-fast), color var(--dur-fast);flex:none;place-items:center;font-size:1.4rem;display:grid}.choice.bride:before{content:"❀"}.choice.groom:before{content:"❦"}.choice:after{content:"";border-radius:var(--radius-pill);width:1.6rem;height:1.6rem;font-family:var(--font-sans);color:var(--white);border:2px solid var(--border-strong);transition:background var(--dur-fast), border-color var(--dur-fast);flex:none;place-items:center;margin-left:auto;font-size:1rem;display:grid}.choice.selected{background:var(--team-soft);border-color:var(--team);box-shadow:0 0 0 2px var(--team) inset, var(--shadow-sm)}.choice.selected .choice-name{color:var(--team)}.choice.selected:before{background:var(--team);color:var(--white)}.choice.selected:after{content:"✓";background:var(--team);border-color:var(--team)}.card{gap:var(--space-4);background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:360px;box-shadow:var(--shadow-md);padding:var(--space-8);flex-direction:column;display:flex}.card h1{font-size:var(--text-2xl);text-align:center}input{font:inherit;font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-strong);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-card);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);outline:none;padding:.85rem 1rem}input:focus{border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus-ring) 25%, transparent)}.control{text-align:left}.control h1{font-size:var(--text-2xl)}.status{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-5);gap:var(--space-2);font-size:var(--text-lg);flex-direction:column;display:flex}.status strong{color:var(--color-primary-strong)}.current-q{font-size:var(--text-base)}.button-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.full-width{grid-column:1/-1}.button-grid .full-width{background:var(--color-accent-gold);border-color:var(--gold-500);color:var(--ink-900)}.warning{background:var(--color-warning);border-color:var(--orange-600);color:var(--white)}.danger{background:var(--surface-card);border-color:var(--color-danger);color:var(--color-danger)}.reveal-card{flex-direction:column;align-items:center;gap:clamp(1rem,3.5vh,2rem);width:100%;display:flex}.reveal-rows{gap:var(--space-3);font-family:var(--font-display);flex-direction:column;font-size:clamp(1.4rem,5vw,2rem);display:flex}.reveal-row{gap:var(--space-3);justify-content:center;align-items:baseline;display:flex}.reveal-value{color:var(--gold-300);font-weight:var(--weight-bold)}.audience{gap:var(--space-3);flex-direction:column;width:min(620px,90%);display:flex}.bar-row{align-items:center;gap:var(--space-3);font-size:var(--text-base);grid-template-columns:minmax(5rem,auto) 1fr 3.4rem;display:grid}.bar-label{font-weight:var(--weight-semibold)}.bar-track{border-radius:var(--radius-pill);background:#ffffff1f;height:.9rem;overflow:hidden}.bar-fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--fuchsia-400), var(--fuchsia-600));height:100%;transition:width var(--dur-reveal) var(--ease-out);display:block}.bar-fill.groom{background:linear-gradient(90deg, var(--green-300), var(--green-600))}.bar-pct{text-align:right;font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-xl);color:var(--gold-300)}.stage-eyebrow{color:var(--text-on-stage-muted)}.theme-toggle{grid-column:1/-1}.screen.stage.light{color:var(--text-body);background:radial-gradient(120% 55% at 50% -8%, var(--fuchsia-50), transparent 60%), var(--surface-page)}.screen.stage.light:after{border-color:color-mix(in srgb, var(--gold-500) 40%, transparent)}.screen.stage.light .question.big,.screen.stage.light .message.big{color:var(--text-strong)}.screen.stage.light .counter,.screen.stage.light .muted,.screen.stage.light .stage-eyebrow{color:var(--text-muted)}.screen.stage.light .stage-couple,.screen.stage.light .reveal-value,.screen.stage.light .bar-pct{color:var(--gold-600)}.screen.stage.light .bar-track{background:var(--surface-sunken)}