.code-editor-container{display:flex;flex-direction:column;height:100%;background:var(--editor-bg, #1E1E1E);position:relative;overflow:hidden}.line-numbers{position:absolute;left:0;top:0;bottom:28px;width:50px;background:var(--editor-line-bg, #252526);border-right:1px solid var(--color-border, #3E3E42);overflow:hidden;-webkit-user-select:none;user-select:none;z-index:10;padding-top:12px}.line-number{display:flex;align-items:center;justify-content:flex-end;padding-right:12px;color:var(--editor-line-number, #858585);font-family:JetBrains Mono,Fira Code,Consolas,monospace;transition:all .15s ease}.line-number.active{color:var(--color-text, #D4D4D4);background:var(--editor-current-line, rgba(45, 45, 48, .5))}.line-number.error{color:#fff;background:#b71c1c;font-weight:700;box-shadow:inset 3px 0 #f44336}.editor-area{flex:1;position:relative;margin-left:50px;overflow:hidden}.highlighted-code{position:absolute;top:0;left:0;right:0;bottom:0;padding:12px 16px;overflow:auto;white-space:pre;word-wrap:normal;font-family:JetBrains Mono,Fira Code,Consolas,monospace;color:var(--editor-text, #D4D4D4);background:transparent;pointer-events:none;z-index:1;tab-size:4;-moz-tab-size:4}.highlighted-code .error-line-bg{display:inline-block;width:100%;background:#f4433626;border-left:3px solid #F44336;margin-left:-3px;padding-left:3px}.code-textarea{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;padding:12px 16px;margin:0;border:none;outline:none;resize:none;overflow:auto;white-space:pre;word-wrap:normal;font-family:JetBrains Mono,Fira Code,Consolas,monospace;color:transparent;caret-color:var(--editor-text, #D4D4D4);background:transparent;z-index:2;tab-size:4;-moz-tab-size:4}.code-textarea::placeholder{color:var(--color-text-secondary, #858585);opacity:.5}.code-textarea:focus{outline:none}.editor-status-bar{display:flex;align-items:center;justify-content:flex-end;gap:16px;height:28px;padding:0 12px;background:var(--color-bg-secondary, #252526);border-top:1px solid var(--color-border, #3E3E42);font-size:12px;color:var(--color-text-secondary, #858585);font-family:Segoe UI,system-ui,sans-serif}.status-item{display:flex;align-items:center;gap:4px}.status-item.status-feature{color:var(--color-success, #4EC9B0)}.code-textarea::-webkit-scrollbar,.highlighted-code::-webkit-scrollbar,.line-numbers::-webkit-scrollbar{width:14px;height:14px}.code-textarea::-webkit-scrollbar-track,.highlighted-code::-webkit-scrollbar-track,.line-numbers::-webkit-scrollbar-track{background:var(--editor-bg, #1E1E1E)}.code-textarea::-webkit-scrollbar-thumb,.highlighted-code::-webkit-scrollbar-thumb{background:var(--color-border, #3E3E42);border:3px solid var(--editor-bg, #1E1E1E);border-radius:7px}.code-textarea::-webkit-scrollbar-thumb:hover,.highlighted-code::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #4A90E2)}.code-textarea::selection{background:var(--editor-selection, #264F78)}.theme-light .code-editor-container{background:var(--editor-bg, #FFFFFF)}.theme-light .line-numbers{background:var(--editor-line-bg, #F5F5F5);border-right-color:var(--color-border, #D0D0D0)}.theme-light .line-number{color:var(--editor-line-number, #6E6E6E)}.theme-light .line-number.active{color:var(--color-text, #333333);background:var(--editor-current-line, #FFFBDD)}.theme-light .line-number.error{background:#ffcdd2;color:#b71c1c;box-shadow:inset 3px 0 #f44336}.theme-light .highlighted-code .error-line-bg{background:#f443361a}.theme-light .editor-status-bar{background:var(--color-bg-secondary, #F3F3F3);border-top-color:var(--color-border, #D0D0D0)}.theme-light .code-textarea::selection{background:var(--editor-selection, #ADD6FF)}.theme-dyslexic .code-editor-container{background:var(--editor-bg, #FFFEF0)}.theme-dyslexic .line-numbers{background:var(--editor-line-bg, #F5F4E8);border-right:3px solid var(--color-primary, #0066CC)}.theme-dyslexic .line-number{color:var(--editor-line-number, #7A7A7A);font-weight:600}.theme-dyslexic .line-number.active{color:var(--color-text, #1A1A1A);background:var(--editor-current-line, #FFFFCC)}.theme-dyslexic .line-number.error{background:#ffcdd2;color:#b71c1c;box-shadow:inset 4px 0 #f44336}.theme-dyslexic .highlighted-code,.theme-dyslexic .code-textarea{font-family:OpenDyslexic,Comic Sans MS,Arial,sans-serif!important;letter-spacing:.05em;line-height:1.8!important}.theme-dyslexic .editor-status-bar{background:var(--editor-line-bg, #F5F4E8);border-top:3px solid var(--color-primary, #0066CC);font-weight:600}@media (max-width: 768px){.line-numbers{width:40px}.line-number{padding-right:8px;font-size:11px}.editor-area{margin-left:40px}.highlighted-code,.code-textarea{padding:10px 12px}.editor-status-bar{height:24px;font-size:11px;gap:12px;padding:0 8px}}@media (max-width: 480px){.line-numbers{width:35px}.line-number{padding-right:6px;font-size:10px}.editor-area{margin-left:35px}.editor-status-bar{display:none}}@media (prefers-reduced-motion: reduce){.line-number,.code-textarea,.highlighted-code{transition:none!important}}.console-container{height:100%;display:flex;flex-direction:column;background:var(--console-bg, #181818);color:var(--console-text, #CCCCCC);font-family:JetBrains Mono,Fira Code,Consolas,monospace;overflow:hidden}.console-header-fixed{flex-shrink:0;padding:16px;border-bottom:1px solid var(--color-border, #3E3E42);background:inherit;display:flex;flex-direction:column;gap:12px}.welcome-header{display:flex;flex-direction:column;gap:4px}.welcome-title{font-size:14px;font-weight:600;color:inherit}.welcome-subtitle{font-size:12px;color:inherit;opacity:.7}.welcome-f5{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#4a90e226;border:1px solid rgba(74,144,226,.3);border-radius:8px;font-size:13px;color:inherit}.welcome-f5 .f5-icon{font-size:18px}.welcome-f5 kbd{background:var(--color-bg-secondary, #252526);border:1px solid var(--color-border, #3E3E42);border-radius:4px;padding:3px 7px;font-size:11px;font-family:inherit;color:inherit;box-shadow:0 1px 2px #0003;transition:all .2s ease}.welcome-f5 kbd:hover{background:var(--color-bg-tertiary, #2D2D30);border-color:var(--color-primary, #4A90E2);transform:translateY(-1px);box-shadow:0 3px 6px #0000004d}.welcome-f5 strong{color:#4ec9b0}.welcome-shortcuts{display:flex;flex-wrap:wrap;gap:10px}.shortcut-item{display:flex;align-items:center;gap:6px;font-size:11px;color:inherit;opacity:.8;cursor:pointer;transition:opacity .2s ease}.shortcut-item:hover{opacity:1}.shortcut-item kbd{background:var(--color-bg-secondary, #252526);border:1px solid var(--color-border, #3E3E42);border-radius:4px;padding:3px 6px;font-size:10px;font-family:inherit;color:inherit;box-shadow:0 1px 2px #0003;transition:all .2s ease}.shortcut-item:hover kbd{background:var(--color-bg-tertiary, #2D2D30);border-color:var(--color-primary, #4A90E2);transform:translateY(-1px);box-shadow:0 3px 6px #0000004d}.console-results{flex:1;overflow-y:auto;padding:16px;min-height:0}.console-empty{display:flex;align-items:center;justify-content:center;gap:10px;padding:30px;color:inherit;opacity:.5;font-size:13px}.console-empty .empty-icon{font-size:20px}.console-loading{display:flex;align-items:center;gap:12px;padding:20px;color:var(--color-warning, #CE9178)}.loading-spinner{width:20px;height:20px;border:2px solid var(--color-border, #3E3E42);border-top-color:var(--color-primary, #4A90E2);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.console-output-content{display:flex;flex-direction:column;gap:12px}.output-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#4ec9b01a;border-left:3px solid var(--color-success, #4EC9B0);border-radius:4px;font-size:13px;color:var(--color-success, #4EC9B0)}.output-icon{font-size:14px}.output-lines{display:flex;flex-direction:column;gap:2px}.output-line{padding:2px 0;line-height:1.5}.output-structure{font-weight:500}.output-pile{color:#ff79c6}.output-file{color:#8be9fd}.output-dict{color:#ffb86c}.output-list{color:#50fa7b}.output-boolean{color:var(--syntax-value, #569CD6);font-style:italic}.output-number{color:var(--syntax-number, #B5CEA8)}.console-error{display:flex;flex-direction:column;gap:12px;animation:fadeIn .3s ease-out}.error-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f487711a;border-left:4px solid var(--color-error, #F48771);border-radius:4px}.error-icon{font-size:18px}.error-type{font-weight:600;color:var(--color-error, #F48771);font-size:14px}.error-location{margin-left:auto;padding:4px 8px;background:var(--color-bg-secondary, #252526);border-radius:4px;font-size:12px;color:var(--color-text-secondary, #858585)}.error-message{padding:12px 16px;background:var(--color-bg-secondary, #252526);border-radius:4px;font-size:13px;line-height:1.5;border:1px solid var(--color-border, #3E3E42)}.error-code-frame{margin:0;padding:12px 16px;background:var(--editor-bg, #1E1E1E);border-radius:4px;font-size:12px;line-height:1.6;overflow-x:auto;border:1px solid var(--color-border, #3E3E42);color:var(--editor-text, #D4D4D4)}.error-hint{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;background:#569cd61a;border-left:3px solid var(--color-info, #569CD6);border-radius:4px;font-size:13px}.hint-icon{font-size:16px;flex-shrink:0}.error-suggestions{padding:12px 16px;background:var(--color-bg-secondary, #252526);border-radius:4px;border:1px solid var(--color-border, #3E3E42)}.suggestions-title{font-weight:600;margin-bottom:8px;font-size:13px;color:var(--color-warning, #CE9178)}.error-suggestions ul{margin:0;padding-left:20px;list-style-type:none}.error-suggestions li{padding:4px 0;font-size:12px;line-height:1.5;color:var(--color-text-secondary, #858585)}.error-suggestions li:before{content:"→ ";color:var(--color-primary, #4A90E2)}.console-results::-webkit-scrollbar{width:10px}.console-results::-webkit-scrollbar-track{background:var(--console-bg, #181818)}.console-results::-webkit-scrollbar-thumb{background:var(--color-border, #3E3E42);border-radius:5px}.console-results::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #4A90E2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.theme-light .console-container{background:var(--console-bg, #FAFAFA);color:var(--console-text, #333333)}.theme-light .console-header-fixed{border-bottom-color:#d0d0d0}.theme-light .console-container kbd,.theme-light .welcome-f5 kbd,.theme-light .shortcut-item kbd{background:#e8e8e8!important;border:1px solid #BDBDBD!important;color:#1a1a1a!important;box-shadow:0 2px 4px #00000026!important;font-weight:600}.theme-light .welcome-f5{background:#1976d21a;border-color:#1976d24d}.theme-light .welcome-f5 strong{color:#1976d2}.theme-light .shortcut-item:hover kbd,.theme-light .welcome-f5 kbd:hover{background:#d0d0d0!important;border-color:#1976d2!important;transform:translateY(-1px)}.theme-light .error-code-frame{background:#f5f5f5;border-color:#d0d0d0}.theme-light .output-pile{color:#c62828}.theme-light .output-file{color:#0277bd}.theme-light .output-dict{color:#ef6c00}.theme-light .output-list{color:#2e7d32}.theme-light .output-header{background:#2e7d321a;border-left-color:#2e7d32;color:#2e7d32}.theme-light .error-header{background:#d32f2f1a;border-left-color:#d32f2f}.theme-light .error-type{color:#d32f2f}.theme-light .error-hint{background:#1976d21a;border-left-color:#1976d2}.theme-dyslexic .console-container{background:var(--console-bg, #FFFEF5);color:var(--console-text, #2C2C2C);font-family:OpenDyslexic,Comic Sans MS,Arial,sans-serif!important;letter-spacing:.05em;line-height:1.8}.theme-dyslexic .console-header-fixed{border-bottom:3px solid var(--color-primary, #0066CC)}.theme-dyslexic .welcome-f5 kbd,.theme-dyslexic .shortcut-item kbd{background:#fff;border:2px solid #0066CC;color:#06c;font-weight:600;padding:4px 8px}.theme-dyslexic .welcome-title{font-size:15px}.theme-dyslexic .welcome-f5{font-size:14px}.theme-dyslexic .shortcut-item{font-size:12px}.theme-dyslexic .error-header,.theme-dyslexic .error-message,.theme-dyslexic .error-hint,.theme-dyslexic .error-suggestions{font-size:14px;line-height:1.8}.theme-dyslexic .error-code-frame{font-size:13px;line-height:1.8}@media (max-width: 768px){.console-header-fixed{padding:12px;gap:8px}.welcome-header{flex-direction:row;align-items:center;justify-content:space-between}.welcome-title{font-size:13px}.welcome-subtitle,.welcome-f5,.welcome-shortcuts{display:none}.console-results{padding:12px}.output-header{font-size:12px;padding:6px 10px}.output-line{font-size:13px}.error-header{flex-wrap:wrap;gap:8px;padding:10px 12px}.error-type{font-size:13px}.error-location{margin-left:0;font-size:11px}.error-message{font-size:12px;padding:10px 12px}.error-code-frame{font-size:11px;padding:10px 12px}.error-hint{font-size:12px;padding:10px 12px}.error-suggestions{padding:10px 12px}.error-suggestions li{font-size:11px}.console-empty{padding:20px;font-size:12px}}@media (max-width: 480px){.console-header-fixed{padding:10px}.welcome-title{font-size:12px}.console-results{padding:10px}.output-line{font-size:12px}.error-header{padding:8px 10px}.error-icon{font-size:16px}.error-type{font-size:12px}}@media (prefers-reduced-motion: reduce){.loading-spinner,.console-error{animation:none}}@media (prefers-contrast: high){.console-header-fixed{border-bottom-width:3px}.error-header,.output-header,.error-hint{border-left-width:6px}.welcome-f5 kbd,.shortcut-item kbd{border-width:2px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{background:var(--color-bg, #1E1E1E);border-radius:12px;box-shadow:0 20px 60px #0006;max-height:90vh;max-width:90vw;display:flex;flex-direction:column;animation:slideUp .3s ease;border:1px solid var(--color-border, #3E3E42)}.manual-modal{width:900px;height:85vh}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--color-border, #3E3E42);background:var(--color-bg-secondary, #252526);border-radius:12px 12px 0 0}.modal-header h1{margin:0;font-size:20px;font-weight:600;color:var(--color-text, #D4D4D4)}.modal-close{width:32px;height:32px;border:none;background:transparent;color:var(--color-text-secondary, #858585);font-size:24px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:var(--color-error, #F48771);color:#fff}.modal-tabs{display:flex;gap:4px;padding:8px 16px;background:var(--color-bg-secondary, #252526);border-bottom:1px solid var(--color-border, #3E3E42);overflow-x:auto}.modal-tab{padding:10px 16px;border:none;background:transparent;color:var(--color-text-secondary, #858585);font-size:14px;cursor:pointer;border-radius:6px;white-space:nowrap;transition:all .2s ease}.modal-tab:hover{background:var(--ui-hover, #37373D);color:var(--color-text, #D4D4D4)}.modal-tab.active{background:var(--color-primary, #4A90E2);color:#fff}.modal-body{flex:1;overflow-y:auto;padding:24px}.manual-section h2{margin:0 0 16px;color:var(--color-primary, #4A90E2);font-size:22px;border-bottom:2px solid var(--color-primary, #4A90E2);padding-bottom:8px}.manual-intro{color:var(--color-text-secondary, #858585);margin-bottom:20px;line-height:1.6}.search-box{margin-bottom:20px}.search-input{width:100%;padding:12px 16px;border:2px solid var(--color-border, #3E3E42);border-radius:8px;background:var(--color-bg, #1E1E1E);color:var(--color-text, #D4D4D4);font-size:14px;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:var(--color-primary, #4A90E2)}.search-input::placeholder{color:var(--color-text-secondary, #858585)}.manual-card{background:var(--color-bg-secondary, #252526);border:1px solid var(--color-border, #3E3E42);border-radius:8px;padding:16px 20px;margin-bottom:16px}.manual-card h3{margin:0 0 12px;color:var(--color-text, #D4D4D4);font-size:16px;font-weight:600}.manual-card.warning{border-color:var(--color-warning, #CE9178);background:#ce91781a}.manual-card.warning h3{color:var(--color-warning, #CE9178)}.code-block{background:var(--editor-bg, #1E1E1E);border:1px solid var(--color-border, #3E3E42);border-radius:6px;padding:12px 16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.6;overflow-x:auto;color:var(--editor-text, #D4D4D4);margin:0}.reserved-list{display:block;background:var(--color-bg, #1E1E1E);padding:12px;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.8;color:var(--color-error, #F48771);word-wrap:break-word}.note{margin-top:12px;padding:10px 14px;background:#569cd61a;border-left:3px solid var(--color-info, #569CD6);border-radius:0 6px 6px 0;font-size:13px;color:var(--color-text-secondary, #858585)}.manual-table{width:100%;border-collapse:collapse;font-size:13px}.manual-table th,.manual-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--color-border, #3E3E42)}.manual-table th{background:var(--color-bg, #1E1E1E);color:var(--color-text-secondary, #858585);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.manual-table td{color:var(--color-text, #D4D4D4)}.manual-table tr:hover td{background:#ffffff08}.manual-table code{font-family:JetBrains Mono,monospace;font-size:12px;padding:2px 6px;border-radius:4px;background:var(--color-bg, #1E1E1E)}.manual-table code.keyword{color:var(--syntax-control, #C586C0);font-weight:600}.manual-table code.function{color:var(--syntax-function-call, #DCDCAA)}.manual-table code.operator{color:var(--syntax-operator, #D4D4D4);font-weight:700}.modal-footer{padding:12px 24px;border-top:1px solid var(--color-border, #3E3E42);text-align:center;color:var(--color-text-secondary, #858585);font-size:12px}.modal-body::-webkit-scrollbar{width:10px}.modal-body::-webkit-scrollbar-track{background:var(--color-bg, #1E1E1E)}.modal-body::-webkit-scrollbar-thumb{background:var(--color-border, #3E3E42);border-radius:5px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #4A90E2)}@media (max-width: 768px){.modal-container{margin:10px;max-height:calc(100vh - 20px)}.manual-modal{width:calc(100vw - 20px);height:calc(100vh - 20px)}.modal-tabs{padding:8px;gap:2px}.modal-tab{padding:8px 12px;font-size:12px}.modal-body{padding:16px}.manual-table{font-size:12px}.manual-table th,.manual-table td{padding:8px}}.theme-light .modal-container{background:#fff}.theme-light .modal-header,.theme-light .modal-tabs{background:#f5f5f5}.theme-light .manual-card{background:#f9f9f9}.theme-light .code-block{background:#f5f5f5}.theme-dyslexic .modal-container{background:#fffef0}.theme-dyslexic .code-block{font-size:14px;line-height:1.8}.theme-dyslexic .manual-table{font-size:14px}.about-modal{width:700px;max-height:85vh}.about-body{padding:24px}.about-hero{text-align:center;margin-bottom:24px}.about-flags{font-size:48px;margin-bottom:12px}.about-hero h2{color:var(--color-primary, #4A90E2);margin:0;font-size:24px}.about-description{background:var(--color-bg-secondary, #252526);padding:16px 20px;border-radius:8px;margin-bottom:24px;line-height:1.7}.about-description p{margin:0 0 12px}.about-description p:last-child{margin-bottom:0}.about-body h3{color:var(--color-primary, #4A90E2);margin:24px 0 16px;font-size:18px}.about-mission{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.mission-card{background:var(--color-bg-secondary, #252526);padding:16px;border-radius:8px;text-align:center}.mission-icon{font-size:32px;display:block;margin-bottom:8px}.mission-card h4{margin:0 0 8px;color:var(--color-text, #D4D4D4)}.mission-card p{margin:0;font-size:13px;color:var(--color-text-secondary, #858585);line-height:1.5}.about-features ul{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;list-style:none;padding:0;margin:0}.about-features li{padding:8px 12px;background:var(--color-bg-secondary, #252526);border-radius:6px;font-size:14px}.about-developer{display:flex;align-items:center;gap:16px;padding:16px;background:var(--color-bg-secondary, #252526);border-radius:8px;margin-bottom:24px}.developer-avatar{width:60px;height:60px;background:var(--color-primary, #4A90E2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff}.developer-logo{max-width:200px;height:auto;object-fit:contain}.developer-info strong{display:block;font-size:16px;margin-bottom:4px}.developer-info p{margin:2px 0;font-size:13px;color:var(--color-text-secondary, #858585)}.about-footer{text-align:center;padding-top:24px;border-top:1px solid var(--color-border, #3E3E42)}.about-slogan{font-style:italic;color:var(--color-primary, #4A90E2);font-size:16px;margin:0 0 8px}.about-version,.about-copyright{margin:4px 0;font-size:12px;color:var(--color-text-secondary, #858585)}.exercises-modal{width:900px;max-height:90vh}.exercises-body{padding:24px}.exercises-intro{margin:0 0 20px;padding:12px 16px;background:#4a90e21a;border-radius:8px;color:var(--color-text-secondary, #858585)}.exercises-intro p{margin:4px 0}.exercises-filters{display:flex;gap:12px;align-items:center;margin-bottom:20px;padding:12px 16px;background:var(--color-bg-secondary, #252526);border-radius:8px}.filter-select{padding:8px 12px;border:1px solid var(--color-border, #3E3E42);border-radius:6px;background:var(--color-bg, #1E1E1E);color:var(--color-text, #D4D4D4);font-size:13px;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--color-primary, #4A90E2)}.filter-count{margin-left:auto;font-size:13px;color:var(--color-primary, #4A90E2);font-weight:600}.exercises-list{display:flex;flex-direction:column;gap:16px}.exercise-card{background:var(--color-bg-secondary, #252526);border:1px solid var(--color-border, #3E3E42);border-radius:8px;padding:16px}.exercise-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.exercise-level{font-size:12px;padding:4px 8px;background:var(--color-bg, #1E1E1E);border-radius:4px}.exercise-category{font-size:11px;padding:3px 8px;background:var(--color-primary, #4A90E2);color:#fff;border-radius:4px}.exercise-header h4{margin:0;font-size:15px;color:var(--color-text, #D4D4D4);flex:1}.exercise-description{margin:0 0 12px;font-size:14px;color:var(--color-text-secondary, #858585);line-height:1.5}.solution-toggle{padding:8px 16px;background:var(--color-primary, #4A90E2);color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:background .2s}.solution-toggle:hover{background:#3a80d2}.solution-container{margin-top:12px;animation:fadeIn .2s ease}.solution-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--color-bg-secondary, #252526);border:1px solid var(--color-border, #3E3E42);border-bottom:none;border-radius:6px 6px 0 0;font-size:12px;font-weight:600;color:var(--color-text-secondary, #858585)}.exercise-solution{margin:0;padding:12px 16px;background:var(--editor-bg, #1E1E1E);border:1px solid var(--color-border, #3E3E42);border-radius:0 0 6px 6px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.5;overflow-x:auto;color:var(--editor-text, #D4D4D4)}.copy-btn{padding:4px 10px;background:var(--color-bg, #1E1E1E);border:1px solid var(--color-border, #3E3E42);border-radius:4px;color:var(--color-text, #D4D4D4);font-size:12px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:4px}.copy-btn:hover{background:var(--color-primary, #4A90E2);border-color:var(--color-primary, #4A90E2);color:#fff}.copy-btn.copied{background:#28a745;border-color:#28a745;color:#fff}.code-block-container{position:relative;margin:12px 0}.code-block-container .copy-btn{position:absolute;top:8px;right:8px;opacity:0;transition:opacity .2s;z-index:1}.code-block-container:hover .copy-btn{opacity:1}.code-block-title{padding:6px 12px;background:var(--color-bg-secondary, #252526);border:1px solid var(--color-border, #3E3E42);border-bottom:none;border-radius:6px 6px 0 0;font-size:12px;font-weight:600;color:var(--color-text-secondary, #858585)}.code-block-container .code-block{margin:0;border-radius:0 0 6px 6px}.code-block-container .code-block-title+.code-block{border-top:none}@media (max-width: 768px){.about-modal,.exercises-modal{width:calc(100vw - 20px)}.about-mission,.about-features ul{grid-template-columns:1fr}.code-block-container .copy-btn{opacity:1}}.toolbar{display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-secondary, #252526);border-bottom:1px solid var(--color-border, #3E3E42);padding:6px 12px;gap:8px;-webkit-user-select:none;user-select:none;flex-shrink:0;flex-wrap:nowrap;min-height:44px}.toolbar-section{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:nowrap}.toolbar-left{flex:0 0 auto}.toolbar-center{flex:1 1 auto;justify-content:center;min-width:0}.toolbar-right{flex:0 0 auto}.toolbar-logo{display:flex;align-items:baseline;gap:6px;white-space:nowrap}.logo-title{font-size:15px;font-weight:700;color:#5bc0de;letter-spacing:.3px}.logo-subtitle{font-size:11px;font-weight:400;color:#5bc0de;opacity:.7}.toolbar-divider{width:1px;height:20px;background:var(--color-border, #3E3E42);margin:0 2px;flex-shrink:0}.toolbar-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 8px;border-radius:4px;font-size:12px;font-weight:500;color:var(--color-text, #D4D4D4);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.toolbar-btn:hover{background:var(--color-bg-tertiary, #2D2D30);border-color:var(--color-border, #3E3E42)}.toolbar-btn:active{transform:scale(.97)}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-btn.icon-only{padding:5px 8px;font-size:14px;min-width:32px}.toolbar-btn.primary{background:#388e3c;color:#fff;border-color:#2e7d32;padding:5px 12px}.toolbar-btn.primary:hover{background:#43a047}.toolbar-btn.primary.running{background:#d32f2f;border-color:#c62828}.toolbar-btn.primary.running:hover{background:#e53935}.toolbar-btn.icon-btn{padding:3px 8px;font-size:14px;font-weight:700;min-width:26px}.toolbar-select{padding:4px 22px 4px 8px;border-radius:4px;font-size:11px;color:var(--color-text, #D4D4D4);background:var(--color-bg-tertiary, #2D2D30);border:1px solid var(--color-border, #3E3E42);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23858585' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;flex-shrink:0}.toolbar-select:hover{border-color:var(--color-primary, #4A90E2)}.toolbar-select:focus{outline:none;border-color:var(--color-primary, #4A90E2)}.toolbar-select option{background:var(--color-bg, #1E1E1E);color:var(--color-text, #D4D4D4);padding:6px}.examples-select{min-width:100px;max-width:120px}.theme-select{min-width:90px}.console-select{min-width:105px}.zoom-label{font-size:10px;color:var(--color-text-secondary, #858585);white-space:nowrap}.zoom-compact{display:flex;align-items:center;gap:2px;background:var(--color-bg, #1E1E1E);border-radius:4px;border:1px solid var(--color-border, #3E3E42);padding:1px}.zoom-value{font-size:10px;color:var(--color-text, #D4D4D4);min-width:28px;text-align:center;font-family:JetBrains Mono,monospace}.theme-light .toolbar{background:var(--color-bg-secondary, #F3F3F3);border-bottom-color:var(--color-border, #D0D0D0)}.theme-light .toolbar-btn{color:var(--color-text, #333333)}.theme-light .toolbar-btn:hover{background:var(--color-bg-tertiary, #E8E8E8);border-color:var(--color-border, #D0D0D0)}.theme-light .toolbar-select{background:var(--color-bg, #FFFFFF);border-color:var(--color-border, #D0D0D0);color:var(--color-text, #333333)}.theme-light .zoom-compact{background:var(--color-bg, #FFFFFF);border-color:var(--color-border, #D0D0D0)}.theme-light .logo-title,.theme-light .logo-subtitle{color:#3498db}.theme-dyslexic .toolbar{background:#e8e8e8;border-bottom:3px solid var(--color-primary, #0066CC);padding:8px 12px}.theme-dyslexic .toolbar-btn{font-weight:600;font-size:13px}.theme-dyslexic .toolbar-select{font-weight:600;font-size:12px}.theme-dyslexic .logo-title{font-size:16px;color:#06c}.theme-dyslexic .logo-subtitle{font-size:12px;color:#06c}@media (max-width: 1400px){.toolbar{padding:5px 10px;gap:6px}.toolbar-section{gap:4px}.logo-subtitle,.zoom-label{display:none}.toolbar-btn{padding:4px 6px;font-size:11px}.toolbar-select{font-size:10px;padding:4px 18px 4px 6px}.examples-select{min-width:85px;max-width:100px}.theme-select{min-width:80px}.console-select{min-width:95px}}@media (max-width: 1200px){.console-select{display:none}.toolbar-btn:not(.primary):not(.icon-only):not(.icon-btn){padding:4px 6px}.toolbar-right .toolbar-btn:not(.icon-only){font-size:0}.toolbar-right .toolbar-btn:not(.icon-only):before{font-size:14px}.toolbar-right .toolbar-btn:nth-last-child(3):before{content:"📖";font-size:14px}.toolbar-right .toolbar-btn:nth-last-child(2):before{content:"🎯";font-size:14px}}@media (max-width: 1024px){.toolbar-center,.toolbar-divider{display:none}}@media (max-width: 768px){.toolbar{padding:6px 8px;gap:6px}.toolbar-right{display:none}.toolbar-left{flex:1;justify-content:space-between}.logo-title{font-size:14px}.toolbar-btn.primary{padding:6px 10px}}@media (max-width: 480px){.toolbar{padding:4px 6px}.logo-title{font-size:12px}.toolbar-btn.icon-only{padding:4px 6px;min-width:28px;font-size:12px}.toolbar-btn.primary{padding:5px 8px;font-size:11px}}.toolbar-btn:focus-visible,.toolbar-select:focus-visible{outline:2px solid var(--color-primary, #4A90E2);outline-offset:2px}@media (prefers-reduced-motion: reduce){.toolbar-btn,.toolbar-select{transition:none}}.tab-bar{display:flex;align-items:center;background:var(--color-bg-tertiary, #2D2D30);border-bottom:1px solid var(--color-border, #3E3E42);min-height:36px;padding:0 8px;gap:8px;overflow:hidden}.tabs-container{display:flex;align-items:center;gap:2px;flex:1;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:4px 0}.tabs-container::-webkit-scrollbar{height:4px}.tabs-container::-webkit-scrollbar-track{background:transparent}.tabs-container::-webkit-scrollbar-thumb{background:var(--color-border, #3E3E42);border-radius:2px}.tab{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-bg-secondary, #252526);border:1px solid transparent;border-bottom:none;border-radius:4px 4px 0 0;cursor:pointer;white-space:nowrap;min-width:100px;max-width:200px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.tab:hover{background:var(--ui-hover, #37373D)}.tab.active{background:var(--color-bg, #1E1E1E);border-color:var(--color-border, #3E3E42);border-bottom-color:var(--color-bg, #1E1E1E);margin-bottom:-1px}.tab-icon{font-size:14px;flex-shrink:0}.tab-name{flex:1;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:var(--color-text-secondary, #858585)}.tab.active .tab-name{color:var(--color-text, #D4D4D4)}.tab-input{flex:1;min-width:60px;padding:2px 4px;background:var(--color-bg, #1E1E1E);color:var(--color-text, #D4D4D4);border:1px solid var(--color-primary, #4A90E2);border-radius:2px;font-size:13px;font-family:inherit;outline:none}.tab-rename{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:transparent;border:none;border-radius:3px;font-size:10px;cursor:pointer;opacity:0;transition:all .15s ease;flex-shrink:0}.tab:hover .tab-rename{opacity:.6}.tab:hover .tab-rename:hover{opacity:1;background:var(--color-primary, #4A90E2);transform:scale(1.1)}.tab.active .tab-rename{opacity:.6}.tab.active .tab-rename:hover{opacity:1;background:var(--color-primary, #4A90E2)}.tab-modified{color:var(--color-warning, #CE9178);font-size:10px;flex-shrink:0}.tab-close{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:transparent;border:none;border-radius:3px;color:var(--color-text-secondary, #858585);font-size:16px;font-weight:700;cursor:pointer;opacity:0;transition:all .15s ease;flex-shrink:0}.tab:hover .tab-close,.tab.active .tab-close{opacity:1}.tab-close:hover{background:var(--color-error, #F48771);color:#fff}.tab-add{display:flex;align-items:center;gap:4px;padding:6px 12px;background:transparent;border:1px dashed var(--color-border, #3E3E42);border-radius:4px;color:var(--color-text-secondary, #858585);font-size:13px;cursor:pointer;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.tab-add:hover{background:var(--ui-hover, #37373D);border-style:solid;color:var(--color-text, #D4D4D4)}.tab-add-icon{font-size:14px;font-weight:700}.tab-add-text{font-size:12px}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.confirm-modal{background:var(--color-bg, #1E1E1E);border:1px solid var(--color-border, #3E3E42);border-radius:12px;padding:24px;min-width:320px;max-width:400px;text-align:center;box-shadow:0 20px 60px #00000080;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-modal-icon{font-size:48px;margin-bottom:16px}.confirm-modal-title{font-size:18px;font-weight:600;color:var(--color-text, #D4D4D4);margin:0 0 12px}.confirm-modal-message{font-size:14px;color:var(--color-text-secondary, #858585);margin:0 0 24px;line-height:1.5}.confirm-modal-buttons{display:flex;gap:12px;justify-content:center}.confirm-btn{padding:10px 20px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.confirm-btn.cancel{background:var(--color-bg-tertiary, #2D2D30);color:var(--color-text, #D4D4D4);border:1px solid var(--color-border, #3E3E42)}.confirm-btn.cancel:hover{background:var(--ui-hover, #37373D)}.confirm-btn.confirm{background:var(--color-error, #F48771);color:#fff}.confirm-btn.confirm:hover{background:#e57761;transform:translateY(-1px)}.theme-light .tab-bar{background:var(--color-bg-tertiary, #E8E8E8);border-bottom-color:var(--color-border, #D0D0D0)}.theme-light .tab{background:var(--color-bg-secondary, #F3F3F3)}.theme-light .tab:hover{background:#fff}.theme-light .tab.active{background:#fff;border-color:var(--color-border, #D0D0D0);border-bottom-color:#fff}.theme-light .tab-name{color:var(--color-text-secondary, #666666)}.theme-light .tab.active .tab-name{color:var(--color-text, #333333)}.theme-light .tab-input{background:#fff;color:var(--color-text, #333333)}.theme-light .confirm-modal{background:#fff;border-color:#d0d0d0}.theme-light .confirm-modal-title{color:#333}.theme-light .confirm-btn.cancel{background:#f3f3f3;color:#333;border-color:#d0d0d0}.theme-dyslexic .tab-bar{background:#e0e0e0;border-bottom:3px solid var(--color-primary, #0066CC)}.theme-dyslexic .tab{background:#f0f0f0;border:2px solid transparent;font-weight:600}.theme-dyslexic .tab:hover{background:#fff;border-color:var(--color-primary, #0066CC)}.theme-dyslexic .tab.active{background:var(--editor-bg, #FFFEF0);border-color:var(--color-primary, #0066CC);border-bottom-color:var(--editor-bg, #FFFEF0)}.theme-dyslexic .tab-name{font-size:14px}.theme-dyslexic .tab-add{border:2px dashed var(--color-primary, #0066CC);font-weight:600}.theme-dyslexic .tab-add:hover{background:var(--color-primary, #0066CC);color:#fff;border-style:solid}.theme-dyslexic .tab-rename{font-size:12px}.theme-dyslexic .confirm-modal{background:#fffef0;border:3px solid var(--color-primary, #0066CC)}.theme-dyslexic .confirm-modal-title{font-size:20px}.theme-dyslexic .confirm-modal-message{font-size:16px}.theme-dyslexic .confirm-btn{font-size:15px;font-weight:600;padding:12px 24px}@media (max-width: 768px){.tab-bar{padding:0 4px}.tab{min-width:80px;max-width:150px;padding:5px 8px}.tab-icon{display:none}.tab-name{font-size:12px}.tab-rename{display:none}.tab-add{padding:5px 8px;font-size:12px}.confirm-modal{min-width:280px;margin:16px}.confirm-modal-buttons{flex-direction:column}}@media (max-width: 480px){.tab{min-width:60px;max-width:100px;padding:4px 6px}.tab-name{font-size:11px}.tab-add-text{display:none}}.tab:focus-visible,.tab-add:focus-visible,.tab-rename:focus-visible,.confirm-btn:focus-visible{outline:2px solid var(--color-primary, #4A90E2);outline-offset:2px}@media (prefers-reduced-motion: reduce){.tab,.tab-close,.tab-add,.tab-rename,.confirm-modal,.confirm-modal-overlay{transition:none;animation:none}}.newyear-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,#1a1a2e,#16213e,#0f0f23);display:flex;align-items:center;justify-content:center;z-index:10000;animation:overlayFadeIn .5s ease-out;overflow:hidden}.newyear-overlay.closing{animation:overlayFadeOut .5s ease-out forwards}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}.confetti-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.confetti{position:absolute;top:-20px;border-radius:2px;animation:confettiFall linear infinite}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.fireworks-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.firework{position:absolute;width:4px;height:4px;animation:fireworkExplode 2s ease-out infinite}.firework-particle{position:absolute;width:4px;height:4px;background:var(--fw-color, #FFD700);border-radius:50%;animation:particleExpand 2s ease-out infinite;transform-origin:center;transform:rotate(var(--angle)) translate(0);box-shadow:0 0 6px var(--fw-color, #FFD700)}@keyframes fireworkExplode{0%,50%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes particleExpand{0%,50%{transform:rotate(var(--angle)) translate(0);opacity:0}60%{opacity:1}to{transform:rotate(var(--angle)) translate(80px);opacity:0}}.newyear-content{position:relative;z-index:10;text-align:center;padding:40px 50px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 60px #0000004d;animation:contentPopIn .6s cubic-bezier(.68,-.55,.265,1.55);max-width:500px}@keyframes contentPopIn{0%{opacity:0;transform:scale(.5) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}.newyear-sparkles{font-size:40px;animation:sparkle 1s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(10deg);opacity:.8}}.newyear-title{margin:20px 0;display:flex;flex-direction:column;gap:5px}.year-text{font-size:28px;font-weight:300;color:#fff;text-shadow:0 2px 10px rgba(255,215,0,.3);letter-spacing:2px}.year-number{font-size:72px;font-weight:800;background:linear-gradient(135deg,gold,orange,#ff6b6b,#ff69b4,gold);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;text-shadow:none;filter:drop-shadow(0 4px 20px rgba(255,215,0,.4))}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.newyear-message{margin:20px 0}.launch-text{font-size:20px;color:#4ecdc4;margin:0 0 8px;font-weight:600}.launch-text strong{color:gold}.subtitle{font-size:14px;color:#ffffffb3;margin:0;font-style:italic}.newyear-wishes{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;background:#4ecdc426;border-radius:10px;margin:20px 0;border:1px solid rgba(78,205,196,.3)}.newyear-wishes span{font-size:24px}.newyear-wishes p{margin:0;font-size:14px;color:#fff;line-height:1.5}.newyear-flags{font-size:24px;letter-spacing:8px;margin:20px 0;animation:flagsWave 2s ease-in-out infinite}@keyframes flagsWave{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.newyear-btn{padding:14px 32px;font-size:16px;font-weight:600;color:#1a1a2e;background:linear-gradient(135deg,gold,orange);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd70066;margin:10px 0}.newyear-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #ffd70080}.newyear-btn:active{transform:translateY(0) scale(.98)}.newyear-credit{margin:15px 0 0;font-size:12px;color:#ffffff80}.newyear-credit strong{color:#4ecdc4}@media (max-width: 600px){.newyear-content{padding:30px 25px;margin:20px;max-width:calc(100vw - 40px)}.year-text{font-size:22px}.year-number{font-size:52px}.launch-text{font-size:16px}.newyear-flags{font-size:20px;letter-spacing:5px}.newyear-wishes{flex-direction:column;gap:8px}.newyear-wishes p{font-size:13px}}@media (prefers-reduced-motion: reduce){.confetti,.firework,.firework-particle,.newyear-sparkles,.newyear-flags{animation:none!important}.newyear-content{animation:overlayFadeIn .3s ease-out}.year-number{animation:none;background-position:0% 50%}}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow:hidden;height:100%;width:100%}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;background:var(--color-bg, #1E1E1E);color:var(--color-text, #D4D4D4);overflow:hidden;position:relative}.tabbar-wrapper{flex-shrink:0}.main-content{display:flex;flex:1;overflow:hidden;min-height:0}.editor-pane,.console-pane{display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0}.editor-pane{flex:1.2;border-right:1px solid var(--color-border, #3E3E42)}.console-pane{flex:.8}.pane-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;background:var(--color-bg-secondary, #252526);border-bottom:1px solid var(--color-border, #3E3E42);font-size:14px;font-weight:600;color:var(--color-text, #D4D4D4);-webkit-user-select:none;user-select:none;min-height:42px;flex-shrink:0}.pane-header span:first-child{display:flex;align-items:center;gap:8px}.editor-actions{display:flex;align-items:center;gap:6px}.action-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;background:var(--color-bg-tertiary, #2D2D30);color:var(--color-text, #D4D4D4);border:1px solid var(--color-border, #3E3E42);border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.action-btn:hover{background:var(--ui-hover, #37373D);border-color:var(--color-primary, #4A90E2)}.action-btn:active{transform:translateY(1px)}.action-btn.stop-btn{background:var(--color-error, #F48771);color:#fff;border-color:var(--color-error, #F48771)}.action-btn.stop-btn:hover{background:#e47761}.mobile-nav,.mobile-fab{display:none}.hidden-mobile{display:none!important}@media (max-width: 1024px){.main-content{flex-direction:column}.editor-pane{flex:1;border-right:none;border-bottom:1px solid var(--color-border, #3E3E42);max-height:55%}.console-pane{flex:1;max-height:45%}.theme-dyslexic .editor-pane{border-right:none;border-bottom:3px solid var(--color-primary, #0066CC)}}@media (max-width: 768px){.mobile-nav{display:flex;background:var(--color-bg-secondary, #252526);border-bottom:1px solid var(--color-border, #3E3E42);padding:0;gap:0;flex-shrink:0}.mobile-nav-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--color-text-secondary, #858585);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.mobile-nav-btn:hover{background:var(--ui-hover, #37373D)}.mobile-nav-btn.active{color:var(--color-primary, #4A90E2);border-bottom-color:var(--color-primary, #4A90E2);background:var(--color-bg, #1E1E1E)}.mobile-nav-icon{font-size:18px}.mobile-nav-badge{position:absolute;top:8px;right:calc(50% - 40px);width:8px;height:8px;background:var(--color-success, #4EC9B0);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.main-content{flex-direction:column;position:relative}.editor-pane,.console-pane{position:absolute;top:0;left:0;right:0;bottom:0;max-height:none;border:none;transition:opacity .2s ease,visibility .2s ease}.editor-pane.hidden-mobile,.console-pane.hidden-mobile{opacity:0;visibility:hidden;pointer-events:none}.app.mobile .pane-header{display:none}.mobile-fab{display:flex;align-items:center;justify-content:center;position:fixed;bottom:24px;right:24px;width:60px;height:60px;background:linear-gradient(135deg,var(--color-success, #4EC9B0),#3DA897);color:#fff;border:none;border-radius:50%;font-size:24px;cursor:pointer;box-shadow:0 4px 20px #4ec9b066;transition:all .2s ease;z-index:1000}.mobile-fab:hover{transform:scale(1.1);box-shadow:0 6px 30px #4ec9b080}.mobile-fab:active{transform:scale(.95)}.mobile-fab.running{background:linear-gradient(135deg,var(--color-error, #F48771),#E5533D);box-shadow:0 4px 20px #f4877166;animation:fabPulse 1s ease-in-out infinite}@keyframes fabPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.tabbar-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.pane-header{display:none}}@media (max-width: 480px){.mobile-nav-btn{padding:10px 12px;font-size:13px}.mobile-nav-icon{font-size:16px}.mobile-nav-text{font-size:12px}.mobile-fab{width:56px;height:56px;bottom:20px;right:20px;font-size:22px}}.theme-light .app{background:var(--color-bg, #FFFFFF);color:var(--color-text, #333333)}.theme-light .pane-header{background:var(--color-bg-secondary, #F3F3F3);border-bottom-color:var(--color-border, #D0D0D0);color:var(--color-text, #333333)}.theme-light .editor-pane{border-right-color:var(--color-border, #D0D0D0)}.theme-light .action-btn{background:#fff;color:var(--color-text, #333333);border-color:var(--color-border, #D0D0D0)}.theme-light .action-btn:hover{background:var(--ui-hover, #E8E8E8)}.theme-light .mobile-nav{background:#f3f3f3;border-bottom-color:#d0d0d0}.theme-light .mobile-nav-btn{color:#666}.theme-light .mobile-nav-btn.active{color:var(--color-primary, #1976D2);border-bottom-color:var(--color-primary, #1976D2);background:#fff}.theme-dyslexic .app{background:var(--color-bg, #FAFAFA);color:var(--color-text, #2C2C2C)}.theme-dyslexic .pane-header{background:#e8e8e8;border-bottom:3px solid var(--color-primary, #0066CC);color:#2c2c2c;font-weight:700;font-size:15px}.theme-dyslexic .editor-pane{border-right:3px solid var(--color-primary, #0066CC)}.theme-dyslexic .action-btn{background:#fff;color:#2c2c2c;border:2px solid var(--color-primary, #0066CC);font-weight:600}.theme-dyslexic .action-btn:hover{background:var(--color-primary, #0066CC);color:#fff}.theme-dyslexic .mobile-nav{background:#e8e8e8;border-bottom:3px solid var(--color-primary, #0066CC)}.theme-dyslexic .mobile-nav-btn{font-weight:600;font-size:15px;border-bottom-width:4px}.theme-dyslexic .mobile-nav-btn.active{background:var(--editor-bg, #FFFEF0)}.theme-dyslexic .mobile-fab{width:70px;height:70px;font-size:28px;border:3px solid white}.app,.main-content,.editor-pane,.console-pane,.pane-header{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media (prefers-reduced-motion: reduce){.app,.main-content,.editor-pane,.console-pane,.pane-header,.action-btn,.mobile-fab,.mobile-nav-btn{transition:none;animation:none}.mobile-nav-badge{animation:none}}.action-btn:focus-visible,.mobile-nav-btn:focus-visible,.mobile-fab:focus-visible{outline:2px solid var(--color-primary, #4A90E2);outline-offset:2px}.app.loading{opacity:.7;pointer-events:none}@supports (padding: env(safe-area-inset-bottom)){.mobile-fab{bottom:calc(20px + env(safe-area-inset-bottom))}.mobile-nav{padding-bottom:env(safe-area-inset-bottom)}}.theme-dark{--syntax-declaration: #C586C0;--syntax-control: #C586C0;--syntax-type: #4EC9B0;--syntax-structure: #4EC9B0;--syntax-io: #DCDCAA;--syntax-builtin: #DCDCAA;--syntax-logical: #569CD6;--syntax-value: #569CD6;--syntax-string: #CE9178;--syntax-number: #B5CEA8;--syntax-comment: #6A9955;--syntax-operator: #D4D4D4;--syntax-punctuation: #D4D4D4;--syntax-identifier: #9CDCFE;--syntax-variable-declaration: #9CDCFE;--syntax-loop-variable: #9CDCFE;--syntax-parameter: #9CDCFE;--syntax-function-name: #DCDCAA;--syntax-function-call: #DCDCAA;--syntax-method: #DCDCAA;--syntax-property: #9CDCFE}.theme-light{--syntax-declaration: #AF00DB;--syntax-control: #AF00DB;--syntax-type: #267F99;--syntax-structure: #267F99;--syntax-io: #795E26;--syntax-builtin: #795E26;--syntax-logical: #0000FF;--syntax-value: #0000FF;--syntax-string: #A31515;--syntax-number: #098658;--syntax-comment: #008000;--syntax-operator: #000000;--syntax-punctuation: #000000;--syntax-identifier: #001080;--syntax-variable-declaration: #001080;--syntax-loop-variable: #001080;--syntax-parameter: #001080;--syntax-function-name: #795E26;--syntax-function-call: #795E26;--syntax-method: #795E26;--syntax-property: #001080}.theme-dyslexic{--syntax-declaration: #7B1FA2;--syntax-control: #7B1FA2;--syntax-type: #0D47A1;--syntax-structure: #0D47A1;--syntax-io: #5D4037;--syntax-builtin: #5D4037;--syntax-logical: #1A237E;--syntax-value: #1A237E;--syntax-string: #B71C1C;--syntax-number: #1B5E20;--syntax-comment: #616161;--syntax-operator: #212121;--syntax-punctuation: #212121;--syntax-identifier: #212121;--syntax-variable-declaration: #212121;--syntax-loop-variable: #212121;--syntax-parameter: #212121;--syntax-function-name: #4E342E;--syntax-function-call: #4E342E;--syntax-method: #4E342E;--syntax-property: #212121}.syntax-declaration{color:var(--syntax-declaration);font-weight:500}.syntax-control{color:var(--syntax-control);font-weight:500}.syntax-type{color:var(--syntax-type)}.syntax-structure{color:var(--syntax-structure);font-weight:500}.syntax-io{color:var(--syntax-io)}.syntax-builtin{color:var(--syntax-builtin)}.syntax-logical{color:var(--syntax-logical);font-weight:500}.syntax-value{color:var(--syntax-value);font-style:italic}.syntax-string{color:var(--syntax-string)}.syntax-number{color:var(--syntax-number)}.syntax-comment{color:var(--syntax-comment);font-style:italic}.syntax-operator{color:var(--syntax-operator)}.syntax-punctuation{color:var(--syntax-punctuation)}.syntax-identifier{color:var(--syntax-identifier)}.syntax-variable-declaration{color:var(--syntax-variable-declaration)}.syntax-loop-variable{color:var(--syntax-loop-variable)}.syntax-parameter{color:var(--syntax-parameter);font-style:italic}.syntax-function-name{color:var(--syntax-function-name);font-weight:600}.syntax-function-call{color:var(--syntax-function-call)}.syntax-method{color:var(--syntax-method)}.syntax-property{color:var(--syntax-property)}.syntax-unknown{color:var(--syntax-identifier)}.syntax-identifier:hover,.syntax-variable-declaration:hover,.syntax-function-call:hover,.syntax-method:hover{text-decoration:underline;text-decoration-style:dotted;cursor:pointer}.syntax-control{transition:color .2s ease}.syntax-error{color:#f44336;text-decoration:wavy underline;text-decoration-color:#f44336}.syntax-warning{text-decoration:wavy underline;text-decoration-color:#ff9800}.code-editor ::selection,.highlighted-code ::selection{background:var(--editor-selection, rgba(66, 135, 245, .3))}@media (max-width: 768px){.syntax-declaration,.syntax-control,.syntax-structure,.syntax-function-name{font-weight:600}}@media (prefers-contrast: high){.theme-dark{--syntax-comment: #7CB342;--syntax-string: #FF8A65;--syntax-number: #AED581;--syntax-identifier: #81D4FA}.theme-light{--syntax-comment: #2E7D32;--syntax-string: #C62828;--syntax-number: #1B5E20;--syntax-identifier: #000000}}@media print{.syntax-declaration,.syntax-control,.syntax-type,.syntax-structure,.syntax-io,.syntax-builtin,.syntax-logical,.syntax-value,.syntax-string,.syntax-number,.syntax-comment,.syntax-operator,.syntax-punctuation,.syntax-identifier,.syntax-function-name,.syntax-function-call,.syntax-method,.syntax-property,.syntax-parameter{color:#000!important}.syntax-comment{color:#666!important}.syntax-string{color:#333!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .25);--z-dropdown: 100;--z-modal: 1000;--z-tooltip: 1100;--z-toast: 1200}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow:hidden;line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}p{margin-bottom:1em}code,pre,.monospace{font-family:JetBrains Mono,Fira Code,Consolas,Monaco,Courier New,monospace}a{color:var(--color-primary, #4A90E2);text-decoration:none;transition:color var(--transition-fast)}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;padding:0}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font-family:inherit;font-size:inherit;border:1px solid var(--color-border, #3E3E42);background:var(--color-bg, #1E1E1E);color:var(--color-text, #D4D4D4);padding:8px 12px;border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary, #4A90E2);box-shadow:0 0 0 3px #4a90e233}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-bg, #1E1E1E)}::-webkit-scrollbar-thumb{background:var(--color-border, #3E3E42);border:3px solid var(--color-bg, #1E1E1E);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #4A90E2)}::-webkit-scrollbar-corner{background:var(--color-bg, #1E1E1E)}*{scrollbar-width:thin;scrollbar-color:var(--color-border, #3E3E42) var(--color-bg, #1E1E1E)}::selection{background:var(--editor-selection, rgba(66, 135, 245, .3));color:inherit}::-moz-selection{background:var(--editor-selection, rgba(66, 135, 245, .3));color:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary, #4A90E2);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideInUp{animation:slideInUp .3s ease-out}.animate-slideInDown{animation:slideInDown .3s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{body{background:#fff!important;color:#000!important}.no-print{display:none!important}}.theme-dark{--color-bg: #1E1E1E;--color-bg-secondary: #252526;--color-bg-tertiary: #2D2D30;--color-text: #D4D4D4;--color-text-secondary: #858585;--color-border: #3E3E42;--color-primary: #4A90E2;--color-success: #4EC9B0;--color-error: #F48771;--color-warning: #CE9178;--color-info: #569CD6;--editor-bg: #1E1E1E;--editor-text: #D4D4D4;--editor-line-bg: #252526;--editor-line-number: #858585;--editor-current-line: #2D2D30;--editor-selection: #264F78;--editor-error-line: #3F1F1F;--console-bg: #181818;--console-text: #CCCCCC;--syntax-declaration: #C586C0;--syntax-control: #C586C0;--syntax-type: #4EC9B0;--syntax-structure: #4EC9B0;--syntax-io: #DCDCAA;--syntax-builtin: #DCDCAA;--syntax-logical: #569CD6;--syntax-value: #569CD6;--syntax-string: #CE9178;--syntax-number: #B5CEA8;--syntax-comment: #6A9955;--syntax-operator: #D4D4D4;--syntax-punctuation: #D4D4D4;--syntax-identifier: #9CDCFE;--syntax-variable-declaration: #9CDCFE;--syntax-loop-variable: #9CDCFE;--syntax-parameter: #9CDCFE;--syntax-function-name: #DCDCAA;--syntax-function-call: #DCDCAA;--syntax-method: #DCDCAA;--syntax-property: #9CDCFE;--ui-bg: #252526;--ui-text: #D4D4D4;--ui-border: #3E3E42;--ui-hover: #37373D;--ui-selected: #094771}.theme-dark ::-webkit-scrollbar{width:14px;height:14px}.theme-dark ::-webkit-scrollbar-track{background:var(--color-bg)}.theme-dark ::-webkit-scrollbar-thumb{background:#424242;border:3px solid var(--color-bg);border-radius:7px}.theme-dark ::-webkit-scrollbar-thumb:hover{background:#555}.theme-dark ::-webkit-scrollbar-corner{background:var(--color-bg)}.theme-dark ::selection{background:var(--editor-selection)}.theme-light{--color-bg: #FFFFFF;--color-bg-secondary: #F3F3F3;--color-bg-tertiary: #E8E8E8;--color-text: #333333;--color-text-secondary: #666666;--color-border: #D0D0D0;--color-primary: #0066CC;--color-success: #008000;--color-error: #D32F2F;--color-warning: #F57C00;--color-info: #1976D2;--editor-bg: #FFFFFF;--editor-text: #000000;--editor-line-bg: #F5F5F5;--editor-line-number: #6E6E6E;--editor-current-line: #FFFBDD;--editor-selection: #ADD6FF;--editor-error-line: #FFE6E6;--console-bg: #FAFAFA;--console-text: #333333;--syntax-declaration: #AF00DB;--syntax-control: #AF00DB;--syntax-type: #267F99;--syntax-structure: #267F99;--syntax-io: #795E26;--syntax-builtin: #795E26;--syntax-logical: #0000FF;--syntax-value: #0000FF;--syntax-string: #A31515;--syntax-number: #098658;--syntax-comment: #008000;--syntax-operator: #000000;--syntax-punctuation: #000000;--syntax-identifier: #001080;--syntax-variable-declaration: #001080;--syntax-loop-variable: #001080;--syntax-parameter: #001080;--syntax-function-name: #795E26;--syntax-function-call: #795E26;--syntax-method: #795E26;--syntax-property: #001080;--ui-bg: #F3F3F3;--ui-text: #333333;--ui-border: #D0D0D0;--ui-hover: #E8E8E8;--ui-selected: #E8E8E8}.theme-light ::-webkit-scrollbar{width:14px;height:14px}.theme-light ::-webkit-scrollbar-track{background:#f5f5f5}.theme-light ::-webkit-scrollbar-thumb{background:#c1c1c1;border:3px solid #F5F5F5;border-radius:7px}.theme-light ::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.theme-light ::-webkit-scrollbar-corner{background:#f5f5f5}.theme-light ::selection{background:var(--editor-selection)}.theme-dyslexic{--color-bg: #FAFAFA;--color-bg-secondary: #F0F0F0;--color-bg-tertiary: #E5E5E5;--color-text: #2C2C2C;--color-text-secondary: #6B6B6B;--color-border: #C8C8C8;--color-primary: #0066CC;--color-success: #2E7D32;--color-error: #C62828;--color-warning: #EF6C00;--color-info: #1565C0;--editor-bg: #FFFEF0;--editor-text: #1A1A1A;--editor-line-bg: #F5F4E8;--editor-line-number: #7A7A7A;--editor-current-line: #FFFFCC;--editor-selection: #B3E5FC;--editor-error-line: #FFCDD2;--console-bg: #FFFEF5;--console-text: #2C2C2C;--syntax-declaration: #7B1FA2;--syntax-control: #7B1FA2;--syntax-type: #0D47A1;--syntax-structure: #0D47A1;--syntax-io: #5D4037;--syntax-builtin: #5D4037;--syntax-logical: #1A237E;--syntax-value: #1A237E;--syntax-string: #B71C1C;--syntax-number: #1B5E20;--syntax-comment: #616161;--syntax-operator: #212121;--syntax-punctuation: #212121;--syntax-identifier: #212121;--syntax-variable-declaration: #212121;--syntax-loop-variable: #212121;--syntax-parameter: #212121;--syntax-function-name: #4E342E;--syntax-function-call: #4E342E;--syntax-method: #4E342E;--syntax-property: #212121;--ui-bg: #F0F0F0;--ui-text: #2C2C2C;--ui-border: #C8C8C8;--ui-hover: #E0E0E0;--ui-selected: #E8E8E8}.theme-dyslexic *{font-family:OpenDyslexic,Comic Sans MS,Arial,sans-serif!important;letter-spacing:.05em;word-spacing:.1em}.theme-dyslexic .code-textarea,.theme-dyslexic .highlighted-code,.theme-dyslexic .line-numbers,.theme-dyslexic pre,.theme-dyslexic code,.theme-dyslexic .error-code-frame{font-family:OpenDyslexic Mono,Comic Sans MS,Courier New,monospace!important;letter-spacing:.08em;line-height:1.8!important}.theme-dyslexic .toolbar{background:#e8e8e8!important;border-bottom:3px solid var(--color-primary)!important}.theme-dyslexic .toolbar-btn,.theme-dyslexic .toolbar-select{background:#fff!important;color:#2c2c2c!important;border:2px solid var(--color-primary)!important;font-weight:600!important;font-size:13px!important;padding:8px 12px!important}.theme-dyslexic .toolbar-btn:hover,.theme-dyslexic .toolbar-select:hover,.theme-dyslexic .toolbar-btn.primary{background:var(--color-primary)!important;color:#fff!important}.theme-dyslexic .toolbar-btn.primary:hover{background:#004c99!important}.theme-dyslexic .tab-bar{background:#e8e8e8;border-bottom:3px solid var(--color-primary)}.theme-dyslexic .tab{background:#f5f5f5;color:#2c2c2c;font-weight:600;border:2px solid transparent}.theme-dyslexic .tab:hover{background:#fff;border-color:var(--color-primary)}.theme-dyslexic .tab.active{background:#fff;color:#2c2c2c;border:2px solid var(--color-primary)}.theme-dyslexic .line-numbers{background:var(--editor-line-bg);border-right:3px solid var(--color-primary)}.theme-dyslexic .line-number{font-weight:600;font-size:13px}.theme-dyslexic .line-number.active{background:var(--editor-current-line);color:#1a1a1a}.theme-dyslexic .pane-header{background:#e8e8e8!important;border-bottom:3px solid var(--color-primary)!important;font-weight:700!important;font-size:15px!important}.theme-dyslexic .action-btn{background:#fff!important;color:#2c2c2c!important;border:2px solid var(--color-primary)!important;font-weight:600!important}.theme-dyslexic .action-btn:hover{background:var(--color-primary)!important;color:#fff!important}.theme-dyslexic .console-container{background:var(--console-bg)!important;color:var(--console-text)!important;font-size:14px!important;line-height:1.8!important}.theme-dyslexic .modal-content{background:#fffef0;border:3px solid var(--color-primary)}.theme-dyslexic .modal-body{font-size:15px;line-height:1.8}.theme-dyslexic .modal-body pre{background:#f5f4e8;font-size:14px;line-height:1.8}.theme-dyslexic ::-webkit-scrollbar{width:16px;height:16px}.theme-dyslexic ::-webkit-scrollbar-track{background:#f0f0f0}.theme-dyslexic ::-webkit-scrollbar-thumb{background:var(--color-primary);border:4px solid #F0F0F0;border-radius:8px}.theme-dyslexic ::-webkit-scrollbar-thumb:hover{background:#004c99}.theme-dyslexic ::selection{background:var(--editor-selection)}.theme-dyslexic *:focus-visible{outline:3px solid var(--color-primary)!important;outline-offset:2px!important}.theme-dyslexic .toolbar button,.theme-dyslexic .toolbar select,.theme-dyslexic .toolbar .logo,.theme-dyslexic .pane-header span:first-child,.theme-dyslexic .modal-close,.theme-dyslexic .output-icon,.theme-dyslexic .error-icon,.theme-dyslexic .hint-icon{font-family:system-ui,-apple-system,"Segoe UI Emoji",Segoe UI Symbol,sans-serif!important}@media (max-width: 768px){*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body{overflow-x:hidden;-webkit-overflow-scrolling:touch}input,textarea,select{font-size:16px!important}}@media (hover: none) and (pointer: coarse){button,.tab,.toolbar-btn,.action-btn{min-height:44px;min-width:44px}button:active,.tab:active,.toolbar-btn:active,.action-btn:active{opacity:.7;transform:scale(.98)}}@media (max-width: 768px) and (orientation: landscape){.editor-pane{height:60vh!important;max-height:60vh!important}.console-pane{height:40vh!important;max-height:40vh!important}.toolbar{padding:6px 10px}.pane-header{padding:6px 10px;min-height:32px}}@media (max-width: 768px){*{animation-duration:.2s!important;transition-duration:.2s!important}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (prefers-contrast: high){.toolbar-btn,.action-btn,.tab{border-width:2px}.code-editor-container,.console-container{border:2px solid currentColor}}@media print{.toolbar,.tab-bar,.console-pane,.action-btn,.pane-header{display:none!important}.app{height:auto}.main-content{flex-direction:column}.editor-pane{border:1px solid #333;page-break-after:always;height:auto;max-height:none}.code-editor-container{background:#fff!important;color:#000!important}}