:root{--ui-scale:1}
.phone{font-size:16px}
/* Apply accessibility scaling once only. Previous rules compounded parent + child scaling. */
html[data-ui-scale="90"] .screen{zoom:.90}
html[data-ui-scale="110"] .screen{zoom:1.10}
html[data-ui-scale="120"] .screen{zoom:1.20}
@supports not (zoom:1){
 html[data-ui-scale="90"] .screen{transform:scale(.90);transform-origin:top center;width:111.111%}
 html[data-ui-scale="110"] .screen{transform:scale(1.10);transform-origin:top center;width:90.909%}
 html[data-ui-scale="120"] .screen{transform:scale(1.20);transform-origin:top center;width:83.333%}
}
.feature-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.feature-controls strong{min-width:48px;text-align:center;color:var(--green-dark)}
.import-label{display:inline-block;cursor:pointer}
.help-card details{border-top:1px solid var(--pale-green);padding-top:9px}
.help-card summary{cursor:pointer;font-weight:700;color:var(--green-dark);font-size:13px}
.help-card details p{padding-top:7px}
.version-line{font-weight:700}
.tgpu-high-contrast .screen{background:#fff}
.tgpu-high-contrast .profile-card,.tgpu-high-contrast .lesson-card,.tgpu-high-contrast .goal-card{box-shadow:none;border:2px solid var(--green-dark)}
.tgpu-high-contrast .page-copy,.tgpu-high-contrast .profile-card p,.tgpu-high-contrast small{color:#26332d}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}
@media (max-width:389px){
  .screen{padding-left:18px;padding-right:18px}
  .bottom-nav{padding-left:8px;padding-right:8px}
  .nav-item{min-width:52px}
}