.signup{background:var(--bg);color:var(--label)}.signup-bar{width:100%;max-width:44rem;padding:max(14px, env(safe-area-inset-top)) 16px 0;align-items:center;gap:12px;margin:0 auto;display:flex}.signup-back{width:44px;height:44px;color:var(--label);border-radius:999px;flex:none;place-items:center;margin-left:-8px;display:inline-grid}.signup-back:hover{background:var(--fill)}.signup-back:focus-visible{outline:2px solid var(--tint);outline-offset:2px}.signup-progress{flex:1;gap:5px;display:flex}.signup-progress span{background:var(--fill-strong);border-radius:999px;flex:1;height:5px;transition:background-color .3s}.signup-progress span.is-done{background:var(--tint)}.signup-main{flex-direction:column;flex:1;width:100%;max-width:36rem;margin:0 auto;padding:28px 20px 24px;display:flex}@media (min-width:640px){.signup-main{padding-top:9vh}}@media (prefers-reduced-motion:no-preference){.signup-main.is-ready{animation:.35s cubic-bezier(.22,1,.36,1) both signup-in}}@keyframes signup-in{0%{opacity:0;transform:translateY(10px)}}.signup-title{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(26px,4.4vw,34px);font-weight:700;line-height:1.15}.signup-choice,.signup-plan{background:var(--bg-elevated);width:100%;min-height:56px;box-shadow:inset 0 0 0 1px var(--separator);color:var(--label);text-align:left;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-size:16px;font-weight:500;transition:box-shadow .15s,background-color .15s;display:flex}.signup-choice:hover,.signup-plan:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--tint) 45%, var(--separator))}.signup-choice.is-on,.signup-plan.is-on{background:color-mix(in oklab, var(--tint) 9%, var(--bg-elevated));box-shadow:inset 0 0 0 2px var(--tint)}.signup-choice:focus-visible,.signup-plan:focus-visible,.signup-day:focus-visible{outline:2px solid var(--tint);outline-offset:2px}.signup-plan{align-items:center;padding:10px 14px 10px 10px}.signup-plan img{object-fit:cover;background:var(--fill);border-radius:12px;flex:none;width:76px;height:76px}@media (min-width:640px){.signup-plan img{width:88px;height:88px}}.signup-mark,.signup-radio{width:24px;height:24px;box-shadow:inset 0 0 0 2px var(--label-3);color:var(--on-tint);flex:none;place-items:center;display:inline-grid}.signup-mark{border-radius:7px}.signup-radio{border-radius:999px}.signup-mark.is-on{background:var(--tint);box-shadow:none}.signup-radio.is-on{box-shadow:inset 0 0 0 7px var(--tint)}.signup-day{aspect-ratio:1;background:var(--bg-elevated);min-width:40px;max-width:52px;box-shadow:inset 0 0 0 1px var(--separator);color:var(--label);border-radius:999px;flex:1 1 0;place-items:center;font-size:15px;font-weight:600;transition:background-color .15s,color .15s;display:inline-grid}.signup-day.is-on{background:var(--tint-strong);box-shadow:none;color:var(--on-tint)}.signup-promise{margin:auto 0;padding:12px 0}.signup-parts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:32px 0 0;padding:0;list-style:none;display:grid}.signup-parts li{background:color-mix(in oklab, var(--part) 55%, var(--bg-elevated));text-align:center;border-radius:20px;justify-items:center;gap:4px;padding:20px 8px 18px;display:grid}.signup-parts .disc{background:var(--part);width:56px;height:56px;color:var(--ink);border-radius:999px;place-items:center;margin-bottom:8px;display:grid}.signup-parts b{color:var(--ink);font-size:17px;font-weight:700}.signup-parts li>span:last-child{color:var(--label-2);font-size:14px}.signup-gather{text-align:center;margin:auto 0;padding:24px 0}.signup-gather-discs{justify-content:center;gap:12px;display:flex}.signup-gather-discs span{border-radius:999px;width:18px;height:18px}@media (prefers-reduced-motion:no-preference){.signup-gather-discs span{animation:1.2s ease-in-out infinite both signup-breathe}.signup-gather-discs span:nth-child(2){animation-delay:.2s}.signup-gather-discs span:nth-child(3){animation-delay:.4s}}@keyframes signup-breathe{50%{opacity:.7;transform:scale(1.35)}}.signup-quote{max-width:32rem;font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:32px auto 0;font-size:clamp(22px,3.6vw,27px);font-weight:600;line-height:1.3}.signup-summary{background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--separator);border-radius:16px;gap:2px;margin:0;padding:6px 0;list-style:none;display:grid}.signup-summary li{align-items:flex-start;gap:12px;padding:10px 16px;font-size:15px;line-height:1.4;display:flex}.signup-summary li>svg{color:var(--tint);flex:none;margin-top:1px}.signup-foot{width:100%;max-width:36rem;padding:8px 20px max(18px, env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:6px;margin:0 auto;display:flex}.signup-next{width:100%}.signup-signin{color:var(--label-2);text-align:center;margin:6px 0 0;font-size:14.5px}.signup-signin a{align-items:center;min-height:44px;display:inline-flex}@media (min-width:640px){.signup-foot{flex-direction:row-reverse;justify-content:space-between;align-items:center;padding-bottom:32px}.signup-next{width:auto;min-width:11rem}.signup-signin{text-align:left;margin:0}}