.output-panel.svelte-1y9o787{border-top:.5px solid var(--color-border-tertiary);display:flex;flex-direction:column;flex-shrink:0;position:relative}.output-panel.is-dragging.svelte-1y9o787{-webkit-user-select:none;user-select:none}.resize-handle.svelte-1y9o787{position:absolute;top:-4px;left:0;right:0;height:8px;cursor:row-resize;display:flex;align-items:center;justify-content:center;z-index:2}.resize-grip.svelte-1y9o787{width:32px;height:3px;border-radius:2px;background:transparent;transition:background var(--transition-fast)}.resize-handle.svelte-1y9o787:hover .resize-grip:where(.svelte-1y9o787){background:var(--color-border-secondary)}.output-panel.is-dragging.svelte-1y9o787 .resize-grip:where(.svelte-1y9o787){background:var(--accent)}.output-bar.svelte-1y9o787{display:flex;align-items:center;justify-content:space-between;padding:0 12px;height:32px;border-bottom:.5px solid var(--color-border-tertiary);flex-shrink:0}.output-bar-left.svelte-1y9o787{display:flex;align-items:center;gap:8px}.output-label.svelte-1y9o787{font-size:11px;font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.output-status.running.svelte-1y9o787{font-size:12px;color:var(--color-text-tertiary);animation:svelte-1y9o787-pulse 1.5s ease-in-out infinite}.output-badge.svelte-1y9o787{font-size:11px;padding:1px 6px;border-radius:4px;font-weight:500;animation:svelte-1y9o787-badge-enter .2s ease-out}.badge-success.svelte-1y9o787{background:var(--success-light);color:var(--success)}.badge-error.svelte-1y9o787{background:#fef2f2;color:#dc2626}.grade-badge.svelte-1y9o787{font-size:10px;font-weight:700;font-family:var(--font-mono);padding:2px 8px;border-radius:4px;letter-spacing:.5px;animation:svelte-1y9o787-badge-enter .3s ease-out}.grade-pass.svelte-1y9o787{background:var(--success-light);color:var(--success)}.grade-fail.svelte-1y9o787{background:#fef2f2;color:#dc2626}.output-duration.svelte-1y9o787{font-size:11px;color:var(--color-text-tertiary);font-family:var(--font-mono)}.output-body.svelte-1y9o787{flex:1;padding:10px 12px;font-family:var(--font-mono);font-size:12px;color:var(--color-text-secondary);overflow-y:auto}.output-text.svelte-1y9o787{margin:0;white-space:pre-wrap;word-break:break-word}.text-success.svelte-1y9o787{color:var(--success);text-shadow:0 0 8px rgba(29,158,117,.15)}.text-error.svelte-1y9o787{color:#dc2626}.output-meta.svelte-1y9o787{font-size:11px;color:var(--color-text-tertiary);display:block;margin-top:6px}.output-placeholder.svelte-1y9o787{color:var(--color-text-tertiary)}.compile-error.svelte-1y9o787{margin-bottom:8px}.compile-error-label.svelte-1y9o787{display:inline-block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#dc2626;background:#fef2f2;padding:2px 6px;border-radius:3px;margin-bottom:6px}.grading-result.svelte-1y9o787{margin-top:8px;animation:svelte-1y9o787-grade-slide-in .3s ease-out}.grading-banner.svelte-1y9o787{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;font-family:var(--font-mono);padding:6px 12px;border-radius:var(--border-radius-md)}.grading-banner.pass.svelte-1y9o787{background:var(--success-light);color:var(--success);border:.5px solid var(--success)}.grading-banner.fail.svelte-1y9o787{background:#fef2f2;color:#dc2626;border:.5px solid #fecaca}.grading-diff.svelte-1y9o787{margin-top:8px;display:flex;flex-direction:column;gap:4px;font-size:12px}.diff-row.svelte-1y9o787{display:flex;align-items:flex-start;gap:8px}.diff-label.svelte-1y9o787{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;padding:2px 6px;border-radius:3px;flex-shrink:0;margin-top:1px}.expected-label.svelte-1y9o787{color:var(--success);background:var(--success-light)}.actual-label.svelte-1y9o787{color:#dc2626;background:#fef2f2}.diff-value.svelte-1y9o787{margin:0;font-family:var(--font-mono);font-size:12px;white-space:pre-wrap;word-break:break-word;color:var(--color-text-primary);background:var(--color-background-secondary);padding:2px 8px;border-radius:3px;border:.5px solid var(--color-border-tertiary);flex:1;min-width:0}@keyframes svelte-1y9o787-grade-slide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1y9o787-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes svelte-1y9o787-badge-enter{0%{opacity:0;transform:translateY(-4px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.confetti-canvas.svelte-onysc0{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999}.lesson-layout.svelte-cbteub{display:flex;flex:1;overflow:hidden}.lesson-layout.is-dragging.svelte-cbteub{cursor:col-resize;-webkit-user-select:none;user-select:none}.lesson-panel.svelte-cbteub{flex-shrink:0;min-width:0;border-right:none;overflow-y:auto;padding:20px;box-shadow:inset -4px 0 8px -4px #0000000a}.lesson-title.svelte-cbteub{font-size:17px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px;letter-spacing:-.2px}.lesson-meta.svelte-cbteub{font-size:12px;color:var(--color-text-tertiary);margin:0 0 16px;letter-spacing:.1px;display:flex;align-items:center;gap:8px}.lesson-type-badge.svelte-cbteub{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:9999px;border:.5px solid var(--color-border-tertiary)}.lesson-type-badge.theory.svelte-cbteub{color:var(--accent);background:var(--accent-light);border-color:var(--accent-mid)}.lesson-type-badge.exercise.svelte-cbteub{color:var(--success);background:var(--success-light);border-color:var(--success)}.lesson-body.svelte-cbteub{font-size:13px;color:var(--color-text-secondary);line-height:1.7}.lesson-body.svelte-cbteub h1{font-size:20px;font-weight:700;color:var(--color-text-primary);margin:24px 0 12px;letter-spacing:-.3px;line-height:1.3}.lesson-body.svelte-cbteub h2{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:20px 0 8px;padding-bottom:6px;border-bottom:.5px solid var(--color-border-tertiary);letter-spacing:-.2px;line-height:1.4}.lesson-body.svelte-cbteub h3{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:16px 0 6px;line-height:1.4}.lesson-body.svelte-cbteub h4{font-size:13px;font-weight:600;color:var(--color-text-secondary);margin:12px 0 4px;text-transform:uppercase;letter-spacing:.3px}.lesson-body.svelte-cbteub p{margin-bottom:12px}.lesson-body.svelte-cbteub strong{font-weight:600;color:var(--color-text-primary)}.lesson-body.svelte-cbteub em{font-style:italic;color:var(--color-text-secondary)}.lesson-body.svelte-cbteub code{font-size:12px;font-family:var(--font-mono);background:var(--color-background-secondary);padding:1px 5px;border-radius:3px;border:.5px solid var(--color-border-tertiary);box-shadow:inset 0 1px 2px #0000000a}.lesson-body.svelte-cbteub pre{background:var(--color-background-secondary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);padding:12px 14px;margin:12px 0;overflow-x:auto;line-height:1.55}.lesson-body.svelte-cbteub pre code{background:none;border:none;padding:0;box-shadow:none;font-size:12px;font-family:var(--font-mono);color:var(--color-text-primary)}.lesson-body.svelte-cbteub ul,.lesson-body.svelte-cbteub ol{margin:8px 0 12px;padding-left:24px}.lesson-body.svelte-cbteub ul{list-style:disc}.lesson-body.svelte-cbteub ol{list-style:decimal}.lesson-body.svelte-cbteub li{margin-bottom:4px;padding-left:4px}.lesson-body.svelte-cbteub li>ul,.lesson-body.svelte-cbteub li>ol{margin:4px 0}.lesson-body.svelte-cbteub ul ul{list-style:circle}.lesson-body.svelte-cbteub ul ul ul{list-style:square}.lesson-body.svelte-cbteub blockquote{margin:14px 0;padding:10px 14px;border-left:3px solid var(--accent);background:var(--color-background-secondary);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;color:var(--color-text-secondary)}.lesson-body.svelte-cbteub blockquote p{margin-bottom:6px}.lesson-body.svelte-cbteub blockquote p:last-child{margin-bottom:0}.lesson-body.svelte-cbteub table{width:100%;border-collapse:collapse;margin:12px 0;font-size:12px;font-family:var(--font-mono)}.lesson-body.svelte-cbteub th,.lesson-body.svelte-cbteub td{padding:6px 10px;text-align:left;border:.5px solid var(--color-border-tertiary)}.lesson-body.svelte-cbteub th{background:var(--color-background-secondary);font-weight:600;color:var(--color-text-primary);font-size:11px;text-transform:uppercase;letter-spacing:.3px}.lesson-body.svelte-cbteub tr:nth-child(2n){background:color-mix(in srgb,var(--color-background-secondary) 40%,transparent)}.lesson-body.svelte-cbteub hr{border:none;border-top:.5px solid var(--color-border-tertiary);margin:20px 0}.lesson-body.svelte-cbteub a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.lesson-body.svelte-cbteub a:hover{border-bottom-color:var(--accent)}.lesson-body.svelte-cbteub img{max-width:100%;border-radius:var(--border-radius-md);margin:12px 0}.lesson-divider.svelte-cbteub{width:10px;display:flex;align-items:center;justify-content:center;background:var(--color-background-secondary);border-left:.5px solid var(--color-border-tertiary);border-right:.5px solid var(--color-border-tertiary);flex-shrink:0;cursor:col-resize;transition:background var(--transition-fast)}.lesson-divider.svelte-cbteub:hover,.lesson-divider.divider-active.svelte-cbteub{background:var(--color-border-tertiary)}.divider-grip.svelte-cbteub{display:flex;flex-direction:column;gap:3px;align-items:center}.divider-grip.svelte-cbteub span:where(.svelte-cbteub){width:3px;height:3px;border-radius:50%;background:var(--color-text-tertiary);opacity:.5;transition:opacity var(--transition-fast)}.lesson-divider.svelte-cbteub:hover .divider-grip:where(.svelte-cbteub) span:where(.svelte-cbteub),.lesson-divider.divider-active.svelte-cbteub .divider-grip:where(.svelte-cbteub) span:where(.svelte-cbteub){opacity:.8}.editor-column.svelte-cbteub{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.editor-tabs.svelte-cbteub{display:flex;align-items:center;padding:0 12px;height:36px;border-bottom:.5px solid var(--color-border-tertiary);gap:4px;flex-shrink:0}.tab.svelte-cbteub{font-size:12px;padding:4px 10px;border-radius:var(--border-radius-md);color:var(--color-text-tertiary);cursor:pointer;background:transparent;border:.5px solid transparent;font-family:var(--font-mono);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);position:relative}.tab.svelte-cbteub:hover{color:var(--color-text-secondary);background:var(--color-background-secondary)}.tab.active.svelte-cbteub{background:var(--color-background-secondary);color:var(--color-text-primary);border-color:var(--color-border-tertiary)}.tab.active.svelte-cbteub:after{content:"";position:absolute;bottom:-1px;left:25%;right:25%;height:2px;background:var(--accent);border-radius:1px}.tab-spacer.svelte-cbteub{flex:1}.save-indicator.svelte-cbteub{font-size:11px;font-family:var(--font-mono);color:var(--color-text-tertiary);animation:svelte-cbteub-fade-in .2s ease}.save-indicator.saved.svelte-cbteub{color:var(--success, #28c840)}@keyframes svelte-cbteub-fade-in{0%{opacity:0}to{opacity:1}}.tab-action.svelte-cbteub{font-size:11px;font-family:var(--font-mono);padding:3px 8px;border-radius:var(--border-radius-md);background:transparent;border:.5px solid var(--color-border-tertiary);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.tab-action.svelte-cbteub:hover{background:var(--color-background-secondary);color:var(--color-text-secondary);border-color:var(--color-border-secondary)}.editor-area.svelte-cbteub{flex:1;overflow:hidden}.lesson-body.svelte-cbteub .task-box{margin:16px 0;padding:12px 14px;border-left:3px solid var(--accent);background:var(--color-background-secondary);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0}.lesson-body.svelte-cbteub .task-label{font-size:11px;font-weight:600;color:var(--accent-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.lesson-body.svelte-cbteub .task-text{font-size:13px;color:var(--color-text-secondary);line-height:1.6;margin:0}.live-indicator.svelte-cbteub{margin-left:4px;font-size:10px}.live-indicator.compiling.svelte-cbteub{display:inline-block;animation:svelte-cbteub-spin .8s linear infinite;color:var(--accent)}.live-indicator.stale.svelte-cbteub{color:var(--color-text-tertiary);font-style:italic}@keyframes svelte-cbteub-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.completion-section.svelte-cbteub{margin-top:24px;padding-top:16px;border-top:.5px solid var(--color-border-tertiary)}.grading-hint.svelte-cbteub{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-family:var(--font-mono);font-weight:500;color:var(--accent);background:var(--accent-light);border:.5px solid var(--accent-mid);padding:8px 14px;border-radius:var(--border-radius-md)}.btn-complete.svelte-cbteub{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-family:var(--font-mono);font-weight:500;padding:8px 20px;border-radius:var(--border-radius-md);background:var(--accent);border:1px solid var(--accent-dark);color:#fff;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-complete.svelte-cbteub:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 12px #7f77dd4d}.btn-complete.svelte-cbteub:disabled{opacity:.7;cursor:not-allowed;transform:none}.xp-preview.svelte-cbteub{font-size:11px;opacity:.8;font-weight:400}.completed-badge.svelte-cbteub{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-family:var(--font-mono);font-weight:500;padding:8px 16px;border-radius:var(--border-radius-md);background:var(--success-light);color:var(--success);border:1px solid var(--success);animation:svelte-cbteub-completeBounce .4s ease}.xp-label.svelte-cbteub{font-size:11px;font-weight:600;margin-left:4px;opacity:.8}@keyframes svelte-cbteub-completeBounce{0%{transform:scale(.95);opacity:0}60%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.xp-toast.svelte-cbteub{position:fixed;bottom:24px;right:24px;padding:10px 20px;background:var(--success);color:#fff;border-radius:var(--border-radius-md);font-size:13px;font-family:var(--font-mono);font-weight:600;box-shadow:0 4px 16px #0003;animation:svelte-cbteub-toastSlideIn .3s ease,svelte-cbteub-toastFadeOut .5s ease 2.5s forwards;z-index:1000}@keyframes svelte-cbteub-toastSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes svelte-cbteub-toastFadeOut{0%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.readonly-indicator.svelte-cbteub{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);background:var(--accent-light);border:.5px solid var(--accent-mid);padding:3px 10px;border-radius:9999px;margin-right:4px}