/* Shared control sizes and spacing. Navigation, avatars, charts and scroll wheels keep their own geometry. */
:root{--ui-control-height:44px;--ui-primary-height:48px;--ui-cta-height:56px;--ui-control-radius:10px;--ui-space-1:8px;--ui-space-2:16px;--ui-space-3:24px;--ui-space-4:32px}
#videoForm button,#phraseForm button,.tools button,.filters button,.phrase-actions button,.backup button,.video-inline-tools button,.jump,#flashReveal,#flashReplay,#flashPrevious,#flashLearned,#flashNext,#flashRestart,#googleAccount button,.ranking-participation-actions button,.ranking-refresh,.duration-picker-heading button,.duration-picker-actions button,.timer-controls button,.timer-review-actions button,#timerNotification{
 min-height:var(--ui-control-height);border-radius:var(--ui-control-radius);line-height:1.5;font-size:13px;padding:10px 16px
}
main button.primary,#videoForm button.primary,#phraseForm button.primary,#googleAccount button.primary,#googleAccount #googleSignIn,#googleAccount #accountDeleteConfirm,.ranking-participation-actions button.primary,#flashReveal,#flashLearned,#flashRestart,.timer-controls button,.timer-review-actions button,.duration-picker-actions button{min-height:var(--ui-primary-height);padding:12px 20px;border-radius:var(--ui-control-radius);line-height:1.5}
.tools button,.filters button,.phrase-actions button,.video-inline-tools button,.jump,.ranking-refresh{padding:10px 12px;font-size:12px}
.duration-picker-heading button{width:44px;padding:0}.timer-controls button{font-size:14px}.timer-settings .duration-trigger{border-radius:var(--ui-control-radius)}
#profileNameDisplay{min-height:var(--ui-control-height)}.profile-menu [role="tab"]{min-height:var(--ui-control-height)}
.panel-pad{padding:var(--ui-space-3)}.layout{gap:var(--ui-space-3)}.notebook-head{margin-bottom:var(--ui-space-3)}.profile-card>h2{margin-bottom:var(--ui-space-3)}.step{margin-bottom:var(--ui-space-2)}.form-bottom{margin-top:var(--ui-space-3);gap:12px}.tools,.filters{gap:var(--ui-space-1)}
.notebook-head h2,.profile-card>h2,.study-history>h2,.activity-title h2,.creators h2,.ranking-heading h2{font-size:22px;line-height:1.4;font-weight:600;letter-spacing:-.03em;margin:0}.profile-card>h2{margin-bottom:var(--ui-space-3)}
input,textarea,select{border-radius:var(--ui-control-radius)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #5a7b60;outline-offset:3px}
/* Tall start choices contain two lines; marketing calls to action form a separate size. */
.welcome-actions .welcome-option{border-radius:var(--ui-control-radius)}
.hero .start,.closing .start{min-height:var(--ui-cta-height);border-radius:var(--ui-control-radius);padding:14px 28px;line-height:1.5}
@media(max-width:640px){.panel-pad{padding:20px}.notebook-head h2,.profile-card>h2,.study-history>h2,.activity-title h2,.creators h2,.ranking-heading h2{font-size:20px}.notebook-head,.profile-card>h2{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){button,a{transition:none!important}html{scroll-behavior:auto}}
.layout>section,.layout>.panel{min-width:0}
@media(max-width:640px){.workspace{grid-template-columns:minmax(0,1fr)}}