.sbn{align-items:baseline;gap:6px;display:inline-flex;position:relative}.sbn__input{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);text-align:center;min-width:1ch;caret-color:var(--forest);transition:color .25s var(--ease,ease);appearance:textfield;background:0 0;border:none;outline:none;margin:0;padding:0 2px 4px;font-size:clamp(40px,8vh,68px);font-weight:700;line-height:1}.sbn__input::selection{background:0 0}.sbn__input:focus,.sbn__input:focus-visible{box-shadow:none;outline:none}.sbn__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sbn__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sbn__input::placeholder,.sbn--empty .sbn__input{color:var(--ink-4)}.sbn__unit{font-family:var(--ui);color:var(--ink-3);cursor:text;-webkit-user-select:none;user-select:none;font-size:clamp(14px,2.4vh,19px);font-weight:600}
.ay{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-height:min(70vh,560px);display:flex}.ay__kicker{font-family:var(--ui);letter-spacing:.22em;text-transform:uppercase;color:var(--forest,#1f6f5b);margin:0 0 4px;font-size:12px;font-weight:700}.ay__stage{justify-content:center;align-items:center;min-height:min(46vh,380px);margin:8px 0;display:flex}.ay__beat{flex-direction:column;align-items:center;gap:clamp(20px,4vh,40px);display:flex}.ay__prompt{font-family:var(--display);letter-spacing:-.015em;color:var(--ink);margin:0;font-size:clamp(30px,4.4vw,48px);font-weight:700}.ay__hero-value{border-bottom:2.5px solid color-mix(in srgb, var(--forest) 18%, transparent);transition:border-color .3s var(--ease,ease);justify-content:center;align-items:baseline;gap:clamp(16px,3vw,34px);padding-bottom:clamp(10px,1.8vh,18px);display:inline-flex}.ay__hero-value:focus-within{border-bottom-color:color-mix(in srgb, var(--forest) 70%, transparent)}.ay .sbn__input{font-size:clamp(84px,19vh,190px)}.ay .sbn__unit{font-size:clamp(20px,3.4vh,34px)}.ay__sex{flex-direction:column;align-items:center;gap:clamp(4px,1vh,10px);display:flex}.ay__sex-opt{font-family:var(--display);letter-spacing:-.015em;white-space:nowrap;color:var(--ink-4);cursor:pointer;transition:color .22s var(--ease,ease);background:0 0;border:none;padding:2px 6px;font-size:clamp(28px,3.9vw,46px);font-weight:700;line-height:1.1}.ay__sex-lbl{pointer-events:none;transition:transform .22s var(--ease,ease), text-shadow .22s var(--ease,ease);display:inline-block}.ay__sex-opt:hover{color:var(--ink-2)}.ay__sex-opt:hover .ay__sex-lbl{transform:scale(1.06)}.ay__sex-opt.is-sel{color:var(--forest)}.ay__sex-opt.is-sel .ay__sex-lbl{text-shadow:0 4px 24px color-mix(in srgb, var(--forest) 30%, transparent);transform:scale(1.04)}.ay__sex-opt.is-sel:hover .ay__sex-lbl{transform:scale(1.07)}.ay__units{font-family:var(--ui);color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:600}.ay__units:hover{color:var(--forest)}.ay__foot{justify-content:center;align-items:center;min-height:28px;margin-top:20px;display:flex}.ay__continue{font-family:var(--ui);letter-spacing:.01em;color:#fff;background:var(--forest,#1f6f5b);cursor:pointer;transition:background .18s var(--ease,ease), transform .12s var(--ease,ease);border:none;border-radius:999px;align-items:center;gap:7px;padding:12px 28px;font-size:14.5px;font-weight:700;display:inline-flex}.ay__continue:hover{background:var(--forest-deep,#18584a)}.ay__continue:active{transform:scale(.97)}.ay__skip{font-family:var(--ui);letter-spacing:.04em;color:var(--ink-3);cursor:pointer;transition:color .18s var(--ease,ease), background .18s var(--ease,ease);background:0 0;border:none;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.ay__skip:hover{color:var(--forest);background:color-mix(in srgb, var(--forest-wash) 45%, transparent)}.ay__flowhint{font-family:var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);font-size:11px;font-weight:600}.ay__dots{justify-content:center;align-items:center;gap:10px;margin-top:20px;display:flex}.ay__dot{background:color-mix(in srgb, var(--ink-4) 45%, transparent);cursor:pointer;width:8px;height:8px;transition:transform .25s var(--ease,ease), background .25s var(--ease,ease), width .25s var(--ease,ease);border:none;border-radius:50%;padding:0}.ay__dot.is-done{background:color-mix(in srgb, var(--forest) 55%, transparent)}.ay__dot.is-active{background:var(--forest);border-radius:999px;width:22px}@media (max-width:560px){.ay{gap:2px;max-width:100%;min-height:min(74vh,520px)}.ay__stage{max-width:100%;min-height:min(38vh,300px);margin:4px 0}.ay__beat{gap:clamp(16px,3.2vh,28px);max-width:100%}.ay__prompt{font-size:clamp(22px,6.4vw,30px)}.ay .sbn__input{font-size:clamp(44px,15vw,88px)}.ay .sbn__unit{font-size:clamp(14px,4.4vw,22px)}.ay__hero-value{flex-wrap:wrap;justify-content:center;gap:2px clamp(6px,2.4vw,16px);max-width:100%}.ay__sex{max-width:100%}.ay__sex-opt{white-space:normal;font-size:clamp(24px,7.6vw,38px);line-height:1.15}.ay__continue{padding:13px 30px;font-size:15px}}