/* V10: stable forms, uncluttered profile and keyboard-friendly focus. */
/* iOS auto-zooms smaller text controls. Keep the real font >=16px instead of
   disabling browser/pinch zoom or visually scaling fields down. */
input,select,textarea{font-size:16px!important;touch-action:manipulation}
.login-card .pin-field input{font-size:22px!important}
input,select,textarea{scroll-margin-block:90px 20px}
.login-screen{padding:26px 20px 24px}
.login-card h1{font-size:24px;line-height:1.2;letter-spacing:-.65px}
.profile-view-heading{flex-wrap:nowrap}
.profile-view-tools{flex:0 0 auto}
.profile-view-heading .progress-settings{flex:0 0 36px;width:36px;height:36px;box-sizing:border-box}
.profile-view-indicator{background:#fff;color:#111827;cursor:default}
.profile-view-indicator svg{width:20px;height:20px}
.progress-hero{padding:16px}
.progress-score-row{padding:14px 0}
.progress-meter{height:9px}
/* Pointer taps should not leave browser-blue rectangles. Keyboard users still
   get a visible, branded ring and can scroll charts with the arrow keys. */
button:focus:not(:focus-visible),a:focus:not(:focus-visible),.scroll-chart:focus:not(:focus-visible){outline:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.scroll-chart:focus-visible,summary:focus-visible{outline:2px solid #7e963f;outline-offset:3px}
.scroll-chart{border-radius:9px}
#modal-title:focus{outline:none}
.plot-point:focus-visible{outline:2px solid #7e963f;outline-offset:-6px}
@media(max-width:365px){.login-screen{padding:22px 16px}.progress-hero{padding:15px}.profile-view-heading{gap:6px}}