@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{color:#edf3fb;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0f1c;font-family:Geist,Inter,system-ui,sans-serif}#root{min-height:100vh}:root{--midnight:#0a0f1c;--midnight-raised:#101827;--slate:#141f31;--slate-raised:#19263a;--slate-hover:#202e45;--line:#2b3950;--line-strong:#3d4d66;--text:#edf3fb;--muted:#99a9bd;--faint:#65758b;--blue:#69a9ff;--cyan:#55d3ff;--green:#4ad19b;--amber:#f1b95c;--danger:#ef7c86;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow:0 20px 50px #00000038;color:var(--text);background:var(--midnight);font-synthesis:none;font-family:Geist,Inter,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--midnight)}body{background:var(--midnight);min-width:320px;margin:0}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.app-shell{background:linear-gradient(120deg,#0a0f1c 0%,#0c1322 55%,#0b101d 100%);min-height:100vh}.sidebar{z-index:2;border-right:1px solid var(--line);background:#0c1321;flex-direction:column;width:280px;padding:28px 20px 20px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{color:var(--text);letter-spacing:-.7px;align-items:center;gap:10px;font:600 16px/1 JetBrains Mono,monospace;text-decoration:none;display:inline-flex}.brand-mark{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--cyan);background:#69a9ff1a;border:1px solid #69a9ffb3;place-items:center;font-size:13px;display:grid}.sidebar-progress{border-block:1px solid var(--line);grid-template-columns:74px 1fr;align-items:center;gap:13px;margin:30px 0 24px;padding:16px 0 23px;display:grid}.progress-ring{background:conic-gradient(var(--blue) var(--progress), #26344a 0);border-radius:50%;place-items:center;width:74px;height:74px;padding:6px;display:grid}.progress-ring>div{text-align:center;border-radius:inherit;background:var(--midnight-raised);place-content:center;width:100%;height:100%;font-family:JetBrains Mono,monospace;display:grid}.progress-ring strong{font-size:19px;line-height:1}.progress-ring span{color:var(--faint);font-size:10px}.eyebrow,.section-label{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font:500 10px/1.2 JetBrains Mono,monospace}.sidebar-progress strong{font-size:13px;display:block}.sidebar-progress span{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.4;display:block}.lesson-nav{flex:1}.nav-heading{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:10px;font:500 11px JetBrains Mono,monospace;display:flex}.archive-toggle{color:var(--blue);background:0 0;border:0;padding:0;font-size:10px}.today-link{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;color:var(--text);background:var(--slate);text-align:left;align-items:center;gap:8px;padding:11px;font-size:13px;font-weight:600;display:flex}.today-link:hover,.today-link.is-active{background:#17253a;border-color:#69a9ffb3}.today-link small{color:var(--muted);margin-left:auto;font:11px JetBrains Mono,monospace}.pulse-dot,.live-dot{background:var(--green);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #4ad19b1f}.category-list{margin-top:12px}.category-card{border-bottom:1px solid #2b3950cc;padding:12px 0}.category-heading{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.category-heading strong{color:#c7d3e2;font-weight:600}.category-heading span{color:var(--faint);font:10px JetBrains Mono,monospace}.category-bar,.progress-track{background:#28354a;height:3px;overflow:hidden}.category-bar{margin-bottom:9px}.category-bar i,.progress-track i{background:linear-gradient(90deg, var(--blue), var(--cyan));height:100%;display:block}.day-buttons{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.day-buttons button{height:25px;color:var(--faint);background:0 0;border:1px solid #0000;border-radius:4px;font:10px JetBrains Mono,monospace}.day-buttons button:hover{color:var(--text);background:var(--slate-hover)}.day-buttons button.selected{color:var(--midnight);border-color:var(--cyan);background:var(--cyan)}.day-buttons button.done:not(.selected){color:var(--green);background:#4ad19b14}.sidebar-foot{color:var(--faint);margin:22px 0 0;font:10px JetBrains Mono,monospace}.workspace{width:min(100% - 280px,1280px);min-height:calc(100vh - 46px);margin-left:280px;padding:58px clamp(32px,6vw,88px) 72px}.workspace-header{border-bottom:1px solid var(--line);justify-content:space-between;gap:30px;padding-bottom:38px;display:flex}.workspace-header h1{max-width:680px;color:var(--text);letter-spacing:-.055em;margin:0;font-size:clamp(38px,4.1vw,60px);line-height:1.03}.workspace-header h1 em{color:var(--cyan);font-style:normal}.header-progress{width:160px;color:var(--muted);align-self:flex-end;font-size:11px}.header-progress strong{float:right;color:var(--text);font:600 14px JetBrains Mono,monospace}.header-progress .progress-track{clear:both;margin-top:9px}.mobile-consultation-notice{border-radius:var(--radius-sm);color:#f4c978;background:#f1b95c14;border:1px solid #f1b95c73;margin:24px 0 0;padding:12px 14px;font-size:13px}.today-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(100deg, var(--slate), #152236);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:28px;margin:31px 0 52px;padding:20px 22px;display:flex}.today-panel .eyebrow{color:var(--green)}.today-panel h2{letter-spacing:-.025em;margin:0 0 7px;font-size:18px}.today-panel p:not(.eyebrow){max-width:700px;color:var(--muted);font-size:13px;line-height:1.55}.lesson-header{justify-content:space-between;align-items:start;gap:20px;margin-bottom:21px;display:flex}.lesson-header h2{letter-spacing:-.04em;margin:0 0 9px;font-size:clamp(25px,3vw,36px)}.lesson-header h2 span{color:var(--faint);font-weight:400}.lesson-header p:not(.eyebrow){max-width:640px;color:var(--muted);font-size:15px;line-height:1.55}.lesson-state{border:1px solid var(--line-strong);color:var(--muted);background:var(--midnight-raised);white-space:nowrap;border-radius:999px;padding:7px 9px;font:10px JetBrains Mono,monospace}.kata-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--midnight-raised);max-width:920px;box-shadow:var(--shadow);overflow:hidden}.lesson-meta{border-bottom:1px solid var(--line);background:#19263a8c;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.lesson-number{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font:500 11px JetBrains Mono,monospace}.tag{color:var(--blue);background:#69a9ff14;border:1px solid #69a9ff59;border-radius:999px;padding:4px 7px;font:10px JetBrains Mono,monospace}.kata-card>h2,.kata-card>.prompt,.code-section,.actions,.reveal,.reflection-field{margin-inline:20px}.kata-card>h2{letter-spacing:-.03em;margin-top:25px;margin-bottom:10px;font-size:23px}.prompt{color:#c7d3e2;max-width:750px;font-size:15px;line-height:1.65}.code-section{margin-top:29px}.section-label{color:var(--muted)}.code-section pre{border:1px solid var(--line);border-radius:var(--radius-sm);background:#0a1120;max-height:300px;margin:0;padding:17px;overflow:auto}.code-section code{color:#b9d8ff;white-space:pre;font:12px/1.7 JetBrains Mono,monospace}.actions{align-items:center;gap:12px;margin-top:20px;display:flex}.primary,.secondary{border-radius:var(--radius-sm);font-weight:600;transition:background .15s,border-color .15s,transform .15s}.primary{border:1px solid var(--blue);color:#071221;background:var(--blue);padding:10px 14px}.primary:hover{background:#8bbdff;transform:translateY(-1px)}.secondary{border:1px solid var(--line-strong);color:#dce7f4;background:var(--slate-raised);padding:9px 12px;font-size:13px}.secondary:hover{border-color:var(--blue);background:var(--slate-hover)}.complete{color:var(--muted);cursor:pointer;align-items:center;gap:7px;font-size:13px;display:inline-flex}.complete input{width:15px;height:15px;accent-color:var(--green)}.reveal{border-left:2px solid var(--cyan);background:#55d3ff12;margin-top:20px;padding:16px}.reveal strong{color:var(--cyan);font-size:13px}.reveal p{color:#c7d3e2;margin:7px 0 0;font-size:14px;line-height:1.6}.reflection-field{border:0;margin-top:20px;margin-bottom:20px;padding:0}.reflection-field summary{color:var(--muted);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;font:500 11px JetBrains Mono,monospace}.reflection-field[open] summary{color:var(--cyan);margin-bottom:12px}.notes-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font:500 11px JetBrains Mono,monospace;display:block}.reflection-field textarea{resize:vertical;border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#0c1422;padding:12px;font-size:13px;line-height:1.5}.reflection-field textarea::placeholder{color:var(--faint)}.submission-workspace{border:1px solid var(--line);border-radius:var(--radius-md);background:#0d1626;margin:30px 20px 0;padding:20px}.submission-heading{justify-content:space-between;align-items:start;gap:18px;display:flex}.submission-heading h3{margin:0;font-size:18px}.submission-heading>.submission-state{border:1px solid var(--line);max-width:300px;color:var(--muted);text-align:right;background:#0a1120;border-radius:4px;padding:5px 7px;font:10px/1.4 JetBrains Mono,monospace}.submission-state.is-submitted{color:var(--green);background:#4ad19b14;border-color:#4ad19b99}.submission-hint{color:var(--muted);margin:14px 0 17px;font-size:12px;line-height:1.55}.submission-hint kbd{border:1px solid var(--line-strong);color:var(--cyan);background:var(--midnight);border-radius:3px;padding:1px 4px;font:10px JetBrains Mono,monospace}.submission-grid{border:1px solid var(--line-strong);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;display:grid;overflow:hidden;box-shadow:0 12px 30px #0000002e}.submission-editor{border-right:1px solid var(--line)}.submission-surface{background:#0a1120;min-height:340px;display:flex}.submission-gutter{color:#56677e;text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid #162237;flex-direction:column;flex:0 0 48px;width:48px;padding:13px 10px 13px 0;font:12px/1.6 JetBrains Mono,monospace;display:flex}.submission-textarea{resize:vertical;color:#b9d8ff;width:100%;min-height:340px;caret-color:var(--cyan);tab-size:2;background:#0a1120;border:0;outline:0;padding:13px 15px;font:12px/1.6 JetBrains Mono,monospace;display:block}.submission-textarea:focus{box-shadow:inset 0 0 0 1px var(--cyan)}.submission-textarea::placeholder{color:#52647d}.code-lab{border:1px solid var(--line);border-radius:var(--radius-md);background:#0d1626;margin:30px 20px 0;padding:20px}.lab-heading{justify-content:space-between;align-items:start;gap:18px;display:flex}.lab-heading h3{margin:0;font-size:18px}.lab-status{border:1px solid var(--line);max-width:360px;color:var(--muted);text-align:right;background:#0a1120;border-radius:4px;padding:6px 8px;font:10px/1.4 JetBrains Mono,monospace}.lab-contract{color:var(--muted);margin:14px 0 17px;font-size:12px;line-height:1.55}.lab-contract code{color:var(--cyan);font-family:JetBrains Mono,monospace}.lab-grid{border:1px solid var(--line-strong);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;display:grid;overflow:hidden;box-shadow:0 12px 30px #0000002e}.editor-pane,.preview-pane{background:#0a1120;min-width:0}.editor-pane{border-right:1px solid var(--line)}.editor-titlebar{color:#7e91aa;letter-spacing:.1em;background:#111b2b;border-bottom:1px solid #202c40;align-items:center;gap:10px;height:31px;padding:0 11px;font:9px JetBrains Mono,monospace;display:flex}.editor-window-dots{gap:4px;display:inline-flex}.editor-window-dots i{background:#506078;border-radius:50%;width:7px;height:7px}.editor-window-dots i:first-child{background:#ef7c86}.editor-window-dots i:nth-child(2){background:#f1b95c}.editor-window-dots i:nth-child(3){background:#4ad19b}.editor-language{color:#52647d;letter-spacing:0;margin-left:auto}.editor-tabs{background:#0d1626;border-bottom:1px solid #28364c;height:36px}.editor-tab{color:#8fa3bd;border-right:1px solid #28364c;align-items:center;gap:7px;min-width:155px;height:36px;padding:0 11px;font:11px JetBrains Mono,monospace;display:inline-flex}.editor-tab.is-active{color:#dce8f6;box-shadow:inset 0 2px var(--cyan);background:#0a1120}.jsx-icon{color:#071221;background:var(--cyan);border-radius:3px;place-items:center;width:17px;height:17px;font-size:8px;font-weight:700;display:grid}.editor-tab label{cursor:text}.editor-tab-close{color:#6f8299;margin-left:auto;font-size:16px;line-height:1}.editor-surface{background:#0a1120;height:360px}.editor-surface:focus-within{box-shadow:inset 0 0 0 1px var(--cyan)}.editor-statusbar{color:#c6e8ff;background:#174a76;justify-content:flex-end;align-items:center;gap:13px;height:23px;padding:0 10px;font:9px JetBrains Mono,monospace;display:flex}.preview-label{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;background:#111b2b;justify-content:space-between;padding:9px 11px;font:10px JetBrains Mono,monospace;display:flex}.preview-label span:last-child{color:var(--faint);text-transform:none}.preview-pane iframe{background:#fff;border:0;width:100%;height:414px;display:block}.editor-fallback-shell{color:#64758d;background:#0a1120;height:360px;display:flex}.editor-fallback-gutter{color:#56677e;text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid #162237;flex-direction:column;flex:0 0 46px;width:46px;padding:12px 10px 12px 0;font:12px/1.6 JetBrains Mono,monospace;display:flex}.code-editor-fallback{resize:none;color:#b9d8ff;background:#0a1120;border:0;outline:0;width:100%;height:360px;padding:12px 14px;font:12px/1.6 JetBrains Mono,monospace;display:block}.submission-actions,.lab-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:15px;display:flex}.submission-actions>span,.lab-actions>span{color:var(--muted);font-size:11px;line-height:1.45}.primary:disabled{cursor:not-allowed;opacity:.55;transform:none}.lab-actions .secondary{color:var(--cyan);border-color:#55d3ff66}.lab-statuses{justify-items:end;gap:6px;display:grid}.lab-statuses .submission-state{text-align:right;border-radius:4px;max-width:360px;padding:6px 8px;font:10px/1.4 JetBrains Mono,monospace}footer{border-top:1px solid var(--line);color:var(--faint);background:#0a0f1c;margin-left:280px;padding:15px clamp(32px,6vw,88px);font:10px JetBrains Mono,monospace}footer span{color:var(--blue)}@media (width<=980px){.workspace{padding-inline:34px}.workspace-header{display:block}.header-progress{margin-top:24px}.lab-grid,.submission-grid{grid-template-columns:1fr}.editor-pane,.submission-editor{border-right:0;border-bottom:1px solid var(--line)}}@media (width<=760px){.app-shell{padding-bottom:40px}.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;padding:18px 18px 0;position:static}.brand{margin-bottom:17px}.lesson-nav{overflow:hidden}.nav-heading{margin-bottom:9px}.category-list{display:none}.category-list.is-open{max-height:420px;display:block;overflow-y:auto}.category-card{padding:10px 0}.sidebar-foot{display:none}.workspace{width:100%;min-height:auto;margin-left:0;padding:30px 18px 44px}.workspace-header{padding-bottom:24px}.workspace-header h1{font-size:36px}.today-panel{margin:24px 0 34px;padding:17px;display:block}.today-panel .secondary{margin-top:15px}.lesson-header{display:block}.lesson-header h2{font-size:27px}.lesson-state{margin-top:12px;display:inline-block}.kata-card>h2,.kata-card>.prompt,.code-section,.actions,.reveal,.reflection-field{margin-inline:15px}.kata-card>h2{margin-top:20px;font-size:21px}.code-section{margin-top:23px}.code-section pre{padding:13px}.actions{margin-bottom:16px}.kata-card{border-radius:var(--radius-md)}.lesson-meta{padding:13px 15px}footer{margin-left:0;padding:15px 18px}.mobile-consultation-notice{margin-top:20px}.category-bar{display:none}}