:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#1f1f1f;--sidebar:#191919;--surface:#272727;--surface-strong:#303030;--surface-soft:#222;--border:#424242;--border-soft:#343434;--text:#f2f2f2;--muted:#b8b8b8;--faint:#8e8e8e;--accent:#ffdb7a;--accent-strong:#ffd05a;--accent-text:#1c1605;--success:#54d987;--success-soft:#54d9871f;--focus:#8ea7ff;--radius:8px;--sidebar-width:390px;--shadow:0 18px 60px #00000052}*{box-sizing:border-box}html{background:var(--background);min-width:320px}body{color:var(--text);letter-spacing:0;background:radial-gradient(circle at 78% 15%,#ffdb7a0f,#0000 28rem),linear-gradient(#202020 0%,#1f1f1f 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}button,input,textarea{font:inherit;letter-spacing:0}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.course-app{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);background:radial-gradient(circle at 78% 15%, #ffdb7a0f, transparent 28rem), var(--background);min-height:100vh;color:var(--text);display:grid}.course-app--light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f5f5f4;--sidebar:#fff;--surface:#f1f1f0;--surface-strong:#fff;--surface-soft:#fff;--border:#d7d7d4;--border-soft:#e5e5e1;--text:#1f1f1f;--muted:#626262;--faint:#777;--accent:#f5cc5b;--accent-strong:#edbf3b;--accent-text:#1e1908;--success:#18864a;--success-soft:#18864a1a;--shadow:0 18px 46px #1414141f;background:radial-gradient(circle at 78% 15%, #f5cc5b29, transparent 28rem), var(--background)}.sidebar{border-right:1px solid var(--border);background:linear-gradient(180deg, #ffffff08, transparent 26rem), var(--sidebar);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.brand-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:22px 22px 20px;display:grid}.course-title{color:var(--text);margin:0;font-size:18px;font-weight:760;line-height:1.2}.mobile-close,.mobile-menu,.mobile-search{display:none}.progress-block{padding:0 22px 22px}.progress-copy{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;font-weight:610;display:flex}.progress-copy strong{color:var(--text);font-size:14px}.progress-track{background:#4a4a4a;border-radius:999px;height:9px;overflow:hidden}.progress-value{border-radius:inherit;background:var(--success);height:100%;transition:width .18s}.module-list{border-top:1px solid var(--border-soft)}.module-group{border-bottom:1px solid var(--border-soft);padding:14px 16px 12px}.module-trigger,.lesson-link,.ghost-action,.icon-button{cursor:pointer;background:0 0;border:0}.module-trigger{width:100%;color:var(--text);text-align:left;justify-content:space-between;align-items:center;padding:0 2px 10px;font-size:16px;font-weight:760;display:flex}.module-title{align-items:center;gap:12px;min-width:0;display:flex}.module-icon{border:1px solid var(--border-soft);background:var(--surface);width:28px;height:28px;color:var(--muted);border-radius:7px;flex:none;place-items:center;display:grid}.lesson-list{gap:3px;margin:0;padding:0;list-style:none;display:grid}.lesson-link{width:100%;min-height:32px;color:var(--muted);text-align:left;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 10px 7px 38px;font-size:14px;line-height:1.25;display:grid}.lesson-link:hover{color:var(--text);background:#ffffff0d}.lesson-link--active{background:var(--accent);color:var(--accent-text)}.lesson-link--active:hover{background:var(--accent-strong);color:var(--accent-text)}.lesson-link--completed>svg{color:var(--success);stroke-width:2.4px}.lesson-link--active.lesson-link--completed>svg{color:var(--success)}.lesson-label{gap:7px;min-width:0;display:flex}.lesson-label span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lesson-number{color:currentColor;flex:none}.workspace{min-width:0;padding:20px}.topbar{grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:20px;max-width:1160px;margin:0 auto 20px;display:grid}.search-box,.mobile-search{border:1px solid var(--border);width:min(380px,100%);height:40px;color:var(--faint);background:#ffffff0a;border-radius:8px;align-items:center;gap:10px;padding:0 12px;display:flex}.sidebar .mobile-search{width:auto;margin:0 22px 12px}.search-box input,.mobile-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:14px}.search-box input::placeholder,.mobile-search input::placeholder{color:var(--muted)}kbd{border:1px solid var(--border);color:var(--muted);background:#ffffff0f;border-radius:6px;padding:4px 7px;font-size:12px;line-height:1}.action-row{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.ghost-action{height:38px;color:var(--text);white-space:nowrap;border-radius:8px;align-items:center;gap:9px;padding:0 12px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.ghost-action:hover,.ghost-action--active{background:#ffffff12}.ghost-action--completed{color:var(--success);background:var(--success-soft)}.ghost-action--completed:hover{background:var(--success-soft)}.cta-action{background:var(--accent);color:var(--accent-text)}.cta-action:hover{background:var(--accent-strong);color:var(--accent-text)}.icon-button{border:1px solid var(--border);width:38px;height:38px;color:var(--muted);background:#ffffff0a;border-radius:8px;place-items:center;display:inline-grid}.icon-button:hover{color:var(--text);background:#ffffff14}.icon-button.mobile-close,.icon-button.mobile-menu{display:none}.lesson-shell{border:1px solid var(--border);background:linear-gradient(135deg, #ffffff0a, transparent 42%), var(--surface-soft);max-width:1160px;box-shadow:var(--shadow);border-radius:8px;margin:0 auto;padding:28px}.lesson-heading{margin-bottom:18px}.lesson-heading h1{max-width:760px;color:var(--text);margin:0 0 8px;font-size:30px;font-weight:780;line-height:1.1}.lesson-heading p{max-width:900px;color:var(--muted);margin:0;font-size:15px;line-height:1.5}.video-frame{aspect-ratio:16/10;border:1px solid var(--border-soft);isolation:isolate;background:#050505;border-radius:8px;width:100%;position:relative;overflow:hidden}.video-frame iframe{z-index:1;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.video-placeholder{background:linear-gradient(#ffffff05,#0000),#030303;place-items:center;width:100%;height:100%;display:grid}.video-placeholder--soon{color:#fff;font-size:22px;font-weight:780}.terminal-preview{opacity:.58;gap:13px;display:grid;position:absolute;top:92px;left:8%;right:8%}.terminal-row{background:#575757;border-radius:999px;height:3px}.terminal-row--short{width:44%}.terminal-row--accent{background:var(--accent);width:26%}.terminal-row--mid{width:70%}.play-button{color:#fff;cursor:pointer;background:#fff3;border:0;border-radius:8px;place-items:center;width:94px;height:64px;transition:transform .16s,background .16s;display:grid}.play-button:hover{background:#ffffff47;transform:translateY(-1px)}.lesson-meta{border-bottom:1px solid var(--border-soft);color:var(--muted);flex-wrap:wrap;gap:20px;padding:18px 0;font-size:14px;display:flex}.lesson-meta span{align-items:center;gap:9px;display:inline-flex}.description-section{padding-top:22px}.description-section h2{color:var(--text);margin:0 0 10px;font-size:18px;font-weight:780}.description-section p{max-width:920px;color:var(--muted);margin:0 0 14px;font-size:15px;line-height:1.55}.lesson-resources{max-width:940px;margin-top:18px}.lesson-resources h3{color:var(--text);margin:0 0 12px;font-size:15px;font-weight:780}.lesson-resources ul,.command-list{color:var(--muted);gap:11px;margin:0;padding-left:18px;font-size:15px;display:grid}.lesson-resources li,.command-list li{padding-left:3px}.resource-inline{align-items:baseline;gap:10px;line-height:1.55;display:inline-flex}.resource-inline strong{color:var(--text)}.resource-inline code,.command-list code{border:1px solid var(--border-soft);min-width:96px;color:var(--text);background:#ffffff0d;border-radius:6px;margin-right:10px;padding:4px 8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;display:inline-block}.resource-link{color:var(--accent);font-weight:720;text-decoration:none}.resource-link:hover{text-decoration:underline}.resource-snippet{gap:10px;display:grid}.resource-snippet strong{color:var(--text)}.resource-snippet pre{border:1px solid var(--border-soft);max-width:100%;color:var(--text);white-space:pre-wrap;background:#0000002e;border-radius:8px;margin:0;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.45;overflow:auto}.sidebar-scrim{display:none}.course-app--light .sidebar{background:linear-gradient(180deg, #00000005, transparent 26rem), var(--sidebar)}.course-app--light .lesson-shell{background:linear-gradient(135deg, #00000005, transparent 42%), var(--surface-soft)}.course-app--light .search-box,.course-app--light .mobile-search,.course-app--light .icon-button{background:#ffffffd1}.course-app--light .module-icon,.course-app--light .resource-inline code,.course-app--light .command-list code{background:#f3f3f1}.course-app--light .resource-snippet pre{background:#f6f6f4}.course-app--light .ghost-action:hover,.course-app--light .ghost-action--active,.course-app--light .lesson-link:hover{background:#0000000d}@media (max-width:1180px){:root{--sidebar-width:330px}.topbar{grid-template-columns:minmax(0,1fr) auto}.search-box{display:none}.action-row{justify-content:flex-start}.lesson-shell{max-width:980px}}@media (max-width:900px){.course-app{display:block}.sidebar{z-index:20;width:min(360px,100vw - 24px);transition:transform .18s;position:fixed;transform:translate(-105%)}.sidebar--open{transform:translate(0)}.sidebar-scrim{z-index:10;background:#00000085;border:0;display:block;position:fixed;inset:0}.mobile-close,.mobile-menu,.icon-button.mobile-close,.icon-button.mobile-menu{display:inline-grid}.mobile-search{width:auto;margin:0 22px 18px;display:flex}.workspace{padding:14px}.topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;margin-bottom:14px}.search-box{display:none}.action-row{justify-self:end;gap:4px}.ghost-action{justify-content:center;width:38px;padding:0}.ghost-action span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lesson-shell{padding:18px}.lesson-heading{display:block}.lesson-heading h1{font-size:26px}}@media (max-width:560px){.topbar{grid-template-columns:auto minmax(0,1fr) auto}.lesson-shell{padding:14px}.lesson-heading h1{font-size:23px}.lesson-heading p,.description-section p,.lesson-resources ul,.command-list{font-size:14px}.resource-inline{gap:6px;display:grid}.resource-inline code,.command-list code{width:fit-content;min-width:0;margin:0 0 6px;display:block}}