:root{color-scheme:dark;--bg: #0b0d12;--bg-soft: #10131a;--panel: #151922;--panel-2: #1a1f2a;--panel-3: #202633;--text: #f3f4f7;--text-soft: #b5bbc8;--muted: #7e8797;--line: #2a303d;--line-soft: #202631;--accent: #f4d35e;--accent-2: #9b8cff;--green: #58d6b5;--red: #ff7c78;--shadow: 0 24px 70px rgba(0, 0, 0, .28);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=light]{color-scheme:light;--bg: #f4f2ec;--bg-soft: #eeece5;--panel: #fffefa;--panel-2: #f7f5ef;--panel-3: #ece9e0;--text: #16181d;--text-soft: #4f5662;--muted: #727987;--line: #d9d5ca;--line-soft: #e8e4db;--shadow: 0 24px 70px rgba(67, 58, 41, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,a{color:inherit}::selection{background:color-mix(in srgb,var(--accent-2) 52%,transparent)}.app-shell{min-height:100vh}.app-main{min-height:100vh;margin-left:304px}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:304px;display:flex;flex-direction:column;background:color-mix(in srgb,var(--bg-soft) 96%,transparent);border-right:1px solid var(--line-soft);overflow:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar__top{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line-soft);flex:0 0 auto}.brand{display:flex;align-items:center;gap:12px}.brand__mark{width:34px;height:34px;display:grid;place-items:center;background:var(--accent);color:#141414;border-radius:9px 9px 9px 2px;font-weight:900;font-size:20px;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 10%,transparent)}.brand div{display:flex;flex-direction:column;gap:2px}.brand strong{font-size:13px;letter-spacing:.14em}.brand small{color:var(--muted);font-size:10px}.progress-card{margin:17px 17px 9px;padding:14px;background:var(--panel);border:1px solid var(--line-soft);border-radius:13px}.progress-card>div:first-child{display:flex;justify-content:space-between;font-size:12px;color:var(--text-soft)}.progress-card>div strong{color:var(--text)}.progress-track{height:5px;margin:11px 0 7px;background:var(--panel-3);border-radius:20px;overflow:hidden}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:inherit;transition:width .35s ease}.progress-card small{font-size:10px;color:var(--muted)}.course-nav{padding:7px 12px 30px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.course-nav__unit{margin-top:11px}.course-nav__unit header{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:4px;padding:8px 9px}.course-nav__unit header>span{color:var(--unit-accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.course-nav__unit header strong{font-size:12px}.course-nav__unit header small{color:var(--muted);font:10px ui-monospace,monospace}.course-nav__unit>div{display:flex;flex-direction:column;gap:1px}.course-nav__unit a{position:relative;min-height:35px;display:grid;grid-template-columns:18px 1fr 15px;align-items:center;gap:7px;padding:7px 9px;color:var(--muted);text-decoration:none;font-size:11.5px;line-height:1.35;border-radius:8px}.course-nav__unit a:hover{color:var(--text);background:var(--panel)}.course-nav__unit a.is-active{color:var(--text);background:color-mix(in srgb,var(--unit-accent) 10%,var(--panel))}.course-nav__unit a.is-active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--unit-accent)}.course-nav__unit a svg:first-child{color:color-mix(in srgb,var(--unit-accent) 82%,var(--text))}.sidebar__source{margin-top:auto;padding:13px 20px 17px;display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--line-soft);font-size:10px;color:var(--muted);background:var(--bg-soft)}.sidebar__source a{display:flex;align-items:center;gap:4px;color:var(--text-soft);text-decoration:none}.sidebar-scrim{display:none}.topbar{position:sticky;top:0;z-index:30;height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft);background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar__crumb{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.topbar__crumb strong{color:var(--accent);letter-spacing:.08em}.topbar__actions{display:flex;align-items:center;gap:8px}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;background:var(--panel);cursor:pointer}.icon-button:hover{border-color:var(--muted);background:var(--panel-2)}.icon-button svg{width:18px}.search-trigger{height:38px;min-width:235px;display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:center;padding:0 10px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:10px;text-align:left;cursor:pointer}.search-trigger:hover{color:var(--text-soft);border-color:var(--muted)}kbd{padding:2px 6px;color:var(--muted);background:var(--panel-3);border:1px solid var(--line);border-radius:5px;font:10px ui-monospace,monospace}.mobile-menu,.mobile-only{display:none}.content-layout{width:min(1180px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:minmax(0,820px) 220px;justify-content:center;gap:64px;padding:64px 0 90px}.course-article{min-width:0;font-size:16px;line-height:1.75;color:var(--text-soft)}.article-meta{display:flex;align-items:center;gap:9px;margin-bottom:20px;color:var(--muted);font:11px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.07em}.article-meta span:first-child{color:var(--unit-accent)}.article-meta i{width:3px;height:3px;background:var(--line);border-radius:50%}.course-article>h1:first-of-type{margin:0 0 25px;color:var(--text);font-size:clamp(38px,5vw,60px);line-height:1.04;letter-spacing:-.045em;font-weight:800;text-wrap:balance}.course-article h2{margin:60px 0 18px;color:var(--text);font-size:28px;line-height:1.2;letter-spacing:-.025em}.course-article h3{margin:38px 0 14px;color:var(--text);font-size:20px;line-height:1.3}.course-article h4{margin:28px 0 10px;color:var(--text);font-size:16px}.course-article h1 a,.course-article h2 a,.course-article h3 a{color:inherit;text-decoration:none}.course-article h2 a:hover:after,.course-article h3 a:hover:after{content:" #";color:var(--unit-accent)}.course-article p{margin:0 0 20px}.course-article>p:first-of-type{color:color-mix(in srgb,var(--text) 84%,var(--text-soft));font-size:19px;line-height:1.65}.course-article strong{color:var(--text);font-weight:650}.course-article a{color:color-mix(in srgb,var(--unit-accent) 84%,var(--text));text-decoration-color:color-mix(in srgb,var(--unit-accent) 35%,transparent);text-underline-offset:3px}.course-article a:hover{text-decoration-color:currentColor}.external-icon{display:inline-block;margin-left:3px;vertical-align:-.08em}.course-article ul,.course-article ol{margin:0 0 24px;padding-left:25px}.course-article li{margin:7px 0;padding-left:4px}.course-article li::marker{color:var(--unit-accent)}.course-article hr{height:1px;margin:56px 0;border:0;background:linear-gradient(90deg,var(--unit-accent),var(--line) 24%,transparent);opacity:.6}.course-article img{display:block;max-width:100%;height:auto;margin:28px auto;border-radius:14px}.course-article :not(pre)>code{padding:.16em .4em;color:color-mix(in srgb,var(--unit-accent) 78%,var(--text));background:color-mix(in srgb,var(--unit-accent) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--unit-accent) 14%,var(--line));border-radius:5px;font:.88em ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.page-loading{min-height:220px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:12px}.page-loading span{width:15px;height:15px;border:2px solid var(--line);border-top-color:var(--unit-accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.callout{position:relative;margin:28px 0;padding:20px 22px 19px;background:color-mix(in srgb,var(--panel) 92%,var(--unit-accent));border:1px solid color-mix(in srgb,var(--unit-accent) 28%,var(--line));border-left:3px solid var(--unit-accent);border-radius:4px 12px 12px 4px;color:var(--text-soft)}.callout--tip{--unit-accent: var(--green)}.callout--warning,.callout--caution{--unit-accent: var(--red)}.callout__label{display:block;margin-bottom:7px;color:var(--unit-accent)!important;font:700 11px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.09em}.callout p:last-child{margin-bottom:0}.code-shell{margin:25px 0 30px;overflow:hidden;background:#090b0f;border:1px solid #292f3a;border-radius:13px;box-shadow:0 14px 36px #0000002b}:root[data-theme=light] .code-shell{background:#171a20}.code-shell__bar{height:37px;padding:0 11px 0 16px;display:flex;align-items:center;justify-content:space-between;color:#747e8e;border-bottom:1px solid #242a34;font:10px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.code-shell__bar:before{content:"";width:28px;height:7px;background:radial-gradient(circle at 3px 3px,#ff7068 0 3px,transparent 3.5px),radial-gradient(circle at 13px 3px,#f4d35e 0 3px,transparent 3.5px),radial-gradient(circle at 23px 3px,#58d6b5 0 3px,transparent 3.5px)}.code-shell__bar>span{margin-right:auto;margin-left:12px}.code-shell__bar button{display:flex;align-items:center;gap:5px;padding:5px 8px;border:0;border-radius:6px;color:#9ca4b2;background:transparent;cursor:pointer;font-size:10px;text-transform:none;letter-spacing:0}.code-shell__bar button:hover{background:#1a1f28;color:#fff}.code-shell pre{margin:0;padding:19px 20px 22px;overflow:auto;color:#d9deea;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;-moz-tab-size:2;tab-size:2}.table-scroll{margin:26px 0 34px;overflow-x:auto;border:1px solid var(--line);border-radius:12px}.table-scroll table{width:100%;min-width:560px;border-collapse:collapse;font-size:14px}.table-scroll th{color:var(--text);background:var(--panel-2);text-align:left;font-size:12px;letter-spacing:.02em}.table-scroll th,.table-scroll td{padding:12px 14px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);vertical-align:top}.table-scroll tr:last-child td{border-bottom:0}.table-scroll th:last-child,.table-scroll td:last-child{border-right:0}.table-scroll tr:hover td{background:color-mix(in srgb,var(--panel) 65%,transparent)}.tool-tabs{margin:28px 0 34px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}.tool-tabs__list{display:flex;gap:2px;padding:7px;overflow-x:auto;border-bottom:1px solid var(--line);background:var(--bg-soft)}.tool-tabs__list button{flex:0 0 auto;padding:8px 13px;color:var(--muted);border:0;border-radius:8px;background:transparent;cursor:pointer;font-size:12px}.tool-tabs__list button:hover{color:var(--text);background:var(--panel)}.tool-tabs__list button.is-active{color:#151515;background:var(--unit-accent);font-weight:700}.tool-tabs__panel{padding:22px}.tool-tabs__panel>.tool-option>:first-child{margin-top:0}.tool-tabs__panel>.tool-option>:last-child{margin-bottom:0}.question-card{margin:26px 0 38px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.question-card__eyebrow{margin-bottom:12px;color:var(--muted);font:10px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em}.question-card__choices{display:grid;gap:8px}.question-choice{width:100%;display:grid;grid-template-columns:29px 1fr 20px;gap:10px;align-items:center;padding:12px 13px;color:var(--text-soft);background:var(--bg-soft);border:1px solid var(--line-soft);border-radius:10px;cursor:pointer;text-align:left;line-height:1.45}.question-choice:hover{color:var(--text);border-color:var(--muted)}.question-choice__key{width:27px;height:27px;display:grid;place-items:center;color:var(--muted);background:var(--panel-3);border-radius:7px;font:11px ui-monospace,monospace}.question-choice.is-correct{border-color:color-mix(in srgb,var(--green) 56%,var(--line));background:color-mix(in srgb,var(--green) 7%,var(--bg-soft))}.question-choice.is-correct>svg{color:var(--green)}.question-choice.is-wrong{border-color:color-mix(in srgb,var(--red) 56%,var(--line));background:color-mix(in srgb,var(--red) 7%,var(--bg-soft))}.question-choice.is-wrong>svg{color:var(--red)}.question-feedback{margin-top:12px;padding:14px 15px;border-radius:9px;font-size:13px;line-height:1.55}.question-feedback.is-correct{background:color-mix(in srgb,var(--green) 10%,var(--bg-soft));border:1px solid color-mix(in srgb,var(--green) 28%,var(--line))}.question-feedback.is-wrong{background:color-mix(in srgb,var(--red) 9%,var(--bg-soft));border:1px solid color-mix(in srgb,var(--red) 28%,var(--line))}.question-feedback button{margin-top:9px;display:flex;align-items:center;gap:5px;padding:5px 8px;color:var(--muted);background:transparent;border:0;cursor:pointer;font-size:11px}.embed-shell{margin:28px 0 36px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.embed-shell__bar{min-height:39px;padding:0 13px;display:flex;align-items:center;gap:7px;color:var(--muted);border-bottom:1px solid var(--line);font-size:10px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 12%,transparent)}.embed-shell__bar a{margin-left:auto;display:flex;align-items:center;gap:4px;color:var(--text-soft);text-decoration:none}.embed-shell iframe{display:block;width:100%;min-height:480px;border:0;background:#fff}.course-article details{margin:24px 0;background:var(--panel);border:1px solid var(--line);border-radius:11px;overflow:hidden}.course-article summary{padding:14px 17px;color:var(--text);cursor:pointer;font-weight:650}.course-article details[open] summary{border-bottom:1px solid var(--line)}.course-article details>:not(summary){margin-left:18px;margin-right:18px}.article-toc{position:sticky;top:100px;align-self:start;max-height:calc(100vh - 125px);overflow:auto;padding-left:18px;border-left:1px solid var(--line-soft)}.article-toc>strong{display:block;margin-bottom:12px;color:var(--text);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.article-toc nav{display:flex;flex-direction:column;gap:3px}.article-toc a{padding:4px 0;color:var(--muted);text-decoration:none;font-size:11px;line-height:1.35}.article-toc a:hover{color:var(--text)}.article-toc a.is-nested{padding-left:12px;font-size:10.5px}.completion-card{margin:60px 0 25px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--panel);border:1px solid var(--line);border-radius:13px}.completion-card>div{display:flex;align-items:center;gap:11px}.completion-card>div>svg{color:var(--muted)}.completion-card>div span{display:flex;flex-direction:column}.completion-card small{color:var(--muted);font-size:11px}.completion-card button,.button-primary,.button-secondary{min-height:38px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:9px;cursor:pointer;font-size:12px;font-weight:650}.completion-card button,.button-primary{color:#111;background:var(--unit-accent, var(--accent));border:1px solid transparent}.completion-card button:hover,.button-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.completion-card.is-done{border-color:color-mix(in srgb,var(--green) 35%,var(--line));background:color-mix(in srgb,var(--green) 6%,var(--panel))}.completion-card.is-done>div>svg{color:var(--green)}.completion-card.is-done button{color:var(--text-soft);background:transparent;border-color:var(--line)}.button-secondary{color:var(--text-soft);background:var(--panel-2);border:1px solid var(--line)}.button-primary:disabled{opacity:.55;cursor:wait;transform:none}.page-navigation{margin:14px 0 40px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.page-navigation a{min-height:78px;padding:14px 16px;display:flex;align-items:center;gap:13px;color:var(--text-soft);background:var(--panel);border:1px solid var(--line);border-radius:12px;text-decoration:none}.page-navigation a:hover{color:var(--text);border-color:var(--unit-accent)}.page-navigation a span{display:flex;flex-direction:column}.page-navigation a small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.page-navigation a strong{line-height:1.3;font-size:13px}.page-navigation a.is-next{text-align:right;justify-content:flex-end}.article-footer{padding-top:17px;display:flex;justify-content:space-between;gap:16px;color:var(--muted);border-top:1px solid var(--line-soft);font-size:10px}.article-footer a{display:flex;align-items:center;gap:5px;color:var(--text-soft);text-decoration:none}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:9vh 20px 20px;background:#020305b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-modal{width:min(720px,100%);max-height:78vh;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 35px 100px #0000007a}.search-modal__input{height:65px;padding:0 15px 0 19px;display:grid;grid-template-columns:22px 1fr 34px;gap:10px;align-items:center;border-bottom:1px solid var(--line)}.search-modal__input>svg{color:var(--muted)}.search-modal__input input{width:100%;color:var(--text);background:transparent;border:0;outline:0;font-size:17px}.search-modal__input input::placeholder{color:var(--muted)}.search-modal__input button{width:32px;height:32px;display:grid;place-items:center;color:var(--muted);background:transparent;border:0;border-radius:8px;cursor:pointer}.search-modal__input button:hover{background:var(--panel-2);color:var(--text)}.search-modal__meta{padding:10px 16px 7px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.search-results{padding:5px 8px 12px;overflow-y:auto}.search-results>button{width:100%;padding:12px;display:grid;grid-template-columns:35px 1fr 20px;gap:10px;align-items:center;color:var(--text-soft);background:transparent;border:0;border-radius:10px;text-align:left;cursor:pointer}.search-results>button:hover{background:var(--panel-2);color:var(--text)}.search-results__unit{width:31px;height:31px;display:grid;place-items:center;color:var(--accent);background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;font:10px ui-monospace,monospace}.search-results>button div{min-width:0}.search-results strong{display:block;font-size:13px}.search-results p{margin:3px 0 0;overflow:hidden;color:var(--muted);font-size:10.5px;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}.search-results>button>svg{color:var(--muted);width:15px}.search-empty{padding:45px 15px;display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--muted)}.search-empty svg{margin-bottom:4px}.search-empty strong{color:var(--text)}.search-empty span{font-size:11px}.search-modal footer{min-height:38px;padding:0 15px;display:flex;align-items:center;gap:7px;color:var(--muted);border-top:1px solid var(--line);font-size:9px}.search-modal footer span{flex:1}.lab-shell{margin:34px 0 50px;overflow:hidden;background:radial-gradient(circle at 95% 0,color-mix(in srgb,var(--unit-accent) 12%,transparent),transparent 32%),var(--panel);border:1px solid color-mix(in srgb,var(--unit-accent) 28%,var(--line));border-radius:16px;box-shadow:var(--shadow)}.lab-shell__header{padding:18px 20px;display:grid;grid-template-columns:58px 1fr 24px;gap:13px;align-items:start;border-bottom:1px solid var(--line)}.lab-shell__number{margin-top:3px;padding:4px 6px;color:#111;background:var(--unit-accent);border-radius:5px;font:800 9px ui-monospace,monospace;text-align:center;letter-spacing:.06em}.lab-shell__header h2{margin:0 0 4px!important;font-size:19px!important}.lab-shell__header p{margin:0;color:var(--muted);font-size:11.5px;line-height:1.45}.lab-shell__header>svg{color:var(--unit-accent)}.lab-shell__body{padding:20px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice-grid button{min-height:60px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;color:var(--text-soft);background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;text-align:left;cursor:pointer;font-size:12px}.choice-grid button:hover,.choice-grid button.is-active{color:var(--text);border-color:var(--unit-accent)}.choice-grid button.is-active{background:color-mix(in srgb,var(--unit-accent) 7%,var(--bg-soft))}.route-result{margin-top:13px;padding:15px 16px;display:grid;grid-template-columns:auto 1fr;gap:2px 13px;background:var(--bg-soft);border-radius:11px}.route-result span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.route-result strong{color:var(--unit-accent);font:800 20px ui-monospace,monospace;text-align:right}.route-result p{grid-column:1 / -1;margin:5px 0 0;font-size:12px}.slider-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.slider-grid label,.task-slider{display:grid;grid-template-columns:1fr auto;gap:8px;color:var(--muted);font-size:11px}.slider-grid strong,.task-slider strong{color:var(--text);font:12px ui-monospace,monospace}input[type=range]{grid-column:1 / -1;width:100%;accent-color:var(--unit-accent);cursor:pointer}.metric-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric-grid>div{min-height:90px;padding:13px;display:flex;flex-direction:column;justify-content:flex-end;background:var(--bg-soft);border:1px solid var(--line-soft);border-radius:10px}.metric-grid>div.is-accent{border-color:color-mix(in srgb,var(--unit-accent) 40%,var(--line));background:color-mix(in srgb,var(--unit-accent) 6%,var(--bg-soft))}.metric-grid span{margin-bottom:auto;color:var(--muted);font-size:9.5px}.metric-grid strong{color:var(--text);font:750 20px ui-monospace,monospace}.metric-grid small{color:var(--muted);font-size:9px}.context-bar{position:relative;height:29px;margin-top:10px;overflow:hidden;background:var(--bg-soft);border-radius:8px}.context-bar span{display:block;height:100%;min-width:4%;background:linear-gradient(90deg,var(--unit-accent),var(--accent-2))}.context-bar em{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--text);font-size:9px;font-style:normal;text-shadow:0 1px 4px #000}.step-track{display:flex;align-items:center;margin:3px 10px 20px}.step-track:before{content:"";height:2px;flex:1;order:1;background:var(--line)}.step-track button{position:relative;z-index:1;width:28px;height:28px;flex:0 0 28px;padding:0;display:grid;place-items:center;color:var(--muted);background:var(--panel-2);border:2px solid var(--line);border-radius:50%;cursor:pointer;font:10px ui-monospace,monospace}.step-track button:not(:last-child){margin-right:calc((100% - 168px)/5)}.step-track:before{display:none}.step-track button.is-done{color:#111;background:var(--unit-accent);border-color:var(--unit-accent)}.protocol-card{padding:15px;display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;background:var(--bg-soft);border:1px solid var(--line);border-radius:12px}.protocol-card__icon{width:43px;height:43px;display:grid;place-items:center;color:var(--unit-accent);background:color-mix(in srgb,var(--unit-accent) 8%,var(--panel));border-radius:10px}.protocol-card span{color:var(--muted);font-size:9px}.protocol-card h3{margin:1px 0 0!important;font-size:15px!important}.protocol-card pre{grid-column:1 / -1;margin:4px 0 0;padding:12px;overflow-x:auto;color:#dbe2ef;background:#090b0f;border-radius:8px;font:11px/1.5 ui-monospace,monospace}.lab-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}.plugin-builder{display:grid;grid-template-columns:1fr 1fr;gap:12px}.plugin-parts{display:grid;grid-template-columns:1fr 1fr;gap:7px}.plugin-parts button{min-height:78px;padding:10px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:var(--muted);background:var(--bg-soft);border:1px solid var(--line);border-radius:9px;cursor:pointer}.plugin-parts button span{color:var(--text-soft);font-weight:650}.plugin-parts button small{font-size:9px}.plugin-parts button.is-active{color:var(--unit-accent);border-color:var(--unit-accent);background:color-mix(in srgb,var(--unit-accent) 6%,var(--bg-soft))}.file-tree{padding:13px;color:var(--text-soft);background:#090b0f;border-radius:10px;font:11px/1.55 ui-monospace,monospace}.file-tree>div{display:flex;align-items:center;gap:6px;color:var(--unit-accent);font-weight:700}.file-tree p{margin:7px 0}.file-tree p span{color:#596273}.file-tree em{display:block;margin-top:13px;color:#697386;font-size:10px}.bundle-total{margin-top:10px;padding:11px 13px;display:flex;justify-content:space-between;color:var(--muted);background:var(--bg-soft);border-radius:9px;font-size:10px}.bundle-total strong{color:var(--text);font-family:ui-monospace,monospace}.pattern-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.pattern-picker button{padding:10px;display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--muted);background:var(--bg-soft);border:1px solid var(--line);border-radius:9px;cursor:pointer;font-size:10px}.pattern-picker button.is-active{color:var(--unit-accent);border-color:var(--unit-accent)}.pattern-picker svg{width:18px}.task-slider{margin:17px 4px 10px}.agent-stage{min-height:120px;padding:15px;display:flex;align-items:center;gap:24px;overflow:hidden;background:var(--bg-soft);border-radius:11px}.parent-agent{width:68px;height:68px;flex:0 0 68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--unit-accent);border:1px solid var(--unit-accent);border-radius:50%;font-size:9px}.parent-agent svg{width:20px}.agent-lines{display:flex;flex:1;flex-wrap:wrap;gap:7px}.child-agent{width:31px;height:31px;display:grid;place-items:center;color:var(--text-soft);background:var(--panel-3);border:1px solid var(--line);border-radius:8px;font:9px ui-monospace,monospace}.agent-lines--sequential{align-items:center;flex-wrap:nowrap}.agent-lines--sequential .child-agent{border-radius:50%}.agent-lines--parallel .child-agent,.agent-lines--orchestrator .child-agent{border-color:color-mix(in srgb,var(--unit-accent) 38%,var(--line))}.metric-grid--two{grid-template-columns:1fr 1fr}.lab-note{margin:10px 2px 0!important;color:var(--muted);font-size:10.5px}.hook-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.guard-list{display:flex;flex-direction:column;gap:7px}.guard-list label{padding:9px 10px;display:flex;gap:8px;align-items:center;color:var(--text-soft);background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;font-size:10.5px}.guard-list input{accent-color:var(--unit-accent)}.hook-timeline{display:flex;flex-direction:column;gap:5px}.hook-timeline span{padding:7px 9px;color:var(--muted);background:var(--bg-soft);border-left:2px solid var(--line);font:9px ui-monospace,monospace;transition:.2s}.hook-timeline span.is-active{color:var(--text);border-color:var(--unit-accent);background:color-mix(in srgb,var(--unit-accent) 6%,var(--bg-soft))}.event-log{min-height:92px;margin-top:12px;padding:10px;background:#090b0f;border-radius:9px}.event-log em{color:#677181;font-size:10px}.event-log p{display:grid;grid-template-columns:20px 100px 16px 1fr;gap:7px;align-items:center;margin:4px 0;color:#aab2c0;font:9px/1.4 ui-monospace,monospace}.event-log p>span{color:#566071}.event-log p.is-ok svg{color:var(--green)}.event-log p.is-blocked svg{color:var(--red)}.event-log p.is-blocked{color:#ffaaa7}.loop-diagram{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.loop-diagram button{position:relative;min-width:0;min-height:68px;padding:8px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;cursor:pointer;font-size:8.5px}.loop-diagram button.is-active{color:var(--unit-accent);border-color:var(--unit-accent)}.loop-diagram button.is-done{color:var(--text-soft);border-color:color-mix(in srgb,var(--unit-accent) 30%,var(--line))}.loop-diagram button>svg:first-child{width:18px}.loop-arrow{display:none}.loop-explainer{margin-top:10px;padding:14px;display:grid;grid-template-columns:28px 35px 1fr;gap:10px;align-items:center;background:var(--bg-soft);border-radius:10px}.loop-explainer>span{color:var(--unit-accent);font:800 12px ui-monospace,monospace}.loop-explainer>svg{color:var(--unit-accent)}.loop-explainer h3{margin:0 0 2px!important;font-size:14px!important}.loop-explainer p{margin:0;color:var(--muted);font-size:10.5px}@media(max-width:1260px){.content-layout{grid-template-columns:minmax(0,820px)}.article-toc{display:none}}@media(max-width:920px){.app-main{margin-left:0}.sidebar{transform:translate(-102%);transition:transform .25s ease;box-shadow:20px 0 70px #00000059}.sidebar.is-open{transform:translate(0)}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;display:block;opacity:0;pointer-events:none;background:#0000008c;border:0;transition:opacity .2s}.sidebar-scrim.is-open{opacity:1;pointer-events:auto}.mobile-menu,.mobile-only{display:grid}.topbar__crumb{margin-right:auto;margin-left:10px}}@media(max-width:680px){.topbar{height:62px;padding:0 13px}.search-trigger{min-width:38px;width:38px;padding:0;display:grid;place-items:center}.search-trigger span,.search-trigger kbd{display:none}.topbar__crumb span,.topbar__crumb>svg,.topbar__crumb>svg+span{display:none}.content-layout{width:min(100% - 28px,820px);padding:40px 0 65px}.course-article{font-size:15px}.course-article>h1:first-of-type{font-size:38px}.course-article h2{margin-top:48px;font-size:24px}.course-article>p:first-of-type{font-size:17px}.article-meta{flex-wrap:wrap}.lab-shell__header{grid-template-columns:52px 1fr}.lab-shell__header>svg{display:none}.lab-shell__body{padding:15px}.choice-grid,.slider-grid,.plugin-builder,.hook-layout,.metric-grid{grid-template-columns:1fr}.metric-grid>div{min-height:76px}.pattern-picker{grid-template-columns:1fr 1fr 1fr}.pattern-picker button span{display:none}.loop-diagram{grid-template-columns:repeat(3,1fr)}.completion-card{align-items:stretch;flex-direction:column}.completion-card button{width:100%}.page-navigation{grid-template-columns:1fr}.page-navigation>span{display:none}.article-footer{flex-direction:column}.embed-shell iframe{min-height:380px}.question-card{padding:14px}.question-choice{grid-template-columns:28px 1fr 18px;font-size:13px}.search-overlay{padding:0}.search-modal{height:100%;max-height:none;border-radius:0;border:0}.event-log p{grid-template-columns:20px 82px 16px 1fr}}@media print{.sidebar,.topbar,.article-toc,.completion-card,.page-navigation,.search-overlay,.lab-actions{display:none!important}.app-main{margin:0}.content-layout{width:100%;display:block;padding:0}.course-article{color:#222;font-size:11pt}.course-article h1,.course-article h2,.course-article h3,.course-article strong{color:#000}.code-shell{break-inside:avoid}}