.sidebar.svelte-1xpsf6d{display:flex;flex-direction:column;width:220px;min-width:220px;background:var(--color-bg-secondary, #14161a);border-right:1px solid var(--color-border, #30333a);overflow:hidden}.sidebar-header.svelte-1xpsf6d{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--color-bg-elevated, #26282e);border-bottom:1px solid var(--color-border, #30333a);flex-shrink:0}.sidebar-title.svelte-1xpsf6d{font-size:.8125rem;font-weight:600;color:var(--color-text-primary, #cccbc7)}.collapse-btn.svelte-1xpsf6d{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-muted, #908f8b);cursor:pointer;padding:.25rem;border-radius:3px;transition:all .15s ease}.collapse-btn.svelte-1xpsf6d:hover{color:var(--color-text-primary, #cccbc7);background:var(--color-bg-tertiary, #22242a)}.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, #908f8b)}.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, #aca9a3);cursor:pointer;text-align:left;transition:all .15s ease}.lesson-link.svelte-1xpsf6d:hover{color:var(--color-text-primary, #cccbc7);background:var(--color-bg-tertiary, #22242a)}.lesson-link.active.svelte-1xpsf6d{color:var(--color-primary, #beac3c);background:#74b3b01a}.lesson-link.completed.svelte-1xpsf6d .lesson-status:where(.svelte-1xpsf6d){color:var(--color-success, #63a09d)}.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, #908f8b)}.lesson-link.active.svelte-1xpsf6d .lesson-dot:where(.svelte-1xpsf6d){background:var(--color-primary, #beac3c)}.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, #14161a);border:none;border-right:1px solid var(--color-border, #30333a);color:var(--color-text-muted, #908f8b);cursor:pointer;transition:all .15s ease}.expand-btn.svelte-1xpsf6d:hover{color:var(--color-text-primary, #cccbc7);background:var(--color-bg-tertiary, #22242a)}.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, #908f8b);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, #cccbc7)}.instructions-content.svelte-3291bg h1{font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:var(--color-text-primary, #cccbc7)}.instructions-content.svelte-3291bg h2{font-size:1.125rem;font-weight:600;margin:1.5rem 0 .75rem;color:var(--color-text-primary, #cccbc7)}.instructions-content.svelte-3291bg p{margin:0 0 .75rem;color:var(--color-text-secondary, #aca9a3)}.instructions-content.svelte-3291bg code{background:var(--color-bg-tertiary, #22242a);padding:.125rem .375rem;border-radius:3px;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.85em;color:var(--color-primary, #beac3c)}.instructions-content.svelte-3291bg pre{background:var(--color-bg-primary, #0a0b0e);border:1px solid var(--color-border, #30333a);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, #cccbc7)}.instructions-content.svelte-3291bg strong{color:var(--color-text-primary, #cccbc7);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, #aca9a3)}.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, #30333a);text-align:left}.instructions-content.svelte-3291bg th{background:var(--color-bg-tertiary, #22242a);font-weight:600;color:var(--color-text-primary, #cccbc7)}.instructions-content.svelte-3291bg td{color:var(--color-text-secondary, #aca9a3)}.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, #908f8b);border-radius:3px}.toolbar.svelte-1b73sys{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--color-bg-elevated, #26282e);border-bottom:1px solid var(--color-border, #30333a);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, #aca9a3);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:#beac3c26;color:var(--copper-400, #beac3c);border:1px solid rgba(190,172,60,.25)}.btn-primary.svelte-1b73sys:hover{background:#beac3c40;border-color:#beac3c66}.btn-primary.svelte-1b73sys:disabled{background:var(--color-text-muted, #908f8b);cursor:not-allowed}.btn-outline.svelte-1b73sys{background:transparent;color:var(--color-primary-hover, #d9bd7d);border:1px solid var(--color-primary-hover, #d9bd7d)}.btn-outline.svelte-1b73sys:hover{background:var(--color-primary-subtle, rgba(190, 172, 60, .12));color:var(--color-primary, #beac3c);border-color:var(--color-primary, #beac3c)}.btn-outline.svelte-1b73sys:disabled{color:var(--color-text-muted, #908f8b);border-color:var(--color-text-muted, #908f8b);cursor:not-allowed}.btn-ghost.svelte-1b73sys{background:transparent;color:var(--color-text-secondary, #aca9a3)}.btn-ghost.svelte-1b73sys:hover{color:var(--color-text-primary, #cccbc7);background:var(--color-bg-tertiary, #22242a)}.btn-nav.svelte-1b73sys{background:transparent;color:var(--color-text-secondary, #aca9a3);padding:.375rem .5rem}.btn-nav.svelte-1b73sys:hover:not(:disabled){color:var(--color-text-primary, #cccbc7);background:var(--color-bg-tertiary, #22242a)}.btn-nav.svelte-1b73sys:disabled{color:var(--color-text-muted, #908f8b);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, #26282e);border-bottom:1px solid var(--color-border, #30333a);border-top:1px solid var(--color-border, #30333a);font-size:.8125rem;color:var(--color-text-secondary, #aca9a3);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, #aca9a3);background:transparent}.output.error.svelte-1st47b8{color:var(--color-error, #e84040)}.output.success.svelte-1st47b8{color:var(--color-text-primary, #cccbc7)}.status.svelte-1st47b8{font-size:.6875rem;padding:.125rem .5rem;border-radius:3px;font-weight:600}.status.running.svelte-1st47b8{background:var(--color-warning, #db844b);color:#000}.status.success.svelte-1st47b8,.status.validated.svelte-1st47b8{background:var(--color-success, #63a09d);color:#000}.status.error.svelte-1st47b8,.status.failed.svelte-1st47b8{background:var(--color-error, #e84040);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:#74b3b01a;border-bottom:1px solid rgba(116,179,176,.3);color:var(--color-success, #63a09d)}.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, #908f8b);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, #22242a);border-radius:3px;color:var(--color-success, #63a09d)}.compare-value.got.svelte-1st47b8{color:var(--color-error, #e84040);background:var(--color-bg-secondary, #14161a)}.hints.svelte-1st47b8{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border, #30333a)}.hint.svelte-1st47b8{font-size:.8125rem;color:var(--color-text-secondary, #aca9a3);padding:.125rem 0}.hint.svelte-1st47b8:before{content:"💡"}.timing-line.svelte-1st47b8{padding:.375rem 1rem .75rem;font-size:.75rem;color:var(--color-text-muted, #908f8b);flex-shrink:0}.timing-duration.svelte-1st47b8{color:var(--color-success, #63a09d)}.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, #14161a);overflow:hidden;z-index:1}.loading.svelte-vxqniz{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted, #908f8b);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, #30333a)}.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-primary, #beac3c)}.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, #30333a)}.resize-handle.svelte-vxqniz{display:none}.editor-area.svelte-vxqniz{flex:1}}