.app-main:has(.start){max-width:520px}.start-scene{display:none}.step-bun{width:auto;height:92px;margin:0 0 var(--space-sm) -6px;display:block}.start .h-display{font-size:clamp(2.2rem,8.8vw,3rem)}.start .lede{font-size:1.0625rem}.start .chips{margin-top:var(--space-lg);gap:12px}.start .chip-toggle.pick{min-height:52px;padding:0 22px;font-size:1.0625rem;position:relative}.start .chip-toggle.pick:after{content:"";opacity:0;background:#f7f3ee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M6.5 11.4l3 3L15.5 8' fill='none' stroke='%232B231D' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/100% no-repeat;border-radius:50%;width:22px;height:22px;transition:scale .32s cubic-bezier(.34,1.56,.64,1),opacity .18s;position:absolute;top:-7px;right:-7px;scale:0;box-shadow:0 2px 6px #00000040}.start .chip-toggle.pick[aria-pressed=true]:after{opacity:1;scale:1}.start .chip-toggle.custom:after{display:none}.start .chip-toggle.arriving{animation:.36s cubic-bezier(.34,1.56,.64,1) chip-in}.start .chip-toggle.leaving{animation:.22s forwards chip-out}@keyframes chip-in{0%{opacity:0;scale:.6}}@keyframes chip-out{to{opacity:0;scale:.6}}.gift-held{margin-top:var(--space-lg);align-items:center;gap:14px;padding:16px 18px;display:flex}.gift-held div{gap:2px;display:grid}.gift-held span{color:var(--color-ink-soft);font-size:.95rem}.gift-bun{filter:drop-shadow(0 4px 6px #2b231d2e);flex:none;width:44px;height:auto;margin:-10px 0 -6px}.calm-note{margin:var(--space-lg) 0 var(--space-xs)}.start .people-line{min-height:1.5em;margin:0 0 var(--space-xs);opacity:0;transition:opacity .3s,translate .3s;translate:0 4px}.start .people-line.on{opacity:1;translate:none}@media (prefers-reduced-motion:reduce){.start .chip-toggle.pick:after,.start .people-line{transition:none}.start .chip-toggle.arriving,.start .chip-toggle.leaving{animation:none}}.start-signin,.scene-brand{display:none}@media (width>=900px){.app-shell:has(.start) .app-top{display:none}.app-main:has(.start){max-width:none;padding:0}.start{grid-template-columns:minmax(400px,44%) minmax(0,1fr);min-height:100dvh;display:grid}.start-scene{isolation:isolate;color:#f3eee8;background:radial-gradient(70% 40% at 50% 100%, #ffaa7852, transparent 70%), linear-gradient(var(--color-night), #1e2752 36%, var(--color-night-mid) 66%, var(--color-dusk) 88%, #8e6a86);height:100dvh;display:block;position:sticky;top:0;overflow:hidden}.start-scene .stars{z-index:-1}.scene-brand{color:inherit;z-index:2;align-items:center;gap:10px;text-decoration:none;display:inline-flex;position:absolute;top:28px;left:40px}.scene-brand img{width:34px;height:auto}.scene-brand span{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.5rem;line-height:1}.scene-brand:focus-visible{outline:3px solid var(--color-mustard);outline-offset:4px;border-radius:8px}.scene-moon{aspect-ratio:1;width:46px;box-shadow:inset -10px 7px 0 0 var(--color-starlight);filter:drop-shadow(0 0 14px #ffecb480);border-radius:50%;position:absolute;top:12%;right:14%;rotate:-18deg}.scene-story{position:absolute;top:20%;left:40px;right:110px}.scene-year{font-family:var(--font-display);letter-spacing:.01em;color:#e2c46b;margin:0 0 12px;font-size:1.25rem;font-style:italic;font-weight:300;transition:opacity .6s,translate .8s cubic-bezier(.2,.8,.2,1)}.scene-year.swap{opacity:0;translate:0 6px}.scene-line{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:clamp(1.9rem,2.5vw,2.6rem);font-weight:300;line-height:1.12;transition:opacity .6s,translate .8s cubic-bezier(.2,.8,.2,1),filter .6s;position:relative}.scene-line.swap{opacity:0;filter:blur(4px);translate:0 8px}.scene-house{width:min(74%,470px,52vh);position:absolute;bottom:-6px;left:50%;translate:-50%}.scene-house:before{content:"";z-index:-1;aspect-ratio:1;background:radial-gradient(circle closest-side,#ffce8261,#0000);border-radius:50%;width:140%;position:absolute;top:55%;left:50%;translate:-50% -50%}.start-card{flex-direction:column;justify-content:center;min-height:100dvh;padding:88px clamp(32px,6vw,96px) 48px;display:flex;position:relative}.start-signin{min-height:44px;color:var(--color-ink);box-shadow:inset 0 0 0 1.5px var(--color-divider);border-radius:999px;align-items:center;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex;position:absolute;top:24px;right:32px}.start-signin:hover{background:var(--tint-2)}#flow{width:100%;max-width:460px;margin:0 auto}.start .steps{margin:0 0 var(--space-lg)}.step-bun{display:none}.start .h-display{font-size:clamp(2.3rem,3vw,2.9rem)}.start .lede{margin-top:var(--space-xs)}.start .options{margin-top:var(--space-lg)}.start .ticks{margin-top:var(--space-md);gap:6px}.start .step-foot{margin:var(--space-lg) 0 0;box-shadow:none;background:0 0;padding:0;position:static}.start .step-foot:before{display:none}}