.sidebar.svelte-1xpsf6d{display:flex;flex-direction:column;width:220px;min-width:220px;background:var(--color-bg-secondary, #13141a);border-right:1px solid var(--color-border, #2a2b35);overflow:hidden}.sidebar-header.svelte-1xpsf6d{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--color-bg-elevated, #21222c);border-bottom:1px solid var(--color-border, #2a2b35);flex-shrink:0}.sidebar-title.svelte-1xpsf6d{font-size:.8125rem;font-weight:600;color:var(--color-text-primary, #e2e4e9)}.collapse-btn.svelte-1xpsf6d{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-muted, #636874);cursor:pointer;padding:.25rem;border-radius:3px;transition:all .15s ease}.collapse-btn.svelte-1xpsf6d:hover{color:var(--color-text-primary, #e2e4e9);background:var(--color-bg-tertiary, #1a1b23)}.sidebar-nav.svelte-1xpsf6d{flex:1;overflow-y:auto;padding:.5rem 0}.chapter.svelte-1xpsf6d{margin-bottom:.5rem}.chapter-title.svelte-1xpsf6d{padding:.375rem 1rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #636874)}.lesson-list.svelte-1xpsf6d{list-style:none;margin:0;padding:0}.lesson-link.svelte-1xpsf6d{display:flex;align-items:center;gap:.5rem;width:100%;padding:.375rem 1rem;background:none;border:none;font-family:inherit;font-size:.8125rem;color:var(--color-text-secondary, #9ca0ab);cursor:pointer;text-align:left;transition:all .15s ease}.lesson-link.svelte-1xpsf6d:hover{color:var(--color-text-primary, #e2e4e9);background:var(--color-bg-tertiary, #1a1b23)}.lesson-link.active.svelte-1xpsf6d{color:var(--color-accent, #569cd6);background:#569cd61a}.lesson-link.completed.svelte-1xpsf6d .lesson-status:where(.svelte-1xpsf6d){color:var(--color-success, #4ec9b0)}.lesson-status.svelte-1xpsf6d{display:flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0}.lesson-dot.svelte-1xpsf6d{width:6px;height:6px;border-radius:50%;background:var(--color-text-muted, #636874)}.lesson-link.active.svelte-1xpsf6d .lesson-dot:where(.svelte-1xpsf6d){background:var(--color-accent, #569cd6)}.lesson-title.svelte-1xpsf6d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expand-btn.svelte-1xpsf6d{display:flex;align-items:center;justify-content:center;width:28px;background:var(--color-bg-secondary, #13141a);border:none;border-right:1px solid var(--color-border, #2a2b35);color:var(--color-text-muted, #636874);cursor:pointer;transition:all .15s ease}.expand-btn.svelte-1xpsf6d:hover{color:var(--color-text-primary, #e2e4e9);background:var(--color-bg-tertiary, #1a1b23)}.sidebar-nav.svelte-1xpsf6d::-webkit-scrollbar{width:4px}.sidebar-nav.svelte-1xpsf6d::-webkit-scrollbar-track{background:transparent}.sidebar-nav.svelte-1xpsf6d::-webkit-scrollbar-thumb{background:var(--color-text-muted, #636874);border-radius:2px}.instructions.svelte-3291bg{display:flex;flex-direction:column;height:100%;overflow:hidden}.instructions-content.svelte-3291bg{flex:1;overflow-y:auto;padding:1.5rem;font-size:.9375rem;line-height:1.7;color:var(--color-text-primary, #e2e4e9)}.instructions-content.svelte-3291bg h1{font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:var(--color-text-primary, #e2e4e9)}.instructions-content.svelte-3291bg h2{font-size:1.125rem;font-weight:600;margin:1.5rem 0 .75rem;color:var(--color-text-primary, #e2e4e9)}.instructions-content.svelte-3291bg p{margin:0 0 .75rem;color:var(--color-text-secondary, #9ca0ab)}.instructions-content.svelte-3291bg code{background:var(--color-bg-tertiary, #1a1b23);padding:.125rem .375rem;border-radius:3px;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.85em;color:var(--color-accent, #569cd6)}.instructions-content.svelte-3291bg pre{background:var(--color-bg-primary, #0d0e11);border:1px solid var(--color-border, #2a2b35);border-radius:6px;padding:1rem;margin:.75rem 0;overflow-x:auto}.instructions-content.svelte-3291bg pre code{background:none;padding:0;font-size:.8125rem;color:var(--color-text-primary, #e2e4e9)}.instructions-content.svelte-3291bg strong{color:var(--color-text-primary, #e2e4e9);font-weight:600}.instructions-content.svelte-3291bg ul,.instructions-content.svelte-3291bg ol{margin:.5rem 0 .75rem;padding-left:1.5rem;color:var(--color-text-secondary, #9ca0ab)}.instructions-content.svelte-3291bg li{margin-bottom:.375rem}.instructions-content.svelte-3291bg table{width:100%;border-collapse:collapse;margin:.75rem 0;font-size:.875rem}.instructions-content.svelte-3291bg th,.instructions-content.svelte-3291bg td{padding:.5rem .75rem;border:1px solid var(--color-border, #2a2b35);text-align:left}.instructions-content.svelte-3291bg th{background:var(--color-bg-tertiary, #1a1b23);font-weight:600;color:var(--color-text-primary, #e2e4e9)}.instructions-content.svelte-3291bg td{color:var(--color-text-secondary, #9ca0ab)}.instructions-content.svelte-3291bg::-webkit-scrollbar{width:6px}.instructions-content.svelte-3291bg::-webkit-scrollbar-track{background:transparent}.instructions-content.svelte-3291bg::-webkit-scrollbar-thumb{background:var(--color-text-muted, #636874);border-radius:3px}.toolbar.svelte-1b73sys{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--color-bg-elevated, #21222c);border-bottom:1px solid var(--color-border, #2a2b35);flex-shrink:0;gap:.5rem}.toolbar-left.svelte-1b73sys{display:flex;align-items:center;gap:.5rem;min-width:0}.toolbar-right.svelte-1b73sys{display:flex;gap:.375rem;align-items:center;flex-shrink:0}.lesson-label.svelte-1b73sys{font-size:.8125rem;color:var(--color-text-secondary, #9ca0ab);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn.svelte-1b73sys{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:none;border-radius:4px;font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s ease;white-space:nowrap}.btn-primary.svelte-1b73sys{background:var(--color-accent, #569cd6);color:#fff}.btn-primary.svelte-1b73sys:hover{background:var(--color-accent-hover, #6cb6ff)}.btn-primary.svelte-1b73sys:disabled{background:var(--color-text-muted, #636874);cursor:not-allowed}.btn-outline.svelte-1b73sys{background:transparent;color:var(--color-accent, #569cd6);border:1px solid var(--color-accent, #569cd6)}.btn-outline.svelte-1b73sys:hover{background:#569cd61a}.btn-outline.svelte-1b73sys:disabled{color:var(--color-text-muted, #636874);border-color:var(--color-text-muted, #636874);cursor:not-allowed}.btn-ghost.svelte-1b73sys{background:transparent;color:var(--color-text-secondary, #9ca0ab)}.btn-ghost.svelte-1b73sys:hover{color:var(--color-text-primary, #e2e4e9);background:var(--color-bg-tertiary, #1a1b23)}.btn-nav.svelte-1b73sys{background:transparent;color:var(--color-text-secondary, #9ca0ab);padding:.375rem .5rem}.btn-nav.svelte-1b73sys:hover:not(:disabled){color:var(--color-text-primary, #e2e4e9);background:var(--color-bg-tertiary, #1a1b23)}.btn-nav.svelte-1b73sys:disabled{color:var(--color-text-muted, #636874);opacity:.5;cursor:not-allowed}.btn-icon.svelte-1b73sys{font-size:.6875rem}@media(max-width:640px){.toolbar.svelte-1b73sys{flex-wrap:wrap;gap:.375rem}.toolbar-left.svelte-1b73sys{order:2;width:100%;justify-content:center}.toolbar-right.svelte-1b73sys{order:1;width:100%;justify-content:center}.lesson-label.svelte-1b73sys{display:none}}.output-pane.svelte-1st47b8{display:flex;flex-direction:column;min-width:0;min-height:0;flex:1}.pane-header.svelte-1st47b8{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--color-bg-elevated, #21222c);border-bottom:1px solid var(--color-border, #2a2b35);border-top:1px solid var(--color-border, #2a2b35);font-size:.8125rem;color:var(--color-text-secondary, #9ca0ab);flex-shrink:0}.output-body.svelte-1st47b8{flex:1;overflow-y:auto;display:flex;flex-direction:column}.output.svelte-1st47b8{flex:1;margin:0;padding:.75rem 1rem;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.8125rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;color:var(--color-text-secondary, #9ca0ab);background:transparent}.output.error.svelte-1st47b8{color:var(--color-error, #f14c4c)}.output.success.svelte-1st47b8{color:var(--color-text-primary, #e2e4e9)}.status.svelte-1st47b8{font-size:.6875rem;padding:.125rem .5rem;border-radius:3px;font-weight:600}.status.running.svelte-1st47b8{background:var(--color-warning, #cca700);color:#000}.status.success.svelte-1st47b8,.status.validated.svelte-1st47b8{background:var(--color-success, #4ec9b0);color:#000}.status.error.svelte-1st47b8,.status.failed.svelte-1st47b8{background:var(--color-error, #f14c4c);color:#fff}.validation-banner.svelte-1st47b8{padding:.75rem 1rem;font-size:.8125rem;flex-shrink:0}.success-banner.svelte-1st47b8{display:flex;align-items:center;gap:.5rem;background:#4ec9b01a;border-bottom:1px solid rgba(78,201,176,.3);color:var(--color-success, #4ec9b0)}.fail-banner.svelte-1st47b8{background:#f14c4c0d;border-bottom:1px solid rgba(241,76,76,.2)}.expected-vs-actual.svelte-1st47b8{display:flex;flex-direction:column;gap:.375rem}.compare-block.svelte-1st47b8{display:flex;align-items:baseline;gap:.5rem}.compare-label.svelte-1st47b8{font-size:.75rem;font-weight:600;color:var(--color-text-muted, #636874);flex-shrink:0;min-width:4.5rem}.compare-value.svelte-1st47b8{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.8125rem;padding:.125rem .375rem;background:var(--color-bg-tertiary, #1a1b23);border-radius:3px;color:var(--color-success, #4ec9b0)}.compare-value.got.svelte-1st47b8{color:var(--color-error, #f14c4c)}.hints.svelte-1st47b8{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border, #2a2b35)}.hint.svelte-1st47b8{font-size:.8125rem;color:var(--color-text-secondary, #9ca0ab);padding:.125rem 0}.hint.svelte-1st47b8:before{content:"💡"}.timing-line.svelte-1st47b8{padding:.375rem 1rem .75rem;font-size:.75rem;color:var(--color-text-muted, #636874);flex-shrink:0}.timing-duration.svelte-1st47b8{color:var(--color-success, #4ec9b0)}.tutorial-shell.svelte-vxqniz{position:fixed;top:var(--header-height, 56px);left:0;right:0;bottom:0;display:flex;flex-direction:column;background:var(--color-bg-secondary, #13141a);overflow:hidden;z-index:1}.loading.svelte-vxqniz{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted, #636874);font-size:.875rem}.tutorial-layout.svelte-vxqniz{display:flex;flex:1;min-height:0;overflow:hidden}.content-area.svelte-vxqniz{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.panels.svelte-vxqniz{display:flex;flex:1;min-height:0;overflow:hidden}.panels.resizing.svelte-vxqniz{user-select:none;cursor:col-resize}.instructions-panel.svelte-vxqniz{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-right:1px solid var(--color-border, #2a2b35)}.resize-handle.svelte-vxqniz{width:4px;cursor:col-resize;background:transparent;flex-shrink:0;transition:background .15s ease;position:relative}.resize-handle.svelte-vxqniz:hover,.panels.resizing.svelte-vxqniz .resize-handle:where(.svelte-vxqniz){background:var(--color-accent, #569cd6)}.editor-area.svelte-vxqniz{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden}.editor-panel.svelte-vxqniz{flex:1;min-height:0;display:flex}@media(max-width:768px){.panels.svelte-vxqniz{flex-direction:column}.instructions-panel.svelte-vxqniz{flex:0 0 auto!important;max-height:40vh;border-right:none;border-bottom:1px solid var(--color-border, #2a2b35)}.resize-handle.svelte-vxqniz{display:none}.editor-area.svelte-vxqniz{flex:1}}