/* Last in the cascade: touch-friendly controls and layouts from 320px to tablet. */
.mobile-topbar,.mobile-bottom,.mobile-backdrop,.mobile-menu-close{display:none}button,a,input,select{touch-action:manipulation}button,a.btn{white-space:normal}img,video,canvas{max-width:100%}.grid>*,.stats>*,.quick-actions>*,.account-layout>*{min-width:0}button:disabled{cursor:default}a.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;text-decoration:none;line-height:1.4}input,select,textarea{max-width:100%}#app,main,.panel,.card{min-width:0}#app h1,#app h2,#app h3,#app p,.step,.feedback{overflow-wrap:anywhere}.option>span:last-child{min-width:0}.category-filters{overscroll-behavior-x:contain;touch-action:pan-x}.account-header-button>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.account-header-button{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px}
@media (pointer:coarse){button,.btn,.link,.category-chip,select{min-height:44px}input[type=checkbox]{min-width:24px;min-height:24px;vertical-align:middle}.step:has(input[type=checkbox]){min-height:52px;cursor:pointer}.audio-bar .btn{min-height:44px}}
@media(max-width:820px){
 html{scroll-padding-top:82px;scroll-padding-bottom:95px}body{background-attachment:scroll;-webkit-text-size-adjust:100%;text-size-adjust:100%}main{margin:0;width:100%;max-width:100%;padding:20px 16px calc(92px + env(safe-area-inset-bottom,0px))}header{gap:12px;align-items:center;margin-bottom:17px;padding-bottom:16px}header>span:first-child{font-size:9px;line-height:1.5;max-width:135px}header .avatar{min-width:0;max-width:58%;padding:7px 9px;border-radius:12px;flex:0 1 auto}.account-header-button{min-height:44px;font-size:12px;gap:8px}.account-header-button small{font-size:10px}.avatar-mark{width:30px;height:30px;flex-shrink:0}.avatar{overflow:hidden}.account-header-button>span:last-child{white-space:nowrap}
 .mobile-topbar{display:flex;position:sticky;top:0;z-index:70;align-items:center;justify-content:space-between;gap:15px;padding:calc(8px + env(safe-area-inset-top,0px)) 16px 9px;background:#f7faf2f5;backdrop-filter:blur(14px);border-bottom:1px solid #d9e5d0;min-height:69px}.mobile-brand{padding:0;background:none;border:0;min-height:44px;display:flex;align-items:center}.mobile-brand img{width:150px;height:50px;object-fit:contain}.mobile-menu-button{border:1px solid #ccddbf;border-radius:12px;background:#eff6e6;color:#254e36;display:flex;align-items:center;gap:9px;min-height:46px;padding:10px 13px;font-size:13px;font-weight:700}.menu-lines{font-size:21px;line-height:1}
 #site-sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:min(330px,calc(100vw - 42px));height:100dvh;max-height:100dvh;z-index:101;padding:calc(18px + env(safe-area-inset-top,0px)) 18px calc(22px + env(safe-area-inset-bottom,0px));margin:0;background:#fafdF7;overflow-y:auto;overscroll-behavior:contain;box-shadow:12px 0 35px #153b2a20;border-right:1px solid #d6e2cc;transform:translateX(-105%);visibility:hidden;transition:transform .2s ease,visibility .2s}.mobile-menu-open #site-sidebar{transform:translateX(0);visibility:visible}.mobile-menu-close{display:flex;align-items:center;justify-content:center;gap:8px;align-self:flex-end;flex-shrink:0;background:#edf4e5;border:1px solid #d0dfc4;border-radius:10px;min-height:44px;padding:8px 13px;color:#31523b;font:inherit;font-size:13px;margin-bottom:13px}#site-sidebar .brand-image{margin:0 0 15px}#site-sidebar .brand-image img{width:190px;max-width:100%}#site-sidebar .nav-caption{display:block;margin:6px 0}#site-sidebar nav{display:grid;grid-template-columns:1fr;gap:7px;overflow:visible;padding:0;margin:0}#site-sidebar nav button{width:100%;white-space:normal;min-height:48px;padding:9px 12px;font-size:14px;text-align:left}#site-sidebar .nav-icon{width:30px;height:30px;font-size:18px}#site-sidebar .asidefoot{display:block;margin-top:24px;flex-shrink:0}
 .mobile-backdrop{display:block;position:fixed;inset:0;z-index:100;background:#092e2580;border:0;border-radius:0;padding:0;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s,visibility .2s}.mobile-menu-open .mobile-backdrop{visibility:visible;opacity:1;pointer-events:auto}body.mobile-menu-open{overflow:hidden}
 .mobile-bottom{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:75;padding:7px max(7px,env(safe-area-inset-right,0px)) calc(7px + env(safe-area-inset-bottom,0px)) max(7px,env(safe-area-inset-left,0px));background:#fcfef9f5;backdrop-filter:blur(16px);border-top:1px solid #ccdcc2;box-shadow:0 -4px 22px #2149270a;gap:3px}.mobile-bottom button{border:0;border-radius:11px;background:transparent;color:#718168;min-height:55px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:6px 2px;font:inherit;font-size:10px;font-weight:650;line-height:1.25}.mobile-bottom button>span:first-child{font-size:21px;line-height:1}.mobile-bottom button.active{background:#e7f1d8;color:#245733;box-shadow:inset 0 1px #fff}.mobile-bottom button:active{background:#dcebc9}.mobile-bottom button:focus-visible{outline-offset:-3px}body:not([data-account-signed-in=true]) .mobile-bottom{display:none}
 h1{font-size:28px;line-height:1.22}p{font-size:15px;line-height:1.7}.panel{margin:21px auto;padding:24px 20px;border-radius:18px;width:100%;max-width:100%}.panel h1{font-size:26px;line-height:1.25}.panel h2{font-size:23px;line-height:1.3}.panel>.btn{display:flex;width:100%;margin:12px 0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{padding:19px}.sectionhead{gap:10px;align-items:center}.sectionhead h2{min-width:0;font-size:20px}.sectionhead .link{flex-shrink:0;white-space:normal}.btn,button.btn,a.btn{min-height:48px;font-size:14px;padding:13px 17px}.link,button.link{min-height:44px;font-size:13px;padding:10px 12px;display:inline-flex;align-items:center;justify-content:center}.option{min-height:64px;font-size:16px;line-height:1.5;padding:14px 12px;gap:12px}.option-letter{width:32px;height:32px;font-size:13px}.options{gap:16px}.feedback{font-size:15px}.question-timer>div:first-child{flex-wrap:wrap;align-items:center;gap:10px}.question-timer strong{font-size:22px}.question-timer p{font-size:12px}.question-timer span{font-size:13px}.result{font-size:56px}
 input:not([type=checkbox]),select,textarea{font-size:16px!important;min-height:46px;line-height:1.4}.account-profile input,.account-profile select,.library-tools input,.library-tools select{font-size:16px}.audio-bar{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:15px}.audio-bar .btn{width:100%;padding:11px 8px;font-size:13px}.audio-bar label{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}.audio-bar select{flex:1;min-width:0}.audio-status{grid-column:1/-1;font-size:12px}.video-promo{display:flex;flex-direction:column;align-items:stretch;gap:13px;padding:15px}.video-promo .btn,.video-promo .link{width:100%;margin:0}.video-promo label{display:flex;align-items:center;justify-content:space-between;gap:12px}.video-promo select{flex:0 1 130px;min-width:95px}.video-panel video,#correction-video{width:100%;max-width:100%;height:auto;aspect-ratio:16/9}.video-panel h1{font-size:25px}#correction-chapter{width:100%;font-size:16px;white-space:nowrap;text-overflow:ellipsis}.category-chip{min-height:44px;font-size:13px}.category-filters{flex-wrap:nowrap;overflow-x:auto;padding:4px 2px 10px}.category-chip{flex-shrink:0;white-space:nowrap}.library-tools{grid-template-columns:1fr}.library-tools label[for=video-watch-filter]{grid-area:3/1}.library-tools select{grid-area:4/1}.library-tools input{grid-area:2/1}.library-hero{padding:24px;gap:18px}.library-hero h2{font-size:25px}.account-layout{grid-template-columns:1fr}.account-profile #profile-submit{width:100%}.account-session{align-items:stretch;flex-direction:column}.account-session a{min-height:44px;display:flex;align-items:center}.account-session button{justify-content:flex-start}.billing-plans{grid-template-columns:1fr}.billing-card .billing-checkout{min-height:50px}.billing-test-notice{padding:19px}.billing-price{font-size:38px}.account-sync{font-size:12px;line-height:1.6;padding:12px 14px;scroll-margin-top:80px}.account-sync .link{justify-content:flex-start;width:100%;padding-left:0}.step:has(input[type=checkbox]){display:block;min-height:54px;padding:14px 0;font-size:15px}.step input[type=checkbox]{width:24px;height:24px;flex-shrink:0;vertical-align:middle;margin:0 10px 0 0;accent-color:#25805b}footer{font-size:11px;padding:18px;line-height:1.85}footer a{display:inline-block;padding:5px 0;overflow-wrap:anywhere}
}
@media(max-width:560px){.grid{grid-template-columns:minmax(0,1fr)}.quick-actions{grid-template-columns:1fr;gap:13px}.quick-btn{flex-direction:row;align-items:center;min-height:78px;padding:15px;gap:15px}.quick-btn>span:first-child{width:40px;height:40px}.quick-btn strong{font-size:14px}.quick-btn small{font-size:12px}.stats{gap:8px}.stat{padding:14px 9px}.stat>span{font-size:10px;line-height:1.4}.stat strong{font-size:25px}.stat small{font-size:10px}.stat::after{display:none}.hero{display:block;min-height:0;padding:26px 22px 0;border-radius:19px}.hero>div:first-child{width:100%}.hero h2{font-size:29px;max-width:100%}.hero p{max-width:100%;font-size:15px}.hero .btn{width:100%;max-width:none}.motion-stage{position:relative;inset:auto;width:calc(100% + 44px);height:245px;min-height:0;margin:7px -22px 0}.motion-caption{display:none}.motion-toggle{right:16px;bottom:18px;min-height:44px;font-size:12px;padding:10px 13px}.motion-chip{top:20%;right:5%;max-width:170px}.motion-label{font-size:8px;right:18px}.library-hero{flex-direction:column;align-items:flex-start}.library-progress{border:0;padding:0;display:flex;gap:12px;align-items:center}.library-progress strong{font-size:28px}.account-metrics{gap:8px}.account-metrics>div{padding:12px 8px}.account-metrics strong{font-size:22px}.account-metrics span{font-size:11px}.account-welcome{padding:25px 20px}.account-signin{width:100%}.sectionhead h2{font-size:19px}.panel{padding:22px 17px}.video-category .card .muted{font-size:12px}.video-kind{font-size:11px}}
@media(max-width:360px){main{padding-left:12px;padding-right:12px}.mobile-topbar{padding-left:12px;padding-right:12px}.mobile-brand img{width:130px}.mobile-menu-button{padding:9px 11px}.panel{padding:20px 15px}.audio-bar{grid-template-columns:1fr}.audio-bar label,.audio-status{grid-column:1}.account-metrics{grid-template-columns:1fr}.account-metrics>div{display:flex;align-items:center;gap:12px}.stat strong{font-size:23px}.hero h2{font-size:27px}.question-timer>div:first-child{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){#site-sidebar,.mobile-backdrop{transition:none}html{scroll-behavior:auto}}
@media(max-width:820px){.audio-bar .btn{min-height:48px}}

.lesson-audio-bar audio{display:block;width:100%;flex-basis:100%;min-height:54px}.lesson-audio-bar>a{font-size:14px;text-underline-offset:3px}.lesson-audio-bar strong{flex-basis:100%}