.stage{position:fixed;inset:0;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-size:1.0625rem;line-height:1.65}.stage .wash{position:absolute;pointer-events:none}.stage .wash.warm{inset:-22% 28% 28% -22%;background-image:radial-gradient(ellipse 60% 55% at 42% 45%,var(--color-peach-300) 0%,color-mix(in srgb,var(--color-peach-300) 45%,transparent) 50%,transparent 72%)}.stage .wash.cool{inset:36% -24% -24% 34%;background-image:radial-gradient(ellipse 60% 55% at 55% 55%,color-mix(in srgb,var(--color-blue-100) 70%,transparent) 0%,color-mix(in srgb,var(--color-blue-100) 35%,transparent) 50%,transparent 72%)}.stage .bloom{position:absolute;pointer-events:none;top:-14%;right:-8%;width:44vw;height:44vw;background-image:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--color-coral-300) 38%,transparent) 0%,color-mix(in srgb,var(--color-coral-300) 16%,transparent) 45%,transparent 70%);animation:vote-bloom 26s ease-in-out infinite alternate}@keyframes vote-bloom{0%{transform:scale(1) translateY(0)}to{transform:scale(1.12) translateY(2rem)}}.geno-wrap{inset:0;color:var(--color-blue-500)}.stage .grain{position:absolute;inset:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@media(prefers-reduced-motion:reduce){.stage .bloom{animation:none}}.stage .progress{position:absolute;top:0;left:0;right:0;height:3px;z-index:5;background:color-mix(in srgb,var(--color-line) 40%,transparent);opacity:0;transition:opacity .3s}.stage .progress.on{opacity:1}.stage .progress i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(to right,var(--color-coral-300),var(--color-accent));border-radius:0 var(--radius-full) var(--radius-full) 0;transition:width .45s cubic-bezier(.22,.8,.35,1)}.stage-head{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:baseline;padding:1.5rem clamp(1.2rem,4vw,2.6rem) 0}.stage .wordmark{font-family:var(--font-display);font-weight:700;font-size:1.2rem;color:var(--color-blue-500);letter-spacing:.04em}.stage .open-until{font-size:.85rem;font-weight:600;color:var(--color-ink-soft)}.stage .open-until:before{content:"";display:inline-block;width:.5em;height:.5em;border-radius:50%;background:var(--color-coral-300);margin-right:.55em;vertical-align:.08em}.stage-foot{position:relative;z-index:2;text-align:center;padding:.7rem 1.5rem 1.2rem;font-size:.8rem;color:var(--color-muted)}.field-area{position:relative;z-index:2;display:grid;place-items:center;min-height:0;padding:0 clamp(1.2rem,5vw,3rem)}.stage .relief{position:absolute;pointer-events:none;inset:-10% 2%;background-image:radial-gradient(ellipse 64% 70% at 50% 50%,rgb(255 255 255 / .98) 0%,rgb(255 255 255 / .93) 50%,rgb(255 255 255 / .55) 68%,transparent 82%)}.invite-logo{position:absolute;pointer-events:none;top:50%;left:calc(50% - min(360px,50%));transform:translate(-40%,-50%);width:clamp(380px,42vw,540px);height:auto;opacity:0;transition:opacity .5s ease-out;-webkit-mask-image:linear-gradient(to right,rgb(0 0 0 / .2) 0%,rgb(0 0 0 / .2) 46%,transparent 70%);mask-image:linear-gradient(to right,rgb(0 0 0 / .2) 0%,rgb(0 0 0 / .2) 46%,transparent 70%)}.invite-logo.show{opacity:1}.stage .column{position:relative;width:min(720px,100%);height:min(720px,100%);display:flex;flex-direction:column}.column-bar{display:flex;justify-content:space-between;align-items:center;min-height:2.4rem;padding:0 .2rem}.stage button.back{font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--color-ink-soft);background:none;border:0;cursor:pointer;padding:.35rem .7rem;border-radius:var(--radius-full);visibility:hidden}.stage button.back.show{visibility:visible}.stage button.back:hover{background:#ffffffb3}.stage .count{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.1em;color:var(--color-muted);visibility:hidden}.stage .count.show{visibility:visible}.stage .steps{position:relative;flex:1;min-height:0}.stage .step{position:absolute;inset:0;padding:.6rem .2rem 1.4rem;overflow-y:auto;overflow-x:hidden;display:none;flex-direction:column;justify-content:flex-start;opacity:0;transform:translateY(16px)}.stage .step:before,.stage .step:after{content:"";flex:1 1 0;min-height:0}.stage .step.active{display:flex;opacity:1;transform:none;transition:opacity .34s ease-out,transform .34s ease-out}.stage .step::-webkit-scrollbar{width:6px}.stage .step::-webkit-scrollbar-thumb{background:var(--color-line);border-radius:var(--radius-full)}.stage .step::-webkit-scrollbar-track{background:transparent}@media(prefers-reduced-motion:reduce){.stage .step.active{transition:none}}.stage .eyebrow{font-family:var(--font-display);font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);display:block;margin-bottom:1.1rem}.stage .step h1{font-family:var(--font-display);font-weight:700;font-size:clamp(1.8rem,4.8vw,2.7rem);line-height:1.14;margin-bottom:1.1rem}.stage .step h2.q{font-family:var(--font-display);font-weight:600;font-size:clamp(1.35rem,3.5vw,1.75rem);line-height:1.25;margin-bottom:.5rem}.stage .lead{font-size:1.1rem;color:var(--color-ink-soft);max-width:54ch}.stage .helper{font-size:.95rem;color:var(--color-muted);max-width:52ch;margin-bottom:1.4rem}.stage .opt{font-weight:400;color:var(--color-muted);font-size:.95rem}.stage .step.invite{align-items:flex-start}.stage .greeting{font-family:var(--font-display);font-weight:700;font-size:clamp(1.9rem,4.8vw,2.6rem);line-height:1.2;margin-bottom:1rem}.stage .step.invite .lead{font-size:1.14rem}.stage .with-portrait{display:grid;grid-template-columns:1fr auto;gap:clamp(1.4rem,4vw,3rem);align-items:center}.stage .portrait{position:relative;width:clamp(140px,18vw,210px);aspect-ratio:5 / 6;flex:none}.stage .portrait img{width:100%;height:100%;object-fit:cover;display:block;border-radius:54% 46% 50% 50%/47% 55% 45% 53%}.stage .portrait:before{content:"";position:absolute;inset:-12px;transform:translate(9px,7px) rotate(4deg);border:1.5px solid var(--color-coral-300);border-radius:46% 54% 52% 48%/55% 46% 54% 45%}.stage .portrait.small{width:96px;aspect-ratio:1}.stage .portrait.small img{border-radius:46% 54% 52% 48%/55% 46% 54% 45%}.stage .portrait.small:before{inset:-9px;transform:translate(6px,5px) rotate(-5deg);border-radius:54% 46% 50% 50%/47% 55% 45% 53%}@media(max-width:560px){.stage .with-portrait{grid-template-columns:1fr}.stage .with-portrait .portrait{order:-1;width:120px}}.stage .salutation{font-family:var(--font-serif);font-style:italic;color:var(--color-ink-soft);margin-bottom:.9rem;font-size:1.12rem}.stage .letter-body{font-family:var(--font-serif);font-size:1.22rem;line-height:1.66;max-width:54ch}.stage .sig{margin-top:1.2rem;font-family:var(--font-serif);font-style:italic;font-size:1.35rem}.stage .sig small{display:block;font-family:var(--font-body);font-style:normal;font-size:.82rem;color:var(--color-muted);margin-top:.15rem}.stage input[type=text],.stage input[type=email],.stage textarea{width:100%;max-width:26rem;font-family:var(--font-body);font-size:1.05rem;color:var(--color-ink);height:var(--control-h);padding:0 var(--control-px);border:1.5px solid var(--color-line);border-radius:var(--control-radius);background:#ffffffd9}.stage textarea{max-width:100%;height:auto;min-height:6.5rem;padding:.8rem var(--control-px);resize:vertical}.stage input:focus-visible,.stage textarea:focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:var(--color-accent);background:#fff}.stage label.txt{display:block;font-family:var(--font-display);font-weight:600;font-size:.92rem;margin:1.2rem 0 .4rem}.stage label.txt:first-of-type{margin-top:0}.stage .helper.after{margin:.5rem 0 0;font-size:.92rem}.stage .choices{display:flex;flex-wrap:wrap;gap:.6rem}.stage .choices.stack{flex-direction:column;gap:.45rem;max-width:30rem}.stage .choice{display:flex;align-items:baseline;gap:.65rem;border:1.5px solid var(--color-line);border-radius:var(--control-radius);padding:.72rem 1.1rem;cursor:pointer;background:#ffffffd9;font-size:1rem;transition:border-color .15s,background .15s}.stage .choice:hover{border-color:var(--color-blue-300);background:#fff}.stage .choice:focus-within{box-shadow:var(--focus-ring);border-color:var(--color-accent)}.stage .choice input{accent-color:var(--color-red-500);transform:translateY(1px)}.stage .choice:has(input:checked){background:var(--color-peach-300);border-color:var(--color-coral-300)}.stage .choice.late{opacity:.55}.stage .choice.late:hover,.stage .choice.late:has(input:checked){opacity:1}.stage .choice .time{color:var(--color-ink-soft);font-size:.9rem;white-space:nowrap}.stage .tz-row{font-size:.92rem;color:var(--color-muted);margin-top:1.1rem}.stage .tz-row select{font-family:var(--font-body);font-size:.92rem;color:var(--color-ink);padding:.35rem .6rem;margin-left:.3rem;border:1.5px solid var(--color-line);border-radius:10px;background:#ffffffd9;max-width:16rem}.stage .tz-row select:focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:var(--color-accent)}.stage .tz-note{font-size:.88rem;color:var(--color-muted);margin-top:.6rem;max-width:52ch}.stage .pair-note{margin-top:1rem;font-size:.93rem;color:var(--color-ink-soft);font-weight:500}.stage .pair-note:before{content:"";display:inline-block;width:.45em;height:.45em;border-radius:50%;background:var(--color-coral-300);margin-right:.55em;vertical-align:.1em}.stage .consent-label{display:flex;gap:.8rem;align-items:flex-start;cursor:pointer;max-width:52ch}.stage .consent-label input{accent-color:var(--color-red-500);margin-top:.32rem;width:1.1rem;height:1.1rem;flex:none}.stage .consent-label .fine{display:block;font-size:.9rem;color:var(--color-muted);margin-top:.2rem}.stage .err{color:var(--color-accent-hover);font-size:.93rem;margin-top:.7rem;display:none}.stage .err.show{display:block}.stage .nav{margin-top:1.7rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.stage button.next,.stage a.next{font-family:var(--font-display);font-weight:700;font-size:.98rem;color:var(--color-inverse);background:var(--color-accent);border:0;border-radius:var(--radius-full);padding:.85rem 2.2rem;cursor:pointer;transition:background .15s,transform .15s,border-color .15s,color .15s}.stage button.next:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.stage button.next:focus-visible{outline:none;box-shadow:var(--focus-ring)}.stage button.next.big{font-size:1.08rem;padding:1rem 2.8rem;box-shadow:var(--shadow-glow-red)}.stage a.next{text-decoration:none;display:inline-block}.stage .next.secondary{background:transparent;color:var(--color-ink-soft);border:1.5px solid var(--color-line-strong);box-shadow:none}.stage .next.secondary:hover{background:#ffffffb3;border-color:var(--color-accent);color:var(--color-accent)}.stage .nav.sub{margin-top:2.6rem;justify-content:center;align-self:stretch;width:100%}.stage .enter-hint{font-size:.82rem;color:var(--color-muted)}.stage .micro{margin-top:.9rem;font-size:.9rem;color:var(--color-muted)}.stage .step.done .glow{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(ellipse 80% 75% at 50% 46%,var(--color-peach-300) 0%,color-mix(in srgb,var(--color-peach-300) 50%,transparent) 55%,transparent 80%)}.stage .step.done h1{font-size:clamp(1.6rem,4vw,2.1rem)}.stage .step.done .slotline{font-weight:600;margin-bottom:1rem}.stage .step.done p.body{max-width:52ch}@media(max-width:640px){.stage{display:block;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:.98rem;line-height:1.55}.stage>.wash,.stage>.bloom,.stage>.geno-wrap,.stage>.grain{position:fixed}.field-area{display:block}.stage .column{height:auto}.stage .steps{position:static}.stage .step{position:relative;overflow:visible}.stage .step:not(.active){display:none}.stage .step:before,.stage .step:after{content:none}.stage-head{padding:.7rem 1.6rem 0}.stage .wordmark{font-size:.95rem}.stage .open-until{font-size:.68rem}.field-area{padding:0 1.7rem}.stage .relief{inset:0 -6% -4%;background-image:radial-gradient(ellipse 82% 78% at 50% 48%,rgb(255 255 255 / .94) 0%,rgb(255 255 255 / .88) 46%,rgb(255 255 255 / .55) 72%,transparent 90%)}.stage .column{height:100%}.column-bar{min-height:1.8rem}.stage .step{padding:.3rem .1rem .5rem}.stage .lead,.stage .step.invite .lead{font-size:.98rem;line-height:1.55}.stage .step.invite .lead+.lead{margin-top:.65rem!important}.stage .step.invite{padding-top:9.5rem}.stage .step.invite:before,.stage .step.invite:after{content:none}.stage .letter-body{font-size:1.12rem}.stage .helper{font-size:.93rem}.stage .greeting{margin-bottom:.6rem;font-size:1.5rem}.stage button.next.big{padding:.8rem 2.4rem}.stage .eyebrow{font-size:.65rem;letter-spacing:.12em;margin-bottom:1.4rem}.invite-logo{width:min(430px,116vw);top:0;transform:translate(-26%,6%);opacity:0;-webkit-mask-image:linear-gradient(to right,rgb(0 0 0 / .3) 0%,rgb(0 0 0 / .3) 38%,transparent 64%),linear-gradient(to bottom,black 55%,transparent 92%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,rgb(0 0 0 / .3) 0%,rgb(0 0 0 / .3) 38%,transparent 64%),linear-gradient(to bottom,black 55%,transparent 92%);mask-composite:intersect}.invite-logo.show{opacity:1}.stage .tz-row select{max-width:100%}.stage .nav{margin-top:1.1rem;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.45rem}.stage .nav{align-self:stretch}.stage .nav.sub{margin-top:1.4rem}.stage .nav .enter-hint,.stage .micro{text-align:center}.stage .nav button.next,.stage .nav a.next{align-self:stretch;text-align:center}.stage button.next.big{width:100%}.stage-foot{font-size:.7rem;padding:1.6rem 1.6rem 1.4rem}}