/* Tablet and mobile responsive refinements */
:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
html{-webkit-text-size-adjust:100%}body{overscroll-behavior-y:none}button,a,select,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}

/* ---------- shared tablet ---------- */
@media(max-width:1280px){
  .home-shell{padding:18px 20px 26px}.home-hero{height:225px}.hero-copy{padding-left:48px}.hero-copy h2{font-size:40px}.hero-art{width:58%}
  .subject-grid{grid-template-columns:1fr}.subject-card{height:250px;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr)}
  .dashboard{grid-template-columns:1fr 1fr}.recent-card{grid-column:1/-1}.safe-note{margin:16px 0}

  .app-shell{grid-template-columns:215px minmax(0,1fr)}.math-content{padding:18px 20px 28px}.math-top{padding:0 20px}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;height:auto}.quick-actions>button{min-height:70px;border-bottom:1px solid var(--line)}.challenge{min-height:70px;grid-column:1/-1}.filter-row{grid-template-columns:minmax(0,1fr) 130px 130px}.tabs,.search{grid-column:1/-1}.question-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

  .eng-shell{grid-template-columns:220px minmax(0,1fr)}.eng-content{padding:18px 20px 28px}.eng-top{padding:0 20px}.eng-hero{padding:24px 28px}.eng-add{margin-right:0!important;grid-template-columns:minmax(0,1fr) 120px 158px 108px!important}.eng-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.words-head{align-items:flex-start;gap:12px}.word-tools{flex-wrap:wrap;justify-content:flex-end}
}

