#app-topbar,#app-menu-close,#app-menu-backdrop{display:none}
body.app-standalone .sidebar .brand{background:transparent!important;justify-content:flex-start!important}body.app-standalone .sidebar .brand>span{display:block!important;font-size:17px;line-height:1.5;white-space:normal}
body.app-standalone:not(.auth-screen){font-size:16px;line-height:1.6}
body.app-standalone:not(.auth-screen) #app-topbar{display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:60;min-height:68px;padding:calc(10px + env(safe-area-inset-top)) 18px 10px;background:#173f35;color:white}
#app-topbar button{min-height:46px;padding:8px 13px;border:1px solid #ffffff60;border-radius:10px;background:#ffffff16;color:white;font-size:16px;font-weight:600}#app-topbar strong{flex:1;min-width:0;font-size:17px;line-height:1.4}#app-topbar>a{font-size:14px;text-decoration:underline;white-space:nowrap}
body.app-standalone .sidebar{position:fixed!important;inset:0 auto 0 0!important;width:272px!important;height:100dvh!important;padding:calc(18px + env(safe-area-inset-top)) 12px calc(18px + env(safe-area-inset-bottom))!important;overflow:auto!important;background:#173f35!important;z-index:110;display:flex;flex-direction:column;gap:12px;border:0}
body.app-standalone .sidebar .brand{display:flex!important;color:white;font-size:18px;line-height:1.4;padding:8px;min-height:65px;flex-shrink:0}body.app-standalone .sidebar .brand svg{width:30px;min-width:30px;height:42px}
body.app-standalone .sidebar #navigation{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;padding:0!important;gap:5px;overflow:visible}
body.app-standalone .sidebar #navigation .nav-item{display:flex!important;flex:none!important;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:13px;width:100%!important;height:auto!important;min-height:52px;padding:12px 14px!important;border-radius:10px;color:#eef7ef;font-size:16px;text-align:left;white-space:normal}
body.app-standalone .sidebar #navigation .nav-item>span{display:block!important;max-width:none;font-size:16px!important;white-space:normal!important;overflow:visible!important;line-height:1.5}body.app-standalone .sidebar #navigation .ui-icon{width:24px;height:24px;flex-shrink:0}
body.app-standalone .sidebar #navigation .nav-item.active{background:#fff;color:#174d3c;font-weight:700}body.app-standalone .sidebar #navigation .nav-item:hover{background:#ffffff25}body.app-standalone .sidebar #navigation .nav-item.active:hover{background:#eaf6e9}
body.app-standalone .sidebar .teacher-nav-label,body.app-standalone .sidebar .parent-nav-label{display:block;color:#b4d7c6;font-size:13px;padding:12px 14px 3px}body.app-standalone .sidebar .sidebar-bottom{display:none}
body.app-standalone:not(.auth-screen) .shell{margin-left:272px!important;padding:0 0 env(safe-area-inset-bottom)!important;width:auto;min-height:calc(100dvh - 68px)}
body.app-standalone:not(.auth-screen) #app-topbar{padding-left:290px}body.app-standalone #app-menu-open{display:none}
body.app-standalone .topbar{height:auto!important;min-height:65px;padding:12px 18px!important;background:#f4f8f5}body.app-standalone .header-right{display:none}body.app-standalone #global-search{display:flex!important;visibility:visible!important;width:100%!important;max-width:700px;height:46px}body.app-standalone #search-input{font-size:16px!important}
body.app-standalone:not(.auth-screen) #main{padding:20px!important;max-width:1400px;width:100%;font-size:16px}body.app-standalone #main h1{font-size:28px;line-height:1.35}body.app-standalone #main h2{font-size:21px;line-height:1.45}body.app-standalone #main h3{font-size:18px;line-height:1.5}
body.app-standalone #main :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:17px!important;min-height:48px}body.app-standalone #main textarea{min-height:130px}body.app-standalone #main :is(.btn,.option,.filter,.td-button,.pd-button){font-size:16px;min-height:48px;padding:12px 16px;white-space:normal;line-height:1.5}
body.app-standalone #main :is(p,.field,.hint,.muted,.notice,.feedback){font-size:16px;line-height:1.75}body.app-standalone #main :is(small,.badge){font-size:14px;line-height:1.6}
body.app-standalone .reference-dashboard{grid-template-columns:minmax(0,1fr)!important;gap:22px}body.app-standalone .dashboard-center{gap:22px}body.app-standalone .dashboard-right{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;width:auto!important;min-width:0}
body.app-standalone .reference-hero{height:auto!important;min-height:260px!important}body.app-standalone .banner-copy{padding:26px;max-width:100%}body.app-standalone .banner-copy h1{font-size:28px!important}body.app-standalone .banner-copy p{max-width:100%}
body.app-standalone .quick-panel{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px}body.app-standalone .quick-card{min-height:190px;padding:20px}body.app-standalone .quick-card h2{font-size:20px!important}body.app-standalone .quick-card p{font-size:16px!important}.app-standalone .quick-icon{width:48px;height:48px}
body.app-standalone :is(.learning-route,.right-report,.system-messages,.parent-panel,.course-progress,.common-errors,.featured-panel){height:auto!important;min-height:0;padding:20px}
body.app-standalone .route-heading{height:auto;flex-wrap:wrap;gap:12px;padding:0 0 16px}body.app-standalone .route-heading :is(span,a){font-size:14px;white-space:normal}
body.app-standalone .route-steps{height:auto;min-height:120px;gap:10px;overflow-x:auto;padding:18px 0}body.app-standalone .route-step{min-width:88px;white-space:normal}body.app-standalone .route-step>strong{font-size:14px;max-width:100%;line-height:1.5}
body.app-standalone .route-details{height:auto;grid-template-columns:1fr;gap:16px}body.app-standalone .course-progress{flex-wrap:wrap}body.app-standalone .subject-row{height:auto;min-height:62px}body.app-standalone .subject-row>div:first-child{font-size:16px}
body.app-standalone :is(.error-row,.recent-result,.report-fact,.message-row){height:auto;min-height:70px;font-size:16px;padding-top:14px;padding-bottom:14px}body.app-standalone .recent-result h3{white-space:normal}body.app-standalone .message-row time{position:static;font-size:12px;flex-shrink:0}body.app-standalone .message-row :is(h3,p){max-width:none}
body.app-standalone .featured-grid{grid-template-columns:1fr 1fr;gap:14px}body.app-standalone .featured-card{height:auto;min-height:135px;padding:18px}body.app-standalone .featured-card :is(h3,p){white-space:normal!important}body.app-standalone .new-label{font-size:11px}
body.app-standalone .parent-banner{height:auto;min-height:180px;padding:20px}body.app-standalone .parent-banner img{display:none}body.app-standalone .parent-banner a{font-size:16px;padding:12px 18px}body.app-standalone .reference-footnote{white-space:normal;font-size:13px;line-height:1.7;flex-wrap:wrap}
body.app-standalone .lab-layout{max-width:850px;margin:auto}body.app-standalone .problem{font-size:23px;line-height:1.8;overflow-x:auto}body.app-standalone .steps{overflow-x:auto;justify-content:flex-start;gap:10px;padding-bottom:10px}body.app-standalone .step{min-width:100px;font-size:15px}body.app-standalone .lab-layout .card{padding:22px}body.app-standalone .lab-layout .button-row{gap:12px}
body.app-standalone .toast{bottom:calc(18px + env(safe-area-inset-bottom));font-size:15px}body.app-standalone .app-update-banner{font-size:15px}
@media(max-width:999px){
 body.app-standalone:not(.auth-screen) #app-topbar{padding-left:14px}body.app-standalone #app-menu-open{display:block}
 body.app-standalone .sidebar{width:min(320px,88vw)!important;transform:translateX(-105%);visibility:hidden;transition:none}
 body.app-standalone.app-menu-visible .sidebar{transform:translateX(0);visibility:visible}
 body.app-standalone #app-menu-close{display:block;min-height:46px;background:#ffffff15;color:white;border:1px solid #ffffff60;border-radius:10px;font-size:16px;flex-shrink:0}
 body.app-standalone.app-menu-visible #app-menu-backdrop{display:block;position:fixed;inset:0;z-index:100;background:#0b2029a6;border:0;width:100%;height:100dvh}
 body.app-menu-visible{overflow:hidden}body.app-standalone:not(.auth-screen) .shell{margin-left:0!important}body.app-standalone:not(.auth-screen) #main{padding:16px!important}
 body.app-standalone :is(.quick-panel,.featured-grid,.exercise-grid,.lesson-grid,.split,.metrics,.td-grid,.pd-bottom-grid,.tw-editor-grid,.tw-exam-grid){grid-template-columns:minmax(0,1fr)!important}
 body.app-standalone .quick-card{min-height:165px}body.app-standalone .reference-hero{min-height:275px!important}body.app-standalone .banner-copy{padding:22px}body.app-standalone #main h1{font-size:26px}body.app-standalone .teacher-dashboard table,body.app-standalone .parent-dashboard table{font-size:16px}
 body.app-standalone .td-panel-head,body.app-standalone .pd-panel-head{flex-wrap:wrap}body.app-standalone .right-heading{height:auto;min-height:58px;flex-wrap:wrap;gap:8px;padding-block:10px}body.app-standalone .lab-layout .button-row{flex-direction:column;align-items:stretch}body.app-standalone .lab-layout .card{padding:18px}body.app-standalone .parent-banner h2{white-space:normal}
}
@media(prefers-reduced-motion:reduce){body.app-standalone .sidebar{transition:none}}