:root{--bg:#f5f6f8;--surface:#fff;--border:#d9dce1;--text:#1c1f24;--text-muted:#6b7280;--accent:#2f6feb;--accent-contrast:#fff;--error-bg:#fdeceb;--error-border:#e5534b;--error-text:#8a1f16;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#14161a;--surface:#1b1e24;--border:#2e333c;--text:#e6e8eb;--text-muted:#9aa1ac;--accent:#5b9dff;--accent-contrast:#0b1220;--error-bg:#3a1c1c;--error-border:#e5534b;--error-text:#ffb4ac;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.site-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.site-header__brand{color:var(--accent);white-space:nowrap;font-size:15px;font-weight:700;text-decoration:none}.site-header__brand:hover{text-decoration:underline}.site-header__divider{color:var(--text-muted);font-weight:400}.site-header__title{color:var(--text-muted);white-space:nowrap;font-size:15px;font-weight:600}.toolbar-spacer{flex:1}.btn,.toggle-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px}.btn:hover,.toggle-btn:hover{border-color:var(--accent)}.icon-btn{padding:6px 10px}.app{max-width:1080px;margin:0 auto;padding:16px 20px 40px}.app-header{margin-bottom:18px}.app-header h1{margin:0 0 4px;font-size:26px}.app-header p{color:var(--text-muted);margin:0;font-size:14.5px}.tab-nav{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;display:flex}.tab-nav__btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 14px;font-size:14px}.tab-nav__btn:hover{color:var(--text)}.tab-nav__btn--active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.app-main{min-height:400px}.cheatsheet{grid-template-columns:240px 1fr;align-items:start;gap:20px;display:grid}.topic-list{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px;position:sticky;top:12px}.topic-list__group+.topic-list__group{margin-top:14px}.topic-list__group-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:4px 8px;font-size:11px;font-weight:700}.topic-list__item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 8px;font-size:13.5px;display:block}.topic-list__item:hover{background:var(--bg)}.topic-list__item--active{background:var(--accent);color:var(--accent-contrast)}.topic-detail{background:var(--surface);border:1px solid var(--border);border-radius:8px;min-height:400px;padding:20px 24px}.topic-detail__category{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);margin:0 0 4px;font-size:11px;font-weight:700}.topic-detail h2{margin:0 0 10px}.topic-detail__summary{color:var(--text-muted);margin-bottom:16px;font-size:15px}.topic-detail p{font-size:14.5px;line-height:1.6}.topic-detail__keypoints{background:var(--bg);border:1px solid var(--border);border-radius:6px;margin-top:20px;padding:14px 16px}.topic-detail__keypoints h3{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin:0 0 8px;font-size:13px}.topic-detail__keypoints ul{margin:0;padding-left:18px}.topic-detail__keypoints li{margin-bottom:4px;font-size:14px}@media (width<=720px){.cheatsheet{grid-template-columns:1fr}.topic-list{position:static}}.track-list__item{margin-bottom:4px}.track-list__item h2{margin:0 0 4px}.track-list__item p{color:var(--text-muted);max-width:700px;font-size:14px}.challenges__hint{color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:6px;margin:12px 0 20px;padding:8px 12px;font-size:13px;display:inline-block}.challenges__list{flex-direction:column;gap:14px;display:flex}.challenge-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px 20px}.challenge-card--complete{border-color:#2f9e44}.challenge-card__header{align-items:center;gap:10px;display:flex}.challenge-card__header h3{margin:0;font-size:15px}.challenge-card__badge{text-transform:uppercase;letter-spacing:.03em;color:#2f9e44;border:1px solid #2f9e44;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.challenge-card__description{color:var(--text-muted);margin:6px 0 14px;font-size:13.5px}.step-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.step-list__item{align-items:flex-start;gap:10px;display:flex}.step-list__check{border:1px solid var(--border);width:22px;height:22px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.step-list__item--done .step-list__check{color:#fff;background:#2f9e44;border-color:#2f9e44}.step-list__item--done .step-list__instruction{color:var(--text-muted);text-decoration:line-through}.step-list__instruction{font-size:14px}.step-list__hint-toggle{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:2px 0;font-size:12px}.step-list__hint{background:var(--bg);border:1px solid var(--border);border-radius:4px;margin-top:4px;padding:6px 10px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12.5px;display:inline-block}.playground__intro{max-width:760px;color:var(--text-muted);margin-bottom:12px;font-size:14px;line-height:1.55}.sample-commands{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.sample-commands__label{color:var(--text-muted);margin-right:4px;font-size:12px}.sample-commands__chip{background:var(--bg);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:999px;padding:4px 10px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px}.sample-commands__chip:hover{border-color:var(--accent)}.terminal{border:1px solid var(--border);color:#e6e8eb;cursor:text;background:#0d1117;border-radius:8px;padding:14px 16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px}.terminal__output{flex-direction:column;gap:2px;max-height:420px;display:flex;overflow-y:auto}.terminal-line{white-space:pre-wrap;word-break:break-word}.terminal-line--input{color:#7ee787}.terminal-line--error{color:#ff7b72}.terminal-line__prompt{color:#5b9dff}.terminal__input-row{border-top:1px solid #2e333c;align-items:center;gap:8px;margin-top:8px;padding-top:8px;display:flex}.terminal__input{color:#e6e8eb;font:inherit;background:0 0;border:none;outline:none;flex:1}.quiz-picker__card{text-align:left;background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;width:100%;margin-bottom:12px;padding:14px 16px;display:block}.quiz-picker__card:hover{border-color:var(--accent)}.quiz-picker__card--all{background:var(--bg);border-style:dashed}.quiz-picker__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.quiz-picker__title{margin-bottom:4px;font-weight:600}.quiz-picker__meta{color:var(--text-muted);font-size:12.5px}.quiz-question{background:var(--surface);border:1px solid var(--border);border-radius:8px;max-width:640px;margin:0 auto;padding:24px}.quiz-question__progress{color:var(--text-muted);margin-bottom:6px;font-size:12px}.quiz-question__text{margin:0 0 18px;font-size:18px}.quiz-question__options{flex-direction:column;gap:8px;display:flex}.quiz-question__option{text-align:left;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:6px;padding:10px 14px;font-size:14px}.quiz-question__option:hover:not(:disabled){border-color:var(--accent)}.quiz-question__option:disabled{cursor:default}.quiz-question__option--correct{background:color-mix(in srgb, #2f9e44 15%, var(--bg));border-color:#2f9e44}.quiz-question__option--wrong{border-color:var(--error-border);background:var(--error-bg)}.quiz-question__explanation{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}.quiz-question__explanation p{color:var(--text-muted);margin:0 0 12px;font-size:13.5px}.quiz-results{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;max-width:480px;margin:40px auto;padding:32px}.quiz-results__score{color:var(--accent);font-size:42px;font-weight:700}.quiz-results__actions{justify-content:center;gap:10px;margin-top:18px;display:flex}.simulator__intro{max-width:760px;color:var(--text-muted);margin-bottom:12px;font-size:14px;line-height:1.55}.scenario-controls{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.scenario-controls--active{border-color:var(--error-border);background:var(--error-bg);justify-content:space-between;align-items:flex-start}.scenario-controls__label{color:var(--text-muted);margin-right:4px;font-size:13px}.scenario-controls__desc{color:var(--text-muted);max-width:520px;margin-top:4px;font-size:12.5px}.simulator__panels{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-bottom:20px;display:grid}.dashboard-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px 16px;overflow:hidden}.dashboard-panel--affected{border-color:var(--error-border)}.dashboard-panel__header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.dashboard-panel__header h3{margin:0;font-size:14px}.dashboard-panel__flag{text-transform:uppercase;color:#fff;background:var(--error-border);border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:700}.dashboard-panel__metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.metric-cell{min-width:0}.metric-cell__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:11px}.metric-cell__value{margin:2px 0 4px;font-size:15px;font-weight:600}.sparkline{width:100%;height:28px;display:block}.log-stream{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px 16px}.log-stream h3{margin:0 0 10px;font-size:14px}.log-stream__list{flex-direction:column;gap:3px;max-height:320px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12.5px;display:flex;overflow-y:auto}.log-stream__empty{color:var(--text-muted)}.log-stream__line{gap:8px;display:flex}.log-stream__time{color:var(--text-muted)}.log-stream__level{flex-shrink:0;width:44px}.log-stream__line--info .log-stream__level{color:var(--accent)}.log-stream__line--warn .log-stream__level{color:#f59f00}.log-stream__line--error .log-stream__level{color:var(--error-border)}.log-stream__service{color:var(--text-muted);flex-shrink:0}