/* ---------- tablet portrait / compact landscape ---------- */
@media(max-width:1100px){
  .home-header{height:auto;min-height:64px}.brand img{width:54px;height:54px}.brand h1{font-size:24px}.brand p{font-size:12px}.home-hero{height:214px}.hero-feature{transform:scale(.9)}
  .subject-card{grid-template-columns:minmax(0,1.2fr) minmax(235px,.8fr);padding:22px 24px}.dashboard{grid-template-columns:1fr 1fr}.today-card{grid-column:1/-1}

  .side,.eng-side{display:none!important}.app-shell,.eng-shell{display:block!important;height:auto;min-height:100dvh}.math-main,.eng-main{min-height:100dvh}
  .math-top,.eng-top-simple{position:sticky;top:0;z-index:35;height:64px;padding-top:var(--safe-top)!important;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .mobile-module-nav,.eng-mobile-nav{display:flex!important;align-items:center;gap:3px;background:#f3f0ff;border-radius:18px;padding:3px;white-space:nowrap}.mobile-module-nav a,.eng-mobile-nav a{text-decoration:none;color:#74798f;border-radius:15px;padding:7px 12px;font-size:12px;font-weight:700}.mobile-module-nav a.on,.eng-mobile-nav a.on{background:#fff;color:var(--brand,var(--purple));box-shadow:0 3px 9px rgba(50,45,90,.09)}
  .math-content,.eng-content{height:auto;overflow:visible}.page-heading span{display:none}.top-profile,.eng-profile{font-size:0;padding:4px 6px!important}.top-profile img,.eng-profile img{width:30px;height:30px}
  .welcome{height:132px;padding-left:28px}.welcome img{width:42%;object-fit:contain}.welcome .speech{display:none}.welcome h2{font-size:20px}
  .filter-row{grid-template-columns:repeat(3,minmax(0,1fr))}.tabs,.search{grid-column:1/-1}.batch-bar.show{grid-template-columns:repeat(3,minmax(0,1fr))}.batch-bar>div{grid-column:1/-1}
  .eng-hero{min-height:220px}.eng-hero>img{width:32%;object-fit:contain}.eng-add{grid-template-columns:minmax(0,1fr) 120px 155px 108px!important}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.word-tools{width:100%;justify-content:flex-start}.search{flex:1}.search input{width:100%}
}

/* ---------- small tablet ---------- */
@media(max-width:820px){
  .home-shell{padding:12px 14px 22px}.home-header{margin-bottom:10px}.header-actions{gap:10px}.header-actions button{padding:10px 12px}.profile{padding-left:10px}.profile span{display:none}
  .home-hero{height:220px;border-radius:18px}.hero-copy{padding-left:28px;max-width:62%}.hero-copy h2{font-size:34px}.hero-copy p{font-size:15px}.handwrite{margin-top:20px;font-size:15px;letter-spacing:1px}.hero-art{width:65%;opacity:.58;object-fit:contain;object-position:right bottom}.hero-feature{display:none}
  .subject-card{height:auto;min-height:245px;grid-template-columns:minmax(0,1fr) 230px;padding:20px;border-radius:18px}.subject-title h3{font-size:22px}.subject-title p{font-size:13px}.subject-icon{width:62px;height:62px}.chips{margin:18px 0}.mini-preview,.word-preview{height:185px}
  .dashboard{grid-template-columns:1fr;gap:12px}.today-card,.recent-card{grid-column:auto}.dash-card{height:auto;min-height:154px}.safe-note{height:auto;min-height:54px;flex-wrap:wrap;padding:12px 16px}.safe-note span{width:100%;padding-left:40px}.left-cat,.right-cat{display:none}

  .math-top,.eng-top-simple{height:60px!important;padding-left:10px!important;padding-right:10px!important}.page-heading,.eng-page-title{display:none!important}.top-data-tools{margin-left:auto}.top-data-tools .data-tool-btn{width:38px;height:38px;padding:0!important;border-radius:11px!important}.top-data-tools .data-tool-btn span{display:none}.math-content,.eng-content{padding:12px 14px 24px}
  .welcome{height:122px;border-radius:13px;padding-left:20px}.welcome h2{font-size:18px;margin-bottom:7px}.welcome p{font-size:12px;max-width:58%}.welcome img{right:2px;width:42%;height:110%}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}.stat{height:96px;padding:13px 15px}.stat b{font-size:23px}.stat strong{width:40px;height:40px;right:12px;top:27px}.stat-grid .stat:last-child{grid-column:1/-1}
  .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;border-radius:13px}.quick-actions>button{min-height:68px;padding:8px}.quick-actions span{font-size:12px}.quick-actions small{font-size:10px}.challenge{grid-column:1/-1;min-height:60px}
  .filter-row{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.tabs{grid-column:1/-1;width:100%;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:0 0 auto;min-height:42px;padding:10px 14px}.filter-row select{width:100%;min-height:44px}.search{grid-column:1/-1;min-height:44px}.batch-bar.show{grid-template-columns:1fr 1fr;position:sticky;top:66px;z-index:25}.batch-bar button,.batch-bar select{min-height:42px}.question-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.q-card{min-width:0}.q-actions button{min-height:42px}
  .draw-modal{width:100vw;height:100dvh;max-height:none;border-radius:0;padding:10px;padding-top:calc(10px + var(--safe-top));padding-bottom:calc(10px + var(--safe-bottom))}.draw-modal header{gap:8px}.draw-modal header h2{font-size:16px}.draw-modal header div{overflow-x:auto}.draw-modal header button{flex:0 0 auto}.paper-overlay{padding:8px}.paper-content{padding:30px 20px;min-height:900px}.paper-title h1{font-size:22px}

  .eng-hero{min-height:260px;padding:20px;border-radius:15px}.eng-hero h2{font-size:20px;max-width:75%}.eng-hero p{font-size:12px;line-height:1.6;max-width:72%}.eng-hero>img{width:42%;opacity:.52}.eng-add{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:18px!important}.eng-add input,.eng-add select{grid-column:1/-1;min-height:46px}.eng-add button{min-height:44px!important}.eng-stats,.mode-strip{grid-template-columns:1fr 1fr;gap:8px}.eng-stats>div{height:88px;padding:12px;grid-template-columns:43px 48px 1fr}.eng-stats strong{width:38px;height:38px}.eng-stats b{font-size:22px}.mode-strip button{min-height:58px;padding:10px 12px;align-items:center}.words-head{flex-direction:column;align-items:stretch}.word-tools{width:100%;gap:8px}.word-tools .search{flex:1 1 180px}.dictation{min-height:42px}.filters{width:100%;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.filters::-webkit-scrollbar{display:none}.filter-btn{flex:0 0 auto;min-height:40px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.actions button{min-height:42px}
  .study-top{padding-top:calc(12px + var(--safe-top));min-height:60px}.study-body{padding:12px}.flash{padding:22px 16px;border-radius:18px}.big-word{font-size:40px}.choice-grid,.summary-grid{margin:16px 0}.data-modal{max-height:94dvh}
}

/* ---------- phones ---------- */
@media(max-width:600px){
  body{padding-bottom:var(--safe-bottom)}
  .home-shell{padding:9px 10px 18px}.home-header{min-height:56px}.brand{gap:9px}.brand img{width:43px;height:43px;border-radius:13px}.brand h1{font-size:20px}.brand p{display:none}.header-actions{display:none}
  .home-hero{height:190px;border-radius:16px}.hero-copy{padding:22px 18px;max-width:78%;align-self:flex-start}.hero-copy h2{font-size:29px;letter-spacing:-1px;margin-bottom:9px}.hero-copy p{font-size:13px;line-height:1.55}.handwrite{margin-top:14px;font-size:13px;white-space:nowrap}.hero-art{width:72%;height:78%;opacity:.38}
  .subject-grid{gap:10px;margin-top:10px}.subject-card{display:block;min-height:0;padding:17px;border-radius:16px}.subject-title{gap:13px}.subject-icon{width:52px;height:52px;border-radius:15px;flex:0 0 auto}.subject-title h3{font-size:20px;margin:3px 0 5px}.subject-title p{font-size:12px;line-height:1.55}.chips{gap:5px;margin:14px 0}.chips span{font-size:10px;padding:5px 7px}.subject-card button{width:100%;min-height:44px;padding:11px;font-size:14px}.mini-preview,.word-preview{display:none}
  .dashboard{margin-top:10px}.dash-card{padding:15px;border-radius:16px}.today-values>div{padding:13px}.today-values b{font-size:27px}.progress-body{gap:14px}.ring{width:96px;height:96px}.legend p{font-size:12px}.recent-row{grid-template-columns:27px 42px minmax(0,1fr);gap:4px}.recent-row time{display:none}.safe-note{margin-top:10px;font-size:11px}.safe-note span{padding-left:0}

  .mobile-module-nav a,.eng-mobile-nav a{padding:7px 9px;font-size:11px}.top-data-tools .top-profile,.top-data-tools .eng-profile{display:none}.math-content,.eng-content{padding:9px 10px 20px}
  .welcome{height:112px;padding:16px}.welcome h2{font-size:16px;max-width:68%}.welcome p{font-size:11px;line-height:1.5;max-width:64%}.welcome img{width:46%;opacity:.72}
  .stat-grid{gap:7px}.stat{height:88px;padding:11px 12px}.stat span,.stat em{font-size:10px}.stat b{font-size:21px;margin:6px 0}.stat strong{width:34px;height:34px;right:10px;top:26px}.quick-actions>button{min-height:64px;gap:7px}.quick-actions b{font-size:17px}.quick-actions span{font-size:11px}.challenge{padding:6px!important}.challenge img{width:42px!important;height:42px!important}
  .filter-row{grid-template-columns:1fr}.filter-row select,.search{grid-column:1/-1}.tabs button{padding:9px 12px;font-size:11px}.batch-bar.show{grid-template-columns:1fr;top:62px;padding:9px}.batch-bar>div,.batch-bar button,.batch-bar select{grid-column:1/-1}.batch-bar>div span{display:none}.question-grid{grid-template-columns:1fr}.q-card{min-height:165px;padding:13px}.q-text{font-size:13px;margin:11px 0}.q-actions{margin:10px -13px -13px}.paper-content{padding:24px 15px}.paper-title>div{flex-wrap:wrap}.paper-question-list h3{font-size:14px}.answer-space{height:78px}
  .overlay:not(.paper-overlay){align-items:flex-end}.modal{width:100%;max-height:92dvh;border-radius:18px 18px 0 0;padding:17px;padding-bottom:calc(17px + var(--safe-bottom))}.modal header{position:sticky;top:-17px;background:#fff;z-index:2;padding-top:2px}.two{grid-template-columns:1fr}.modal input,.modal textarea,.modal select{font-size:16px}

  .eng-hero{min-height:300px;padding:17px}.eng-hero h2{font-size:18px;max-width:76%}.eng-hero p{max-width:78%;font-size:11px}.eng-hero>img{width:53%;height:54%;top:0;right:-8px;opacity:.42}.eng-add{margin-top:14px!important;padding:8px!important}.eng-add input,.eng-add select{font-size:16px}.eng-add button{font-size:12px!important;padding:10px 7px!important}.eng-hero small{font-size:10px;line-height:1.45;display:block}
  .eng-stats{grid-template-columns:1fr 1fr}.eng-stats>div{height:80px;grid-template-columns:38px 42px 1fr;padding:9px}.eng-stats strong{width:34px;height:34px}.eng-stats b{font-size:19px}.eng-stats span{font-size:11px}.eng-stats small{display:none}.mode-strip{grid-template-columns:1fr 1fr}.mode-strip button{display:block;text-align:left;min-height:62px}.mode-strip b,.mode-strip span{display:block}.mode-strip span{margin-top:6px}.words-title img{width:42px!important;height:42px!important}.words-head h2{font-size:18px}.words-head p{font-size:10px}.word-tools .search{flex-basis:100%}.dictation{width:100%}.cards{grid-template-columns:1fr}.card{min-height:230px}.big-word{font-size:36px}.big-meaning{font-size:19px}.choice-grid,.summary-grid{grid-template-columns:1fr;gap:8px}.activity-actions{flex-wrap:wrap}.activity-actions button{min-height:44px;flex:1}.build-target{margin:14px 0}.spell-input{font-size:18px}
  .data-overlay{padding:0}.data-modal{border-radius:18px 18px 0 0;max-height:94dvh}.data-modal>header{padding:15px}.data-modal-body{padding:14px}.data-footer button{flex:1;min-height:44px}.batch-textarea{font-size:16px;min-height:160px}
}

/* short landscape phones */
@media(max-height:520px) and (orientation:landscape){
  .math-top,.eng-top-simple{height:52px!important}.math-content,.eng-content{padding-top:8px}.welcome,.eng-hero{display:none}.stat-grid,.eng-stats{margin-top:6px}.study-body{display:block;padding:8px}.flash{margin:auto;padding:16px;max-width:760px}.big-word{font-size:32px}.syl-large{margin:10px}.data-modal{max-height:100dvh;border-radius:0}
}