:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{-webkit-overflow-scrolling:touch;overflow-x:hidden}pre,code{white-space:pre-wrap;word-wrap:break-word;max-width:100%;overflow-x:auto}.screen{display:none!important}.screen.active{display:flex!important}.sidebar-item{opacity:.85;transition:opacity .2s}.sidebar-item:hover{opacity:1}.sidebar-item.active{opacity:1;background:#58a6ff1a;border-left:2px solid #58a6ff}.topic-card{transition:transform .2s,box-shadow .2s}.topic-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.progress-bar{background:#31353c;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#58a6ff,#67df70);border-radius:3px;height:100%;transition:width .3s}body,button,input,select,textarea{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}code,pre,.code-font{font-family:Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.material-symbols-outlined{font-family:ui-sans-serif,system-ui,BlinkMacSystemFont,Segoe UI,sans-serif}.code-line-active{background-color:#38b2ac1a;border-left:3px solid #38b2ac}.mode-revise .explanation-section,.mode-revise .practice-section,.mode-revise .quiz-section,.mode-study .revise-only{display:none}.hl-keyword{color:#d73a49}.hl-string{color:#032f62}.hl-comment{color:#6a737d}.hl-function{color:#6f42c1}.hl-variable{color:#e36209}.hl-number{color:#005cc5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.3s ease-in-out fadeIn}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.spinner{border:2px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-chat{background:#1c2026;border-radius:12px;flex-direction:column;width:320px;max-height:400px;display:flex;overflow:hidden;box-shadow:0 10px 40px #00000080}.ai-header{color:#fff;background:linear-gradient(90deg,#58a6ff,#0060aa);align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.ai-messages{flex:1;min-height:250px;max-height:300px;padding:16px;overflow-y:auto}.ai-input-area{border-top:1px solid #31353c;gap:8px;padding:12px;display:flex}.ai-input-area input{color:#dfe2eb;background:#10141a;border:1px solid #31353c;border-radius:20px;outline:none;flex:1;padding:10px 14px;font-size:13px}.ai-input-area input:focus{border-color:#58a6ff}.visualization-container{flex-direction:column;gap:20px;padding:20px;display:flex}.code-display{background:#1c2026;border:1px solid #58a6ff33;border-radius:8px;padding:16px;font-family:Fira Code,monospace;font-size:14px;line-height:1.5;overflow-x:auto}.code-line{border-left:3px solid #0000;padding:2px 0;transition:background .2s}.code-line.highlight{background:#58a6ff1a;border-left-color:#58a6ff}.controls{justify-content:center;gap:10px;display:flex}.variables-table{border-collapse:collapse;background:#1c2026;border:1px solid #58a6ff33;border-radius:8px;width:100%;overflow:hidden}.variables-table th,.variables-table td{text-align:left;border-bottom:1px solid #58a6ff1a;padding:8px 12px}.variables-table th{background:#58a6ff1a;font-weight:600}.output-display{white-space:pre-wrap;background:#1c2026;border:1px solid #58a6ff33;border-radius:8px;min-height:100px;padding:16px;font-family:Fira Code,monospace}.ai-input-area button{color:#fff;cursor:pointer;background:#58a6ff;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.ai-input-area button:hover{background:#79b8ff;transform:scale(1.05)}.modal-overlay{opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background-color:#00000080;transition:opacity .3s,visibility .3s}.modal-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.modal-content{background:#1c2026;border:1px solid #58a6ff33;border-radius:12px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #000000b3}.screen{flex-direction:column;width:100%;height:100%;transition:opacity .3s,visibility .3s}.screen.active{opacity:1;visibility:visible}.screen:not(.active){opacity:0;visibility:hidden;pointer-events:none}.ai-chat{border:1px solid #58a6ff4d;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #000c}body.modal-open{overflow:hidden!important}.screen main,.screen>div{-webkit-overflow-scrolling:touch;overflow-y:auto}.modal-overlay:focus,.modal-content:focus{outline-offset:2px;outline:2px solid #58a6ff}button,[role=button]{transition:all .2s}button:active,[role=button]:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{transition:border-color .2s,background-color .2s}input:focus,textarea:focus,select:focus{background-color:#58a6ff0d;border-color:#58a6ff;outline:none}@media (width<=640px){.ai-chat{width:100%;max-height:400px}.screen main{padding:1rem .5rem}}