@media (max-width:768px){.container,body{height:auto!important;min-height:100dvh}body{overflow:auto!important;font-size:15px;line-height:1.6}.container{overflow:visible!important;flex-direction:column!important;padding:0!important;gap:0!important}.top-nav{padding:10px 16px!important;gap:8px!important;flex-wrap:wrap!important}.top-nav .logo{font-size:15px!important}.top-nav .nav-btn{font-size:12px!important;padding:6px 12px!important;min-height:36px}.left-sidebar,.left-sidebar .logo{display:flex!important;align-items:center!important}.left-sidebar{width:100%!important;max-width:100%!important;min-width:unset!important;flex:none!important;padding:6px 12px!important;border:0!important;border-bottom:1px solid rgba(0,255,209,.08)!important;flex-direction:row!important;gap:8px!important}.left-sidebar .logo{gap:0!important;margin:0!important;flex-shrink:0!important}.left-sidebar .logo h1{font-size:12px!important;margin:0!important;color:#00ffd1!important}.left-sidebar .current-lesson h3,.left-sidebar .logo .subtitle,.left-sidebar .progress h3{display:none!important}.left-sidebar .current-lesson,.left-sidebar .lesson-title{font-size:12px!important;font-weight:400!important;padding:0!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#94a3b8!important;flex:none!important;min-width:0!important}.left-sidebar .progress{display:flex!important;flex-direction:row!important;align-items:center!important;gap:4px!important;flex-shrink:0!important;margin:0!important}.progress-bar{width:50px!important}.progress-bar,.progress-fill{height:4px!important;border-radius:99px!important}.progress-text{font-size:10px!important;padding:0!important;color:#94a3b8!important}.left-sidebar .next-preview{display:none!important}.main-content{width:100%!important;max-width:100%!important;flex:none!important;padding:16px!important;height:auto!important;display:flex!important;flex-direction:column!important;gap:16px!important}.main-content .subtitle{font-size:14px!important;margin-bottom:4px!important;color:#94a3b8!important}.function-title{font-size:15px!important;font-weight:600!important;margin:8px 0 4px!important;padding:0!important}.chat-area{margin:0!important;padding:0!important}.messages-container{height:auto!important;max-height:50vh!important;min-height:200px!important;padding:10px!important;border-radius:10px!important;border:1px solid rgba(0,255,209,.1)!important;margin-bottom:8px!important}.message{max-width:95%!important;font-size:15px!important;padding:14px 18px!important;margin-bottom:12px!important;border-radius:14px!important;line-height:1.8!important}.message .hint{font-size:12px!important;margin-top:6px!important}.message .key-btn,.message .option-btn{font-size:14px!important;padding:12px 16px!important;margin:6px 0!important;min-height:44px;border-radius:8px!important;width:100%!important}.action-area{margin:0!important;padding:0!important;flex-shrink:0!important}.function-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:4px 0!important}.func-btn{padding:12px 16px!important;min-height:48px;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;gap:6px!important}.func-btn .func-icon,.modal-content h2,.modal-content h3{font-size:16px!important}.func-btn,.func-btn .func-text,.method-card,.method-card .highlight{font-size:13px!important}.method-card{padding:14px 16px!important;margin:8px 0!important;border-radius:10px!important;line-height:1.6!important}.right-sidebar{width:100%!important;max-width:100%!important;min-width:unset!important;flex:none!important;padding:10px 12px!important;border:0!important;border-top:1px solid rgba(0,255,209,.1)!important}.next-preview{padding:12px!important;margin:4px 0!important;border-radius:10px!important}.next-title{font-size:13px!important}.next-btn{font-size:15px!important;padding:14px!important;min-height:48px;width:100%!important;border-radius:10px!important}.modal-overlay{padding:16px!important;align-items:center!important}.modal-header{padding:12px 16px!important}.modal-title{font-size:16px!important;font-weight:600!important}.modal-body{overflow:auto!important;height:auto!important;min-height:100dvh;padding:16px!important}.modal-content{width:100%!important;max-width:100%!important;margin:0!important;border-radius:14px!important;max-height:80vh!important;overflow-y:auto!important}.modal-content label,.modal-content p{font-size:14px!important;line-height:1.6!important}.modal-content input,.modal-content select,.modal-content textarea{font-size:15px!important;padding:12px!important;border-radius:8px!important}.modal-content button,.modal-footer .modal-btn{font-size:15px!important;padding:12px 20px!important;min-height:44px;border-radius:10px!important}.modal-footer{padding:12px 16px!important;gap:10px!important}.close-modal{font-size:14px!important;padding:8px!important;min-width:36px;min-height:36px}.hint{font-size:12px!important;line-height:1.5!important}.task-table{font-size:13px!important;width:100%!important;overflow-x:auto!important;display:block!important}.task-table td,.task-table th{padding:8px 10px!important;font-size:12px!important}}@media (min-width:769px) and (max-width:1024px){.container{overflow:visible!important;flex-direction:column!important}.left-sidebar,.right-sidebar{width:100%!important;padding:12px 20px!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important}.main-content{width:100%!important;padding:20px!important}.messages-container{max-height:45vh}.function-buttons{grid-template-columns:1fr 1fr!important}}