body,html{overflow-x:hidden}body{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.container,main{max-width:100vw;overflow-x:hidden}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.prose table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:768px){body{font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}.container{padding-left:16px;padding-right:16px}.btn,button{min-height:44px;min-width:44px;padding:12px 16px;font-size:16px}.nav-menu{position:fixed;top:0;left:-100%;width:100%;height:100vh;background:#fff;transition:left .3s ease;z-index:1000}.nav-menu.open{left:0}input,select,textarea{font-size:16px;padding:12px;border-radius:8px}.card-grid{grid-template-columns:1fr;gap:16px}.card{margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.chat-container{height:calc(100vh - 120px);padding:8px}.chat-input{padding:12px;font-size:16px;border-radius:20px}.chat-message{max-width:85%;margin-bottom:12px}.project-workspace{flex-direction:column}.code-editor{min-height:300px;font-size:14px}.project-sidebar{order:2;width:100%;height:auto;max-height:200px;overflow-y:auto}.dashboard-grid{grid-template-columns:1fr}.dashboard-card{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.learning-path{flex-direction:column}.lesson-card{width:100%;margin-bottom:16px}.modal-content{width:95%;max-height:90vh;margin:5vh auto;padding:20px;overflow-y:auto}.achievement-grid{grid-template-columns:repeat(2,1fr);gap:12px}.achievement-badge{padding:8px;font-size:14px}.community-post{padding:12px;margin-bottom:12px}.post-actions{justify-content:space-around;padding:8px 0}.safety-controls{grid-template-columns:1fr}.safety-card{padding:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #3b82f6;outline-offset:2px}.loading-spinner{width:32px;height:32px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@media (max-width:480px){.container{padding-left:12px;padding-right:12px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}.achievement-grid,.stats-grid{grid-template-columns:1fr}.modal-content{width:98%;margin:1vh auto;padding:16px}.chat-message{max-width:90%}}@media (max-width:768px) and (orientation:landscape){.chat-container{height:calc(100vh - 80px)}.project-workspace{flex-direction:row}.project-sidebar{order:1;width:200px;height:100%;max-height:none}.code-editor{min-height:calc(100vh - 120px)}}@media (display-mode:standalone){body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.header{padding-top:calc(env(safe-area-inset-top) + 8px);background:#3b82f6;color:#fff}.bottom-nav{padding-bottom:calc(env(safe-area-inset-bottom) + 8px)}}@media (prefers-color-scheme:dark){.nav-menu{background:#1f2937;color:#fff}.card{background:#374151;color:#fff;border-color:#4b5563}.modal-content{background:#1f2937;color:#fff}}