:root{--brand:#f50057;color:#17191f;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:white}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.signup-shell{max-width:560px;margin:auto;min-height:100dvh;padding:env(safe-area-inset-top) 28px max(30px,env(safe-area-inset-bottom))}.signup-header{display:flex;align-items:center;justify-content:space-between;height:78px;margin:0 -14px 18px}.signup-header strong{font-size:18px}.signup-header button{border:0;background:transparent;font-size:30px;min-width:44px;min-height:44px;color:#17191f}.signup-header #signup-help{font-size:22px;font-weight:bold}h1{font-size:27px;line-height:1.25;margin:24px 0 12px}p{line-height:1.5}.signup-description{color:#86868d;margin:10px 0 26px}.signup-main{background:var(--brand);border:0;border-radius:5px;color:white;font-weight:700;width:100%;padding:16px;min-height:48px;margin:28px 0 20px}.signup-main:disabled{background:#f0f0f2;color:#aaa}.signup-field{display:block;width:100%;border:0;border-bottom:1px solid #d9d9df;border-radius:0;padding:17px 0 15px;margin:10px 0;font-size:18px;color:#17191f;background:white}.signup-field.invalid{color:#ec5252;border-bottom-color:#ec5252}.signup-error{color:#e24e4e;font-size:13px;min-height:20px;margin:7px 0}.signup-error:empty{min-height:0}.signup-options{display:grid;gap:12px;margin:34px 0}.signup-option{background:white;border:1px solid #ddd;border-radius:7px;min-height:54px;text-align:left;font-size:16px;font-weight:700;padding:12px 16px;color:#17191f}.signup-option span{display:inline-block;width:32px;color:var(--brand)}.signup-option small{display:block;font-weight:400;color:#888;margin:6px 0 0 32px;font-size:11px}.signup-option:disabled{color:#8d8d94;background:#fafafa}.signup-logo{display:block;width:150px;margin:22px auto}.signup-foot{text-align:center;color:#888;font-size:13px;margin:28px 0}.signup-foot a{color:var(--brand);text-decoration:none;font-weight:bold}.birthday-value{display:block;border-bottom:1px solid #ddd;padding:12px 0 18px;font-size:20px;min-height:53px}.birthday-wheels{display:grid;grid-template-columns:1.5fr .8fr 1fr;gap:8px;margin-top:32px;position:relative}.birthday-wheels:before{content:'';position:absolute;pointer-events:none;top:80px;height:40px;left:0;right:0;border-block:1px solid #ddd}.birthday-wheel{height:200px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain;mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent)}.birthday-wheel::-webkit-scrollbar{display:none}.wheel-spacer{height:80px;pointer-events:none}.wheel-item{height:40px;scroll-snap-align:center;display:flex;justify-content:center;align-items:center;color:#b6b6bc;font-size:19px;border:0;background:transparent;width:100%;padding:0}.wheel-item[aria-selected=true]{color:#17191f}.wheel-labels{display:grid;grid-template-columns:1.5fr .8fr 1fr;gap:8px;text-align:center;color:#999;font-size:12px}.username-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.username-suggestions button{border:1px solid #ddd;background:white;padding:8px 12px;font-size:14px}.name-header{margin-bottom:34px}.name-header button{font-size:16px;font-weight:bold}.name-header #name-save{color:var(--brand)}.name-header #name-save:disabled{color:#aaa}.name-title{font-size:34px;margin:28px 0 18px}.name-input{border:0;border-radius:10px;background:#f3f3f4;width:100%;padding:16px;font-size:18px;margin-top:18px}.name-counter{text-align:right;color:#aaa;font-size:13px;margin:8px 2px}.name-note{font-size:14px;color:#666}.signup-status{color:#cc3654}.signup-contact-label{display:block;margin-top:20px;color:#666;font-size:13px}#signup-status:empty{display:none}.signup-back-link{color:var(--brand)}@media(max-width:350px){.signup-shell{padding-left:20px;padding-right:20px}h1{font-size:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}