@media (max-width:760px){
  body{min-width:0;background:#fff4f9}
  .app-shell{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;align-items:start;min-height:100vh}
  .sidebar{position:fixed!important;inset:0 auto 0 0;width:112px;height:100vh;overflow-y:auto;display:flex!important;flex-direction:column;padding:7px 7px max(12px,env(safe-area-inset-bottom))!important;border-right:2px solid #f5ddea;background:linear-gradient(180deg,#fff9fc,#ffeaf3)!important;box-shadow:4px 0 16px #dda8c329;z-index:20;touch-action:pan-y}
  .brand{display:block!important;padding:0 2px 5px!important}
  .brand-kitty-photo{height:45px!important;border-radius:12px!important;margin-bottom:2px!important}
  .brand h1{font-size:12px!important;line-height:1.12!important;margin:1px 0!important}
  .brand p{display:none}
  .sidebar nav{display:grid!important;grid-template-columns:1fr!important;gap:3px!important}
  .nav-group{display:none!important}
  .nav-item{display:flex;align-items:center;width:100%;min-width:0;min-height:34px!important;padding:5px 5px!important;border-radius:11px!important;font-size:12px!important;line-height:1.05!important;white-space:nowrap;text-align:left!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .nav-icon{display:inline-grid!important;flex:0 0 21px;width:21px!important;height:21px!important;margin-right:4px!important;border-radius:7px!important;font-size:11px!important}
  .utility{display:none!important}
  .side-gift{margin-top:5px!important;padding:6px 4px!important;gap:3px!important;border-radius:11px!important;justify-content:center;text-align:center;touch-action:manipulation}.side-gift-icon{width:22px!important;height:22px!important;border-radius:7px!important;font-size:13px!important}.side-gift b{font-size:11px}.side-gift small{font-size:8px}.side-gift em{display:none}
  .stars-box{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:1px;margin-top:5px!important;padding:5px 3px!important;font-size:11px!important;text-align:center;touch-action:manipulation}
  .stars-box span{width:100%}.stars-box strong{font-size:15px}.stars-box em{display:none!important}
  .tiny{display:none!important}
  main{grid-column:2;min-width:0;width:100%!important;padding:8px 7px 24px!important;overflow:hidden}
  header{height:auto!important;min-height:58px;padding:8px 9px!important;border-radius:15px!important;gap:6px}
  header h2{font-size:20px!important;white-space:nowrap}
  .header-tools{gap:5px!important;min-width:0}
  .voice-picker{padding:4px!important;border-radius:12px!important;min-width:0}
  .voice-picker select{max-width:101px!important;padding:6px 22px 6px 7px!important;font-size:11px!important;background-position:calc(100% - 12px) 50%,calc(100% - 7px) 50%}
  .score{padding:5px 7px!important;font-size:13px!important;white-space:nowrap}
  .hero,.learning-panel{margin-top:9px!important;padding:16px 10px!important;border-radius:19px!important}
  .hero{min-height:calc(100vh - 84px)!important}
  .hero h3{font-size:24px!important;line-height:1.25}.hero p{font-size:14px!important}
  .animal-parade{font-size:29px!important;letter-spacing:0!important;margin:18px auto!important}
  .lesson-grid{grid-template-columns:1fr!important;gap:10px!important}
  .lesson-card{min-height:92px!important;font-size:17px!important;border-radius:17px!important}
  .lesson-icon{width:42px!important;height:42px!important;font-size:22px!important}
  .tabs{gap:6px!important}.tab{padding:6px 8px!important;font-size:12px!important}
  .hint{font-size:14px!important;line-height:1.5}
  .card-grid,.char-grid,.picture-grid,.alphabet-grid{grid-template-columns:1fr!important;gap:11px!important}
  .study-card,.picture-grid .study-card,.alphabet-card{min-height:175px!important}
  .char{min-height:225px!important}
  .poem-list{justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:6px}
  .poem-choice{flex:0 0 auto}.poem{padding:20px 11px!important}.poem-scene{font-size:36px!important}.poem-lines{font-size:18px!important}
  .math-progress{display:grid!important;gap:6px}.math-problem{font-size:33px!important}.answer-row{flex-wrap:wrap}
  .pager{gap:8px!important;font-size:12px}.pager button{padding:7px 9px!important}
  .modal{padding:34px 16px!important}
}