:root{--safe-top: env(safe-area-inset-top, 0);--safe-bottom: env(safe-area-inset-bottom, 0);--tap-target: 44px;--gap-min: 8px}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button,a,[role=button]{min-height:var(--tap-target);min-width:var(--tap-target);touch-action:manipulation}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;color-scheme:light dark;overflow-x:hidden}body{overflow-x:hidden;width:100%;max-width:100vw}@media (prefers-color-scheme: dark){:root{--bg: #1a1d23;--bg-gray: #252932;--text: #e8e8e8;--text-light: #a0a4ad;--border: #3a3f4a;--shadow: 0 4px 12px rgba(0,0,0,.3);--shadow-lg: 0 8px 24px rgba(0,0,0,.4);--primary-light: #2a4a0c}}} input,select,textarea{font-size:16px!important}@media (max-width: 480px){.container,.app-container,main,.page{padding:8px!important}h1{font-size:22px!important}h2{font-size:18px!important}h3{font-size:16px!important}.card,.lesson-card,.shop-item,.achievement-card{padding:10px!important;border-radius:12px!important}.btn,button.action,.primary-btn{width:100%;min-height:48px;font-size:15px}table.responsive-table thead{display:none}table.responsive-table,table.responsive-table tbody,table.responsive-table tr,table.responsive-table td{display:block;width:100%!important}table.responsive-table tr{margin-bottom:12px;border:1px solid var(--border);border-radius:10px;padding:8px;background:#fff}table.responsive-table td{padding:6px 8px!important;border:none!important;text-align:left}table.responsive-table td:before{content:attr(data-label) ": ";font-weight:700;color:var(--text-light)}.sidebar,.nav-side,aside{display:none}.nav-top{padding:0 8px}.nav-top .nav-link{padding:8px 10px;font-size:14px}.modal,.dialog,[role=dialog]{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;border-radius:0!important;margin:0!important}body{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}p,.text-body{line-height:1.5}}@media (min-width: 481px) and (max-width: 900px){.container,.app-container{padding:12px}h1{font-size:26px}.grid-3,.grid-cols-3,.grid-4,.grid-cols-4{grid-template-columns:repeat(2,1fr)!important}}@media (min-width: 901px) and (max-width: 1200px){.container,.app-container{max-width:960px;margin:0 auto}.grid-3,.grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1201px){.container,.app-container{max-width:1200px;margin:0 auto}}@media (orientation: landscape) and (max-height: 500px){.hero-section,.banner,.mascot{display:none}.main-content{padding:8px}}@media (orientation: landscape) and (min-width: 768px) and (min-height: 500px){.main-content,.app-container,.container{padding:12px 20px}.ipad-split{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start}.ipad-split>.left-panel{max-height:calc(100vh - 80px);overflow-y:auto;position:sticky;top:12px}.ipad-split>.right-panel{min-width:0}.stat-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px}.header-bar,.top-nav{padding:8px 20px!important;height:56px!important}body{font-size:16px}h1{font-size:1.8rem}h2{font-size:1.4rem}.quiz-area,.lesson-page-content{max-width:720px!important;margin:0 auto!important;padding:20px 30px!important}.chat-messages,.chat-container{max-width:800px!important;margin:0 auto!important}.word-grid,.words-list,.lessons-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}.shop-grid,.pets-grid,.skill-grid{grid-template-columns:repeat(3,1fr)!important}.bottom-nav{position:sticky;top:0;bottom:auto}}.swipe-area{position:relative;overflow:hidden;touch-action:pan-y}.swipe-area:after{content:"";position:absolute;left:0;right:0;top:0;height:20px;background:linear-gradient(to bottom,rgba(0,0,0,.05),transparent);pointer-events:none}.lesson-card{-webkit-user-select:none;user-select:none}.lesson-card:active{transform:scale(.98);transition:transform .1s}@media (display-mode: standalone){body{padding-top:var(--safe-top)}.nav-top{padding-top:calc(var(--safe-top) + 8px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}html,body{overflow-x:hidden;max-width:100vw}*{min-width:0}.lesson-text,.word-phonetic,.word-example,.story-content,.achievement-desc{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}img,video,canvas,svg{max-width:100%;height:auto}pre,code,kbd{white-space:pre-wrap;word-break:break-all;max-width:100%}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 480px){.btn,button.action,.primary-btn{width:auto;min-width:120px}.full-width-mobile{width:100%!important}}.nav-top,.top-bar{padding-top:max(12px,var(--safe-top))}.bottom-nav,.tab-bar{padding-bottom:max(12px,var(--safe-bottom))}button:active,.btn:active,[role=button]:active{opacity:.75;transform:scale(.98)}