:root{--bg: #0f172a;--bg-elevated: #1e293b;--bg-card: #1e293b;--border: rgba(148, 163, 184, .15);--border-hover: rgba(148, 163, 184, .3);--accent: #38bdf8;--accent-soft: rgba(56, 189, 248, .15);--accent-hover: #7dd3fc;--text: #f1f5f9;--text-muted: #94a3b8;--text-soft: #64748b;--success: #22c55e;--success-soft: rgba(34, 197, 94, .15);--code-bg: #0f172a;--code-text: #e2e8f0;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--sidebar-width: 280px;--content-max-width: 800px}[data-theme=light]{--bg: #f8fafc;--bg-elevated: #ffffff;--bg-card: #ffffff;--border: rgba(71, 85, 105, .15);--border-hover: rgba(71, 85, 105, .3);--accent: #0284c7;--accent-soft: rgba(2, 132, 199, .1);--accent-hover: #0369a1;--text: #0f172a;--text-muted: #475569;--text-soft: #94a3b8;--success: #16a34a;--success-soft: rgba(22, 163, 74, .1);--code-bg: #f1f5f9;--code-text: #334155}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}#root{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;width:var(--sidebar-width);background:var(--bg);border-right:1px solid var(--border);padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);flex-shrink:0;overflow-y:auto}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.sidebar-brand{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;color:var(--text);text-decoration:none;font-weight:600;font-size:1.1rem;transition:color .15s ease}.sidebar-brand:hover{color:var(--text);text-decoration:none}.sidebar-brand svg{flex-shrink:0}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.theme-toggle:hover{background:var(--bg-card);border-color:var(--border-hover);color:var(--text)}.sidebar h2{margin:0 0 var(--space-lg);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft)}.sidebar .modules{display:flex;flex-direction:column;gap:var(--space-xs)}.sidebar .module-link{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;color:var(--text-muted);text-decoration:none;transition:all .15s ease}.sidebar .module-link:hover{background:var(--bg-elevated);color:var(--text);text-decoration:none}.sidebar .module-link.active{background:var(--accent-soft);color:var(--accent)}.sidebar .progress-pill{padding:2px 8px;border-radius:var(--radius-pill);font-size:.7rem;font-weight:600;color:var(--text-soft);background:var(--bg-elevated)}.sidebar .module-link.active .progress-pill{background:#38bdf833;color:var(--accent)}.main{flex:1;max-width:var(--content-max-width);width:100%;padding:var(--space-2xl) var(--space-xl);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-lg)}.main h1{margin:0 0 var(--space-sm);font-size:2rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.main>p:first-of-type{margin:0 0 var(--space-lg);font-size:1.1rem;color:var(--text-muted);max-width:600px}.main h2{margin:0 0 var(--space-sm);font-size:1.25rem;font-weight:600;color:var(--text)}.main h3{margin:var(--space-lg) 0 var(--space-sm);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft)}.main p{margin:var(--space-sm) 0;font-size:.95rem;line-height:1.7;color:var(--text-muted)}.card{background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-xl);border:1px solid var(--border);transition:border-color .15s ease}.card:hover{border-color:var(--border-hover)}.card+.card{margin-top:var(--space-md)}.progress-bar-outer{width:100%;height:8px;border-radius:var(--radius-pill);background:var(--bg);overflow:hidden;margin-top:var(--space-sm)}.progress-bar-inner{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:var(--radius-pill);transition:width .3s ease-out}.checklist{list-style:none;padding:0;margin:var(--space-md) 0 0;display:flex;flex-direction:column;gap:var(--space-sm)}.checklist-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-sm) 0;font-size:.95rem;color:var(--text-muted);line-height:1.6}.checklist-item input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.checklist-item label{cursor:pointer;flex:1}.external-link-btn{display:inline;background:none;border:none;color:var(--accent);cursor:pointer;padding:0;font-size:inherit;font-family:inherit;font-weight:500;transition:color .15s ease}.external-link-btn:hover{color:var(--accent-hover);text-decoration:underline}pre{background:var(--bg);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--border);overflow-x:auto;margin:var(--space-md) 0}code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.6}pre code{color:var(--code-text)}:not(pre)>code{background:var(--bg);color:var(--accent);padding:2px 6px;border-radius:var(--radius-sm);font-size:.85em}a{color:var(--accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent-hover);text-decoration:underline}.lightbox-overlay{position:fixed;inset:0;background:#0f172ae6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-xl)}.lightbox-container{position:relative;width:100%;max-width:1100px;height:85vh;background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080}.lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border);background:var(--bg)}.lightbox-title{font-size:.9rem;font-weight:500;color:var(--text-muted);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:var(--space-lg)}.lightbox-actions{display:flex;gap:var(--space-sm)}.lightbox-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.lightbox-btn:hover{background:var(--bg-card);color:var(--text);border-color:var(--border-hover)}.lightbox-close{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;transition:all .15s ease}.lightbox-close:hover{background:#ef444426;color:#ef4444;border-color:#ef44444d}.lightbox-content{flex:1;overflow:hidden}.lightbox-iframe{width:100%;height:100%;border:none;background:#fff}.quiz-section{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--accent-soft);border-radius:var(--radius-lg);border:1px solid rgba(56,189,248,.2)}.quiz-section h3{color:var(--accent);margin:0 0 var(--space-md);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.quiz-section ul{margin:0;padding-left:var(--space-lg)}.quiz-section li{color:var(--text-muted);font-size:.9rem;margin:var(--space-sm) 0;line-height:1.6}.quiz-section.interactive{background:var(--bg-card);border-color:var(--border)}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.quiz-header h3{margin:0}.quiz-score{font-size:.9rem;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill)}.quiz-percentage{color:var(--text-muted);font-weight:500}.quiz-questions{display:flex;flex-direction:column;gap:var(--space-lg)}.quiz-question{padding-bottom:var(--space-lg);border-bottom:1px solid var(--border)}.quiz-question:last-child{border-bottom:none;padding-bottom:0}.quiz-question-text{font-size:1rem;color:var(--text);margin:0 0 var(--space-md);line-height:1.7}.quiz-options{display:flex;flex-direction:column;gap:var(--space-sm)}.quiz-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit;font-size:.95rem;color:var(--text-muted)}.quiz-option:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.quiz-option:disabled{cursor:default}.quiz-option.correct{border-color:var(--success);background:var(--success-soft);color:var(--text)}.quiz-option.incorrect{border-color:#ef4444;background:#ef444426;color:var(--text)}.quiz-option-letter{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;color:var(--text-soft);flex-shrink:0}.quiz-option.correct .quiz-option-letter{background:var(--success);color:#fff}.quiz-option.incorrect .quiz-option-letter{background:#ef4444;color:#fff}.quiz-option-text{flex:1}.quiz-option-icon{font-size:1.1rem;font-weight:700}.quiz-option.correct .quiz-option-icon{color:var(--success)}.quiz-option.incorrect .quiz-option-icon{color:#ef4444}.quiz-blank-input{display:inline-block;width:180px;padding:var(--space-xs) var(--space-sm);margin:0 var(--space-xs);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:inherit;vertical-align:baseline}.quiz-blank-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.quiz-blank-input::placeholder{color:var(--text-soft)}.quiz-blank-answer{display:inline-block;padding:var(--space-xs) var(--space-sm);margin:0 var(--space-xs);border-radius:var(--radius-sm);font-weight:600}.quiz-blank-answer.correct{background:var(--success-soft);color:var(--success)}.quiz-blank-answer.incorrect{background:#ef444426;color:#ef4444;text-decoration:line-through}.quiz-correct-answer{margin-top:var(--space-sm);font-size:.9rem;color:var(--success)}.quiz-textarea{width:100%;padding:var(--space-md);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:inherit;font-size:.95rem;line-height:1.6;resize:vertical;min-height:100px}.quiz-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.quiz-textarea::placeholder{color:var(--text-soft)}.quiz-user-response,.quiz-sample-answer{padding:var(--space-md);background:var(--bg);border-radius:var(--radius-md);margin-top:var(--space-sm)}.quiz-user-response strong,.quiz-sample-answer strong{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft);margin-bottom:var(--space-xs)}.quiz-user-response p,.quiz-sample-answer p{margin:0;color:var(--text-muted)}.quiz-sample-answer{border-left:3px solid var(--accent)}.quiz-submit-btn,.quiz-toggle-sample{margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s ease}.quiz-submit-btn:hover:not(:disabled),.quiz-toggle-sample:hover{background:var(--accent-hover)}.quiz-submit-btn:disabled{opacity:.5;cursor:not-allowed}.quiz-toggle-sample{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border)}.quiz-toggle-sample:hover{background:var(--bg);color:var(--text);border-color:var(--border-hover)}.quiz-result{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);text-align:center}.quiz-result p{margin:0;font-weight:500}.quiz-result.success{background:var(--success-soft);border:1px solid rgba(34,197,94,.3)}.quiz-result.success p{color:var(--success)}.quiz-result.partial{background:#eab30826;border:1px solid rgba(234,179,8,.3)}.quiz-result.partial p{color:#eab308}.quiz-result.retry{background:#ef444426;border:1px solid rgba(239,68,68,.3)}.quiz-result.retry p{color:#ef4444}.home{display:flex;flex-direction:column;gap:var(--space-xl)}.hero-banner{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-2xl);background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg) 100%);border-radius:var(--radius-xl);border:1px solid var(--border)}.hero-logo{flex-shrink:0}.hero-logo svg{width:80px;height:80px}.hero-content h1{margin:0 0 var(--space-sm);font-size:2.25rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text) 0%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{margin:0;font-size:1.1rem;color:var(--text-muted);max-width:500px}.hero-version-info{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-md);align-items:center}.version-badge{display:inline-block;padding:.25rem .6rem;font-size:.75rem;font-weight:600;background:#0070f326;color:var(--accent);border-radius:var(--radius-sm);border:1px solid rgba(0,112,243,.3)}.version-date{font-size:.8rem;color:var(--text-soft);margin-left:var(--space-xs)}.home-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.stat-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-lg);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);text-align:center}.stat-number{font-size:2rem;font-weight:700;color:var(--accent)}.stat-label{font-size:.85rem;color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em}.home-intro h2{margin-bottom:var(--space-md)}.home-intro ul{margin:var(--space-md) 0 0;padding-left:var(--space-lg)}.home-intro li{margin:var(--space-sm) 0;color:var(--text-muted);line-height:1.7}.home-intro li strong{color:var(--text)}.home-cta{display:flex;justify-content:center;padding:var(--space-md) 0}.cta-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-2xl);background:var(--accent);color:var(--bg);border-radius:var(--radius-md);font-size:1rem;font-weight:600;text-decoration:none;transition:all .15s ease}.cta-button:hover{background:var(--accent-hover);color:var(--bg);text-decoration:none;transform:translateY(-1px)}@media(max-width:1024px){.main{padding:var(--space-xl)}}@media(max-width:768px){:root{--sidebar-width: 100%}#root{flex-direction:column}.sidebar{position:relative;height:auto;width:100%;padding:var(--space-md) var(--space-lg);border-right:none;border-bottom:1px solid var(--border);overflow-x:auto}.sidebar-header{margin-bottom:var(--space-sm)}.sidebar-brand span{display:none}.theme-toggle{width:32px;height:32px}.sidebar h2{display:none}.sidebar .modules{flex-direction:row;gap:var(--space-sm)}.sidebar .module-link{flex:0 0 auto;padding:var(--space-sm) var(--space-md);white-space:nowrap}.sidebar .module-link span:first-child{display:none}.main{padding:var(--space-lg)}.main h1{font-size:1.5rem}.card{padding:var(--space-lg)}.lightbox-container{height:95vh;border-radius:var(--radius-lg)}.lightbox-overlay{padding:var(--space-sm)}.hero-banner{flex-direction:column;text-align:center;padding:var(--space-xl)}.hero-logo svg{width:60px;height:60px}.hero-content h1{font-size:1.75rem}.hero-subtitle{font-size:1rem}.home-stats{grid-template-columns:1fr}.stat-card{flex-direction:row;justify-content:space-between;padding:var(--space-md)}.stat-number{font-size:1.5rem}}@media(max-width:480px){.main{padding:var(--space-md);gap:var(--space-md)}.card{padding:var(--space-md)}}