:root{--color-bg:#0d0f17;--color-surface:#161926;--color-surface-raised:#1e2235;--color-editor-bg:#0a0c14;--color-border:#2a2f47;--color-text:#e2e8f0;--color-text-muted:#94a3b8;--color-text-faint:#7a8ea5;--color-accent:#a855f7;--color-accent-dim:#a855f71a;--color-accent-border:#a855f74d;--color-canvas-bg:#f0f2f8;--color-success:#4ade80;--color-success-dim:#4ade801a;--color-success-border:#4ade8040;--color-warning:#facc15;--color-warning-dim:#facc151a;--color-warning-border:#facc1540;--color-error:#fb7185;--color-error-dim:#fb71851a;--color-error-border:#fb718540;--font-sans:system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "Cascadia Code", "Fira Code", Consolas, monospace}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{height:100dvh;overflow:hidden}._wrapper_hw336_1{background:var(--color-canvas-bg);flex:1;min-width:0;position:relative;overflow:hidden}._iframe_hw336_9{border:none;width:100%;height:100%;display:block}@media (width<=768px){._wrapper_hw336_1{min-width:unset;flex:0 0 38vh}}._sidebar_1rhb0_1{background:var(--color-surface);border-right:1px solid var(--color-border);flex-shrink:0;width:220px;transition:width .22s;overflow:hidden}._sidebar_1rhb0_1._closed_1rhb0_10{width:0}@media (width<=768px){._sidebar_1rhb0_1{z-index:20;width:260px;transition:transform .22s;position:fixed;top:52px;bottom:0;left:0;transform:translate(0)}._sidebar_1rhb0_1._closed_1rhb0_10{width:260px;transform:translate(-260px)}}._inner_1rhb0_32{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex-direction:column;width:220px;height:100%;padding:.75rem 0 1.5rem;display:flex;overflow-y:auto}._inner_1rhb0_32::-webkit-scrollbar{width:4px}._inner_1rhb0_32::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}._group_1rhb0_52{margin-bottom:.5rem}._categoryLabel_1rhb0_56{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-faint);margin:.875rem 1rem .3rem;font-size:.625rem;font-weight:700}._item_1rhb0_65,._activeItem_1rhb0_66{text-align:left;cursor:pointer;width:100%;font-family:var(--font-mono);color:var(--color-text-muted);white-space:nowrap;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.375rem 1rem;font-size:.75rem;transition:background .12s,color .12s;display:flex}._item_1rhb0_65:hover{background:var(--color-surface-raised);color:var(--color-text)}._activeItem_1rhb0_66{background:var(--color-accent-dim);color:var(--color-accent)}._completionMark_1rhb0_93{color:var(--color-text-faint);flex-shrink:0;margin-right:.4rem;font-size:.6rem;line-height:1}._completionMarkDone_1rhb0_101{color:var(--color-success)}._lessonTitle_1rhb0_105{text-overflow:ellipsis;flex:1;overflow:hidden}._dot_1rhb0_111{opacity:.6;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-left:.5rem}._beginner_1rhb0_120{background:var(--color-success)}._intermediate_1rhb0_124{background:var(--color-warning)}._advanced_1rhb0_128{background:var(--color-error)}._info_ol648_1{border-bottom:1px solid var(--color-border);padding:1.5rem}._header_ol648_6{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}._title_ol648_14{color:var(--color-text);font-size:1.25rem;font-weight:600;font-family:var(--font-mono);letter-spacing:-.02em;margin:0}._meta_ol648_23{flex-shrink:0;align-items:center;gap:.5rem;display:flex}._category_ol648_30{background:var(--color-surface-raised);color:var(--color-text-muted);border:1px solid var(--color-border);white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-size:.6875rem}._difficulty_ol648_40{white-space:nowrap;text-transform:capitalize;border-radius:999px;padding:.2rem .6rem;font-size:.6875rem}._beginner_ol648_48{background:var(--color-success-dim);color:var(--color-success);border:1px solid var(--color-success-border)}._intermediate_ol648_54{background:var(--color-warning-dim);color:var(--color-warning);border:1px solid var(--color-warning-border)}._advanced_ol648_60{background:var(--color-error-dim);color:var(--color-error);border:1px solid var(--color-error-border)}._completionStatus_ol648_66{letter-spacing:.04em;margin:-.25rem 0 1rem;font-size:.6875rem;font-weight:600}._completionDone_ol648_73{color:var(--color-success)}._completionPending_ol648_77{color:var(--color-text-faint)}._description_ol648_81{color:var(--color-text-muted);margin:0 0 1.25rem;font-size:.875rem;line-height:1.65}._challenge_ol648_88{background:var(--color-accent-dim);border:1px solid var(--color-accent-border);border-radius:8px;margin-bottom:1.25rem;padding:.875rem 1rem}._challengeLabel_ol648_96{text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:.35rem;font-size:.6875rem;font-weight:600;display:block}._challengeText_ol648_106{color:var(--color-text);margin:0;font-size:.875rem;line-height:1.6}._comparison_ol648_113{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}._comparisonBlock_ol648_119{flex-direction:column;gap:.4rem;display:flex}._comparisonLabel_ol648_125{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);margin:0;font-size:.6875rem;font-weight:600}._code_ol648_134{background:var(--color-editor-bg);border:1px solid var(--color-border);font-family:var(--font-mono);color:var(--color-text-muted);white-space:pre;border-radius:6px;flex:1;margin:0;padding:.875rem;font-size:.75rem;line-height:1.7;overflow-x:auto}._realWorldBtn_ol648_149{border:1px solid var(--color-border);color:var(--color-text-faint);font-size:.75rem;font-family:var(--font-sans);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.4rem;margin-top:1rem;padding:.45rem .875rem;transition:border-color .15s,color .15s;display:flex}._realWorldBtn_ol648_149:hover{border-color:var(--color-accent-border);color:var(--color-text)}._realWorldContent_ol648_170{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:8px;margin-top:.75rem;padding:.875rem 1rem}._realWorldText_ol648_178{color:var(--color-text-muted);margin:0;font-size:.8125rem;line-height:1.65}@keyframes _rainbowBorder_ol648_1{0%{border-color:#f87171;box-shadow:0 0 8px #f8717180}16%{border-color:#fb923c;box-shadow:0 0 8px #fb923c80}33%{border-color:#fbbf24;box-shadow:0 0 8px #fbbf2480}50%{border-color:#4ade80;box-shadow:0 0 8px #4ade8080}66%{border-color:#60a5fa;box-shadow:0 0 8px #60a5fa80}83%{border-color:#c084fc;box-shadow:0 0 8px #c084fc80}to{border-color:#f87171;box-shadow:0 0 8px #f8717180}}._seeOtherBtn_ol648_195{border:1px solid var(--color-border);color:var(--color-text-muted);font-size:.75rem;font-family:var(--font-sans);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.4rem;margin-top:1rem;padding:.45rem .875rem;transition:border-color .15s,color .15s;animation:1.2s linear 3 _rainbowBorder_ol648_1;display:flex}._seeOtherBtn_ol648_195:hover{border-color:var(--color-accent-border);color:var(--color-text)}._alternatives_ol648_217{flex-direction:column;gap:1rem;margin-top:1.25rem;display:flex}._alternativesHeading_ol648_224{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);margin:0 0 .25rem;font-size:.6875rem;font-weight:600}._alternative_ol648_217{border-left:2px solid var(--color-accent-border);flex-direction:column;gap:.4rem;padding-left:.875rem;display:flex}._alternativeName_ol648_241{color:var(--color-text);margin:0;font-size:.8125rem;font-weight:600}._alternativeDescription_ol648_248{color:var(--color-text-muted);margin:0;font-size:.8rem;line-height:1.55}._editor_10qqc_1{border-top:1px solid var(--color-border);flex-direction:column;flex:1;min-height:0;display:flex}._editorHeader_10qqc_9{background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:.625rem 1rem;display:flex}._editorLabel_10qqc_19{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);font-size:.75rem;font-weight:500}._resetButton_10qqc_27{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:4px;padding:.25rem .625rem;font-family:inherit;font-size:.75rem;transition:border-color .15s,color .15s}._resetButton_10qqc_27:hover{border-color:var(--color-text-muted);color:var(--color-text)}._textarea_10qqc_44{resize:none;background:var(--color-editor-bg);width:100%;min-height:220px;color:var(--color-text);font-family:var(--font-mono);tab-size:2;box-sizing:border-box;border:none;outline:none;flex:1;padding:1rem;font-size:.8125rem;line-height:1.75}._textarea_10qqc_44::placeholder{color:var(--color-text-faint)}._footer_10qqc_65{background:var(--color-surface-raised);border-top:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}._checkWrapper_10qqc_75{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.3rem;margin-left:auto;display:flex}._shortcutHint_10qqc_84{color:var(--color-text-faint);font-size:.625rem;font-family:var(--font-mono);letter-spacing:.03em}._checkButton_10qqc_91{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;padding:.5rem 1.125rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:opacity .15s}._checkButton_10qqc_91:hover{opacity:.88}._feedbackPass_10qqc_109,._feedbackFail_10qqc_110{flex:1;margin:0;font-size:.8125rem;line-height:1.4}._feedbackPass_10qqc_109{color:var(--color-success)}._feedbackFail_10qqc_110{color:var(--color-text-muted)}._panel_1ywes_1{border-left:1px solid var(--color-border);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}@media (width<=768px){._panel_1ywes_1{border-left:none;border-top:1px solid var(--color-border)}}._lessonNav_1ywes_17{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;height:40px;padding:0 1rem;display:flex}._navBtn_1ywes_28{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-family:inherit;font-size:.75rem;transition:color .15s,background .15s}._navBtn_1ywes_28:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-raised)}._navBtn_1ywes_28:disabled{opacity:.3;cursor:default}._navProgress_1ywes_50{color:var(--color-text-faint);font-size:.75rem;font-family:var(--font-mono)}._scroll_1ywes_56{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex-direction:column;flex:1;display:flex;overflow-y:auto}._scroll_1ywes_56::-webkit-scrollbar{width:6px}._scroll_1ywes_56::-webkit-scrollbar-track{background:0 0}._scroll_1ywes_56::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}._app_141oh_1{flex-direction:column;height:100dvh;display:flex;overflow:hidden}._header_141oh_8{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;height:52px;display:flex}._toggle_141oh_17{border:none;border-right:1px solid var(--color-border);width:52px;height:52px;color:var(--color-text-muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}._toggle_141oh_17:hover{color:var(--color-text);background:var(--color-surface-raised)}._logo_141oh_37{color:var(--color-accent);letter-spacing:-.01em;white-space:nowrap;padding:0 1rem;font-size:.8125rem;font-weight:600}._main_141oh_46{flex:1;min-height:0;display:flex;overflow:hidden}._overlay_141oh_53{z-index:15;background:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){._main_141oh_46{flex-direction:column}._overlay_141oh_53{display:block}}