:root{--bg-dark:#070708;--bg-panel:rgba(18,18,20,0.45);--accent-amber:#F59E0B;--accent-cyan:#22d3ee;--text-primary:#ededf0;--text-secondary:#9aa0a6;--text-muted:#666c75;--border-glass:rgba(255,255,255,0.08);--sidebar-width:320px;--max-reading-width:820px;--shadow-float:0 20px 40px -15px rgba(0,0,0,0.7);--glass-blur:blur(24px);--transition-smooth:all 0.4s cubic-bezier(0.2,0.8,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-primary);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.04;pointer-events:none;z-index:9999;mix-blend-mode:overlay}.app-container{width:100vw;position:relative}.app-container,.sidebar{display:flex;height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-panel);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--border-glass);flex-direction:column;padding:2rem 1.5rem;z-index:10}.sidebar-header{margin-bottom:2.5rem}.sidebar-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}.sidebar-title-icon{color:var(--accent-cyan)}.nav-menu{gap:1.5rem;overflow-y:auto}.nav-menu,.nav-module{display:flex;flex-direction:column}.nav-module{gap:.5rem}.nav-module-header{font-family:var(--font-body);font-size:.9rem;font-weight:700;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;padding:.75rem .5rem;border-bottom:1px solid rgba(255,255,255,.04);margin-bottom:.25rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:var(--transition-smooth);border-radius:4px}.nav-module-header:hover{background:rgba(255,255,255,.03);color:var(--text-primary)}.nav-module-header.expanded{color:var(--text-primary);border-bottom-color:rgba(255,255,255,.1)}.module-chevron{transition:transform .3s cubic-bezier(.2,.8,.2,1);color:var(--text-muted)}.nav-module-header.expanded .module-chevron{transform:rotate(90deg);color:var(--accent-cyan)}.nav-module-items-container{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.2,.8,.2,1)}.nav-module-items-container.expanded{grid-template-rows:1fr}.nav-module-items{overflow:hidden;display:flex;flex-direction:column;gap:.35rem}.nav-item{background:transparent;border:1px solid transparent;color:var(--text-secondary);padding:.875rem 1.25rem;border-radius:8px;cursor:pointer;text-align:left;font-family:var(--font-body);font-size:.95rem;font-weight:500;transition:var(--transition-smooth);display:flex;align-items:center;gap:.75rem}.nav-item:hover{background:rgba(255,255,255,.03);color:var(--text-primary);transform:translateX(4px)}.nav-item.active{background:rgba(34,211,238,.08);border-color:rgba(34,211,238,.2);color:var(--accent-cyan);box-shadow:0 4px 20px -8px rgba(34,211,238,.15)}.main-content{flex:1 1;height:100vh;overflow-y:auto;scroll-behavior:smooth;position:relative;scrollbar-width:thin;scrollbar-color:var(--border-glass) transparent}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-thumb{background-color:var(--border-glass);border-radius:10px}.reader-wrapper{max-width:var(--max-reading-width);margin:0 auto;padding:4rem 2rem 8rem;position:relative}.md-viewer{font-size:1.05rem;font-weight:400}.md-viewer h1,.md-viewer h2,.md-viewer h3{font-family:var(--font-display);color:var(--text-primary);margin-top:3rem;margin-bottom:1.25rem;font-weight:700;line-height:1.2}.md-viewer h1{font-size:2.8rem;letter-spacing:-.02em;border-bottom:2px solid var(--border-glass);padding-bottom:1rem;margin-top:1rem}.md-viewer h2{font-size:1.8rem;color:var(--accent-cyan);display:flex;align-items:center;gap:.5rem}.md-viewer h2:before{content:"";display:inline-block;width:12px;height:12px;background-color:var(--accent-cyan);border-radius:2px}.md-viewer p{margin-bottom:1.5rem;color:var(--text-secondary)}.md-viewer strong{color:var(--text-primary);font-weight:600;background:linear-gradient(120deg,rgba(255,255,255,.05),rgba(255,255,255,0));padding:0 .2em;border-radius:4px}.md-viewer blockquote{position:relative;padding:1.5rem 2rem;margin:2rem 0;background:rgba(245,158,11,.03);border-left:3px solid var(--accent-amber);border-radius:0 8px 8px 0;color:var(--text-primary);font-style:italic;font-size:1.1rem}.md-viewer blockquote p:last-child{margin-bottom:0}.md-viewer ol,.md-viewer ul{margin-bottom:1.5rem;padding-left:2rem;color:var(--text-secondary)}.md-viewer li{margin-bottom:.5rem}.md-viewer code:not([class*=language-]){font-family:var(--font-mono);background:rgba(255,255,255,.06);color:var(--accent-cyan);padding:.2em .4em;border-radius:4px;font-size:.9em;border:1px solid var(--border-glass)}.md-viewer img{max-width:100%;height:auto;border-radius:12px;border:1px solid var(--border-glass);box-shadow:var(--shadow-float);margin:2.5rem auto;display:block}.md-viewer hr{border:none;height:1px;background:var(--border-glass);margin:3rem 0}.md-viewer pre{margin:2rem 0;border-radius:12px!important;border:1px solid var(--border-glass)!important;box-shadow:var(--shadow-float)}.md-viewer div[align=center]{margin:2.5rem 0;color:var(--text-muted);font-size:.9rem}.nav-item-quiz{border-top:1px solid rgba(255,255,255,.04)!important;margin-top:.25rem;color:var(--text-secondary)!important;font-weight:500!important;font-size:.88rem;padding:.65rem 1.25rem!important;opacity:.75}.nav-item-quiz:hover{background:rgba(255,255,255,.03)!important;opacity:1}.nav-item-quiz.active{background:rgba(34,211,238,.06)!important;border-color:rgba(34,211,238,.15)!important;color:var(--text-primary)!important;box-shadow:none!important;opacity:1}.quiz-panel{max-width:720px;margin:0 auto}.quiz-loading{text-align:center;color:var(--text-muted);padding:4rem 0;font-size:1.1rem}.quiz-header{margin-bottom:2.5rem}.quiz-title{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--accent-amber);margin-bottom:1.25rem}.quiz-progress{display:flex;align-items:center;gap:1rem}.quiz-progress-text{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);white-space:nowrap}.quiz-progress-bar{flex:1 1;height:4px;background:rgba(255,255,255,.06);border-radius:4px;overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-amber));border-radius:4px;transition:width .5s cubic-bezier(.2,.8,.2,1)}.quiz-question{margin-bottom:2rem}.quiz-question-text{font-size:1.15rem;color:var(--text-primary);line-height:1.7;font-weight:500}.quiz-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.quiz-option{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:rgba(255,255,255,.03);border:1px solid var(--border-glass);border-radius:10px;cursor:pointer;transition:var(--transition-smooth);text-align:left;font-family:var(--font-body);font-size:.95rem;color:var(--text-secondary)}.quiz-option:hover:not(:disabled){background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15);transform:translateX(4px);color:var(--text-primary)}.quiz-option.selected{background:rgba(34,211,238,.06);border-color:rgba(34,211,238,.3);color:var(--accent-cyan)}.quiz-option.correct,.quiz-option.correct-answer{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.4);color:#4ade80}.quiz-option.wrong{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.4);color:#f87171}.quiz-option:disabled{cursor:default}.quiz-option-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:rgba(255,255,255,.06);font-family:var(--font-mono);font-size:.8rem;font-weight:700;flex-shrink:0}.quiz-option.selected .quiz-option-letter{background:rgba(34,211,238,.15)}.quiz-option.correct .quiz-option-letter{background:rgba(34,197,94,.2)}.quiz-option.wrong .quiz-option-letter{background:rgba(239,68,68,.2)}.quiz-option-text{flex:1 1}.quiz-option-check,.quiz-option-cross{font-size:1.2rem;flex-shrink:0}.quiz-hint-btn{background:none;border:none;color:var(--accent-amber);font-family:var(--font-body);font-size:.9rem;cursor:pointer;padding:.5rem 0;margin-bottom:.5rem;transition:opacity .3s}.quiz-hint-btn:hover{opacity:.8}.quiz-hint{padding:1rem 1.25rem;background:rgba(245,158,11,.05);border-left:3px solid var(--accent-amber);border-radius:0 8px 8px 0;font-style:italic}.quiz-hint,.quiz-rationale{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem}.quiz-rationale{padding:1.25rem 1.5rem;background:rgba(34,211,238,.04);border:1px solid rgba(34,211,238,.15);border-radius:10px;line-height:1.6}.quiz-rationale strong{color:var(--accent-cyan)}.quiz-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.quiz-btn{font-family:var(--font-body);font-size:1rem;font-weight:600;padding:.75rem 2rem;border-radius:10px;border:none;cursor:pointer;transition:var(--transition-smooth)}.quiz-btn:disabled{opacity:.4;cursor:not-allowed}.quiz-btn-primary{background:linear-gradient(135deg,rgba(34,211,238,.15),rgba(245,158,11,.15));border:1px solid rgba(34,211,238,.3);color:var(--accent-cyan)}.quiz-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,rgba(34,211,238,.25),rgba(245,158,11,.25));box-shadow:0 8px 30px -10px rgba(34,211,238,.3);transform:translateY(-2px)}.quiz-result{text-align:center;padding:3rem 2rem}.quiz-result-emoji{font-size:4rem;margin-bottom:1rem}.quiz-result-title{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem}.quiz-result-score{font-family:var(--font-mono);font-size:3rem;margin-bottom:.5rem}.quiz-result-number{color:var(--accent-cyan);font-weight:700}.quiz-result-divider{color:var(--text-muted);margin:0 .5rem}.quiz-result-pct,.quiz-result-total{color:var(--text-secondary)}.quiz-result-pct{font-size:1.1rem;margin-bottom:1.5rem}.quiz-result-bar{width:280px;height:8px;background:rgba(255,255,255,.06);border-radius:8px;overflow:hidden;margin:0 auto 2.5rem}.quiz-result-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-amber));border-radius:8px;transition:width 1s cubic-bezier(.2,.8,.2,1)}.app-container.panel-open .main-content{margin-right:640px;transition:margin-right .4s cubic-bezier(.2,.8,.2,1)}.code-runner-panel{position:fixed;top:0;right:0;width:640px;height:100vh;background:rgba(12,12,14,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid rgba(34,211,238,.15);display:flex;flex-direction:column;z-index:100;transform:translateX(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1);box-shadow:-20px 0 60px -15px rgba(0,0,0,.6)}.code-runner-panel.open{transform:translateX(0)}.crp-header{justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.crp-header,.crp-title{display:flex;align-items:center}.crp-title{gap:.5rem;color:var(--accent-cyan);font-family:var(--font-mono);font-size:.85rem;font-weight:600}.crp-filename{color:var(--text-primary)}.crp-header-actions{display:flex;align-items:center;gap:.5rem}.crp-run-btn,.crp-stop-btn{display:flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border:none;border-radius:6px;font-family:var(--font-body);font-size:.8rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.crp-run-btn{background:rgba(34,197,94,.15);color:#4ade80;border:1px solid rgba(34,197,94,.3)}.crp-run-btn:hover:not(:disabled){background:rgba(34,197,94,.25);box-shadow:0 4px 20px -6px rgba(34,197,94,.4)}.crp-run-btn:disabled{opacity:.3;cursor:not-allowed}.crp-stop-btn{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3)}.crp-stop-btn:hover{background:rgba(239,68,68,.25)}.crp-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:rgba(255,255,255,.05);color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth)}.crp-close-btn:hover{background:rgba(255,255,255,.1);color:var(--text-primary)}.crp-split-body{flex:1 1;overflow:hidden;display:flex;flex-direction:column}.crp-code-section,.crp-logs-section{display:flex;flex-direction:column;overflow:hidden;min-height:60px}.crp-section-label{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--accent-cyan);background:rgba(34,211,238,.04);border-bottom:1px solid rgba(255,255,255,.04);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.crp-section-label-logs{color:var(--accent-amber);background:rgba(245,158,11,.04);border-top:none}.crp-divider{display:flex;align-items:center;justify-content:center;height:8px;cursor:row-resize;background:rgba(255,255,255,.03);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);color:var(--text-muted);transition:background .2s;flex-shrink:0}.crp-divider:hover{background:rgba(34,211,238,.08);color:var(--accent-cyan)}.crp-body{flex:1 1;overflow:hidden;display:flex;flex-direction:column}.crp-code-view,.crp-logs-view{flex:1 1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-glass) transparent}.crp-code-view::-webkit-scrollbar,.crp-logs-view::-webkit-scrollbar{width:5px}.crp-code-view::-webkit-scrollbar-thumb,.crp-logs-view::-webkit-scrollbar-thumb{background-color:var(--border-glass);border-radius:10px}.crp-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);gap:1rem;opacity:.5}.crp-placeholder p{font-family:var(--font-body);font-size:.9rem}.crp-logs-list{padding:.75rem}.crp-log-line{display:flex;gap:.5rem;padding:.2rem .5rem;font-family:var(--font-mono);font-size:.8rem;line-height:1.5;border-radius:3px}.crp-log-prefix{flex-shrink:0;width:14px;text-align:center;opacity:.5}.crp-log-text{word-break:break-all}.crp-log-stdout{color:var(--text-secondary)}.crp-log-stderr{color:#f87171;background:rgba(239,68,68,.05)}.crp-log-system{color:var(--accent-cyan);opacity:.7}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.crp-cursor-blink .crp-log-text{animation:blink 1s infinite}.md-run-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;margin:1.5rem 0;background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(34,211,238,.08));border:1px solid rgba(34,197,94,.3);border-radius:10px;color:#4ade80;font-family:var(--font-mono);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.md-run-btn:hover{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,211,238,.15));box-shadow:0 8px 30px -10px rgba(34,197,94,.3);transform:translateY(-2px)}.sidebar-footer{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--border-glass)}.settings-trigger{width:100%;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:rgba(255,255,255,.03);border:1px solid var(--border-glass);border-radius:8px;color:var(--text-secondary);font-family:var(--font-body);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth)}.settings-trigger:hover{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.2);color:var(--accent-amber)}.settings-trigger .settings-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;flex-shrink:0}.settings-trigger .settings-dot.configured{background:#4ade80}.settings-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-modal{width:520px;max-height:80vh;overflow-y:auto;background:rgba(18,18,22,.98);border:1px solid rgba(245,158,11,.15);border-radius:16px;padding:2rem;box-shadow:0 40px 80px -20px rgba(0,0,0,.8),0 0 60px -15px rgba(245,158,11,.1);animation:slideUp .3s cubic-bezier(.2,.8,.2,1)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.settings-header h3{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--text-primary)}.settings-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:rgba(255,255,255,.05);color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth)}.settings-close:hover{background:rgba(255,255,255,.1);color:var(--text-primary)}.settings-desc{font-size:.85rem;color:var(--text-muted);margin-bottom:1.5rem;line-height:1.5}.settings-form{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.settings-field label{display:block;font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.settings-field input{width:100%;padding:.75rem 1rem;background:rgba(255,255,255,.04);border:1px solid var(--border-glass);border-radius:8px;color:var(--text-primary);font-family:var(--font-mono);font-size:.9rem;transition:var(--transition-smooth);outline:none}.settings-field input:focus{border-color:rgba(34,211,238,.4);background:rgba(255,255,255,.06);box-shadow:0 0 20px -8px rgba(34,211,238,.2)}.settings-field input::placeholder{color:var(--text-muted);font-style:italic}.settings-hint{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.35rem}.settings-key-row{display:flex;gap:.5rem}.settings-key-row input{flex:1 1}.settings-eye{display:flex;align-items:center;justify-content:center;width:40px;flex-shrink:0;border:1px solid var(--border-glass);border-radius:8px;background:rgba(255,255,255,.04);color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth)}.settings-eye:hover{background:rgba(255,255,255,.08);color:var(--text-primary)}.settings-actions{display:flex;justify-content:flex-end;gap:.75rem}.settings-btn{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:8px;border:none;font-family:var(--font-body);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.settings-btn.secondary{background:rgba(255,255,255,.05);color:var(--text-muted);border:1px solid var(--border-glass)}.settings-btn.secondary:hover{background:rgba(255,255,255,.08);color:var(--text-secondary)}.settings-btn.primary{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(34,211,238,.15));color:var(--accent-amber);border:1px solid rgba(245,158,11,.3)}.settings-btn.primary:hover{background:linear-gradient(135deg,rgba(245,158,11,.25),rgba(34,211,238,.25));box-shadow:0 8px 30px -10px rgba(245,158,11,.3);transform:translateY(-1px)}.course-home{min-height:100vh;padding:3rem 4rem 4rem;overflow-y:auto;max-width:1200px;margin:0 auto}.course-home-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem;gap:2rem}.course-home-brand{display:flex;align-items:center;gap:1rem;color:var(--accent-cyan)}.course-home-title{font-family:var(--font-display);font-size:1.8rem;font-weight:800;letter-spacing:-.01em;color:var(--text-primary);line-height:1.2}.course-home-subtitle{font-size:.9rem;color:var(--text-muted);margin-top:.15rem}.course-home-search{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:rgba(255,255,255,.04);border:1px solid var(--border-glass);border-radius:10px;color:var(--text-muted);width:300px;transition:var(--transition-smooth)}.course-home-search:focus-within{border-color:rgba(34,211,238,.3);background:rgba(255,255,255,.06)}.course-home-search input{background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;width:100%}.course-home-search input::placeholder{color:var(--text-muted)}.course-home-filters{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.course-filter-tag{background:rgba(255,255,255,.04);border:1px solid var(--border-glass);color:var(--text-secondary);padding:.4rem 1rem;border-radius:20px;font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:var(--transition-smooth)}.course-filter-tag:hover{background:rgba(255,255,255,.08);color:var(--text-primary)}.course-filter-tag.active{background:rgba(34,211,238,.1);border-color:rgba(34,211,238,.3);color:var(--accent-cyan)}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:1.5rem;gap:1.5rem}.course-card{background:var(--bg-panel);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:16px;padding:0;cursor:pointer;overflow:hidden;text-align:left;font-family:var(--font-body);transition:var(--transition-smooth);display:flex;flex-direction:column}.course-card:hover{transform:translateY(-6px);border-color:rgba(34,211,238,.25);box-shadow:0 20px 60px -15px rgba(34,211,238,.15),0 8px 24px -8px rgba(0,0,0,.5)}.course-card-visual{position:relative;padding:2.5rem 2rem;background:linear-gradient(135deg,rgba(34,211,238,.06),rgba(245,158,11,.04));display:flex;align-items:center;justify-content:center;overflow:hidden}.course-card-icon{color:var(--card-accent,var(--accent-cyan));opacity:.9;z-index:1}.course-card-glow{position:absolute;width:120px;height:120px;background:radial-gradient(circle,var(--card-accent,var(--accent-cyan)) 0,transparent 70%);opacity:.06;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);transition:var(--transition-smooth)}.course-card:hover .course-card-glow{opacity:.12;width:180px;height:180px}.course-card-body{padding:1.5rem 1.75rem 1.75rem;flex:1 1;display:flex;flex-direction:column}.course-card-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;line-height:1.3}.course-card-subtitle{font-size:.85rem;color:var(--accent-amber);font-weight:500;margin-bottom:.75rem}.course-card-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;flex:1 1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.course-card-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.course-tag{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--text-muted);padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-family:var(--font-mono);letter-spacing:.02em}.course-card-stats{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--text-muted);padding-top:1rem;border-top:1px solid var(--border-glass)}.course-card-dot{opacity:.5}.course-card-arrow{margin-left:auto;color:var(--accent-cyan);opacity:0;transform:translateX(-4px);transition:var(--transition-smooth)}.course-card:hover .course-card-arrow{opacity:1;transform:translateX(0)}.course-home-empty,.course-home-loading{text-align:center;padding:6rem 2rem;color:var(--text-muted);font-size:1.1rem}.loading-sparkle{animation:sparkle-pulse 1.5s ease-in-out infinite;margin-bottom:1rem}@keyframes sparkle-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.course-home-footer{text-align:center;padding:3rem 0 1rem;color:var(--text-muted);font-size:.85rem}.back-to-courses{display:flex;align-items:center;gap:.4rem;background:transparent;border:none;color:var(--text-muted);font-family:var(--font-body);font-size:.8rem;cursor:pointer;padding:.3rem 0;margin-bottom:.75rem;transition:var(--transition-smooth)}.back-to-courses-btn,.back-to-courses:hover{color:var(--accent-cyan)}.back-to-courses-btn{display:inline-flex;align-items:center;gap:.5rem;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.3);padding:.75rem 1.5rem;border-radius:10px;font-family:var(--font-body);font-size:.95rem;cursor:pointer;transition:var(--transition-smooth)}.back-to-courses-btn:hover{background:rgba(34,211,238,.2);transform:translateY(-2px)}.course-error,.course-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:var(--text-muted);gap:1.5rem}.course-error h2{font-family:var(--font-display);font-size:2rem;color:var(--text-primary)}.mobile-topbar,.sidebar-overlay{display:none}@media (max-width:768px){body{overflow:auto}.mobile-topbar{display:flex;align-items:center;gap:.75rem;position:fixed;top:0;left:0;right:0;height:56px;background:rgba(7,7,8,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);padding:0 1rem;z-index:200}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:10px;background:rgba(255,255,255,.06);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);flex-shrink:0}.mobile-menu-btn:active{background:rgba(34,211,238,.15);color:var(--accent-cyan)}.mobile-topbar-title{font-family:var(--font-body);font-size:.92rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1}.sidebar-overlay{display:block;right:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:299;animation:fadeIn .2s ease}.sidebar,.sidebar-overlay{position:fixed;top:0;left:0;bottom:0}.sidebar{width:85vw;max-width:340px;z-index:300;transform:translateX(-100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);padding:1.5rem 1.25rem;background:rgba(12,12,14,.98);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:20px 0 60px -15px rgba(0,0,0,.8)}.sidebar.open{transform:translateX(0)}.app-container{flex-direction:column}.main-content{height:auto;min-height:100vh;padding-top:56px}.reader-wrapper{padding:2rem 1.25rem 4rem;max-width:100%}.app-container.panel-open .main-content{margin-right:0}.code-runner-panel{width:100vw;border-left:none;border-top:1px solid rgba(34,211,238,.15)}.md-viewer h1{font-size:1.75rem;margin-top:.75rem;padding-bottom:.75rem}.md-viewer h2{font-size:1.35rem}.md-viewer h2:before{width:8px;height:8px}.md-viewer{font-size:.95rem}.md-viewer blockquote{padding:1rem 1.25rem;margin:1.5rem 0;font-size:1rem}.md-viewer pre{margin:1.25rem -.5rem;border-radius:8px!important;font-size:.82rem}.md-viewer img{margin:1.5rem auto;border-radius:8px}.md-viewer ol,.md-viewer ul{padding-left:1.25rem}.md-viewer hr{margin:2rem 0}.content-header h2{font-size:1.3rem}.header-meta{flex-direction:column;gap:.25rem}.md-run-btn{padding:.65rem 1.25rem;font-size:.85rem;margin:1rem 0}.quiz-panel{max-width:100%}.quiz-title{font-size:1.5rem}.quiz-question-text{font-size:1.05rem}.quiz-option{padding:.85rem 1rem;font-size:.9rem}.quiz-actions{flex-direction:column}.quiz-btn{width:100%;text-align:center;justify-content:center}.quiz-result-title{font-size:1.8rem}.quiz-result-score{font-size:2.2rem}.quiz-result-bar{width:100%;max-width:280px}.settings-modal{width:95vw;max-width:100%;max-height:90vh;border-radius:12px;padding:1.5rem}.settings-key-row{flex-direction:column}.settings-eye{width:100%;height:40px}.settings-actions{flex-direction:column}.settings-btn{width:100%;justify-content:center}.course-home{padding:2rem 1.25rem 3rem}.course-home-header{flex-direction:column;align-items:flex-start;gap:1.25rem;margin-bottom:1.75rem}.course-home-title{font-size:1.4rem}.course-home-search{width:100%}.course-home-filters{gap:.4rem;margin-bottom:1.5rem;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.course-home-filters::-webkit-scrollbar{display:none}.course-filter-tag{flex-shrink:0;white-space:nowrap}.course-grid{grid-template-columns:1fr;gap:1.25rem}.course-card-visual{padding:2rem 1.5rem}.course-card-body{padding:1.25rem 1.5rem 1.5rem}.course-card-title{font-size:1.15rem}.course-error,.course-loading{height:auto;min-height:60vh;padding:3rem 1.5rem}.course-error h2{font-size:1.5rem}}@media (max-width:480px){.mobile-topbar{height:50px;padding:0 .75rem}.mobile-menu-btn{width:36px;height:36px}.mobile-topbar-title{font-size:.85rem}.main-content{padding-top:50px}.reader-wrapper{padding:1.5rem 1rem 3rem}.sidebar{width:90vw;padding:1.25rem 1rem}.md-viewer h1{font-size:1.5rem}.md-viewer h2{font-size:1.2rem}.md-viewer{font-size:.9rem}.md-viewer pre{margin:1rem -.75rem;font-size:.78rem}.quiz-title{font-size:1.3rem}.quiz-question-text{font-size:.95rem}.course-home{padding:1.5rem 1rem 2rem}.course-home-title{font-size:1.25rem}.course-home-subtitle{font-size:.8rem}.course-card-body{padding:1rem 1.25rem 1.25rem}.course-card-title{font-size:1.05rem}.course-card-desc{font-size:.82rem;-webkit-line-clamp:2}}@supports (padding-bottom:env(safe-area-inset-bottom)){@media (max-width:768px){.reader-wrapper{padding-bottom:calc(4rem + env(safe-area-inset-bottom))}.mobile-topbar{padding-top:env(safe-area-inset-top);height:calc(56px + env(safe-area-inset-top))}.main-content{padding-top:calc(56px + env(safe-area-inset-top))}.sidebar{padding-top:calc(1.5rem + env(safe-area-inset-top))}}}