:root{--c-primary: #6e8efb;--c-primary-hover: #8aa3fc;--c-primary-active: #5a78f0;--c-primary-bg: rgba(110, 142, 251, .13);--c-primary-border: rgba(110, 142, 251, .36);--c-success: #46c98b;--c-warning: #e0b13d;--c-error: #f0726b;--c-geekblue: #86a8ff;--c-volcano: #f0876b;--c-gold: #e0b13d;--c-green: #46c98b;--bg: #141925;--bg-elev: #1a2030;--bg-layout: #0c0f17;--fill: #161b25;--fill-2: #181e29;--fill-3: #1f2735;--border: #283041;--split: rgba(255, 255, 255, .07);--t-1: #e8ebf2;--t-2: #a7b0c0;--t-3: #717a8a;--t-4: #4c5564;--hl-kw: #8ab4ff;--hl-fn: #c9a6ff;--hl-str: #7ee2b8;--hl-num: #f0a868;--hl-cm: #5d6b7d;--radius: 8px;--radius-lg: 12px;--shadow-card: 0 1px 0 0 rgba(255, 255, 255, .03) inset, 0 10px 30px -16px rgba(0, 0, 0, .7);--shadow-pop: 0 18px 50px -14px rgba(0, 0, 0, .78);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-layout);color:var(--t-1);font-family:var(--font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--c-geekblue);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{color:var(--t-1);line-height:1.25}code.inline{background:var(--fill-2);padding:1px 5px;border-radius:4px;font-family:var(--mono);font-size:.9em}pre{margin:0}.prose{color:var(--t-2)}.prose li{margin:3px 0}.mono{font-family:var(--mono)}.page-sub{color:var(--t-2);font-size:13px}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--t-3);font-weight:700}.divider{height:1px;background:var(--split)}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:16px;transition:border-color .16s ease}.card:hover{border-color:#33405a}.card:last-child{margin-bottom:0}.card-body{padding:16px 18px}.tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;border:1px solid transparent;line-height:1.6}.tag.blue{color:#bcd0ff;background:#6e8efb1f;border-color:#6e8efb4d}.tag.geekblue{color:#bcd0ff;background:#86a8ff1f;border-color:#86a8ff4d}.tag.gold{color:#f0d089;background:#e0b13d1f;border-color:#e0b13d4d}.tag.green{color:#8ee5bf;background:#46c98b1f;border-color:#46c98b4d}.tag.grey{color:var(--t-2);background:var(--fill);border-color:var(--border)}.tag.red{color:#f7a9a4;background:#f0726b1f;border-color:#f0726b4d}.tag.volcano{color:#f7b6a4;background:#f0876b1f;border-color:#f0876b4d}.pill-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.brand-block{display:flex;align-items:center;gap:11px;padding:18px 18px 14px;border-bottom:1px solid var(--split)}.brand-mark{width:32px;height:32px;border-radius:9px;flex:0 0 auto;background:linear-gradient(135deg,#6e8efb,#46c98b);display:flex;align-items:center;justify-content:center;color:#0c0f17;font-weight:800;font-size:16px;box-shadow:0 4px 14px -2px #6e8efb80}.brand-name{font-weight:650;font-size:14px;color:var(--t-1);letter-spacing:.1px}.brand-sub{font-size:11px;color:var(--t-3);margin-top:2px}.btn{font-family:var(--font);font-size:13px;font-weight:600;color:var(--t-1);background:var(--fill);border:1px solid var(--border);border-radius:var(--radius);padding:8px 14px;cursor:pointer;transition:.15s}.btn:hover{border-color:var(--c-primary)}.btn.primary{background:var(--c-primary);border-color:var(--c-primary);color:#0b1220}.btn.primary:hover{filter:brightness(1.08)}.btn.sm{font-size:12px;padding:6px 11px}.progress{height:8px;background:var(--fill-2);border:1px solid var(--border);border-radius:99px;overflow:hidden}.progress>div{height:100%;background:var(--c-primary)}.callout{border:1px solid var(--border);border-left:3px solid var(--c-primary);border-radius:var(--radius);padding:10px 13px;margin:10px 0;font-size:13px;color:var(--t-2);background:var(--fill)}.callout .t{display:block;font-weight:700;color:var(--t-1);font-size:12px;margin-bottom:3px}.callout.tip{border-left-color:var(--c-success)}.callout.warn{border-left-color:var(--c-warning)}.callout.confusion{border-left-color:var(--c-volcano)}.callout.interview{border-left-color:var(--c-geekblue)}details.collapse{border:1px solid var(--border);border-radius:var(--radius);margin:10px 0;background:var(--fill)}details.collapse>summary{cursor:pointer;padding:10px 13px;font-weight:600;font-size:13px;color:var(--t-1);list-style:none}details.collapse>summary::-webkit-details-marker{display:none}details.collapse>summary:before{content:"▸ ";color:var(--t-3)}details.collapse[open]>summary:before{content:"▾ "}details.collapse>.collapse-body{padding:0 13px 13px}.code-wrap{position:relative;margin:12px 0}.code{background:#0a0d14;border:1px solid #1d2533;border-radius:var(--radius);padding:14px 16px;overflow-x:auto;font-family:var(--mono);font-size:12.8px;line-height:1.7;color:#dbe3ee;white-space:pre}.code-copy{position:absolute;top:8px;right:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#aeb8c6;border-radius:6px;padding:3px 10px;font-size:11.5px;cursor:pointer;transition:.15s;font-family:var(--font);z-index:1}.code-copy:hover{background:#ffffff1f;color:#fff}.code-copy.done{color:var(--c-success);border-color:var(--c-success)}.hl-kw{color:var(--hl-kw)}.hl-fn{color:var(--hl-fn)}.hl-str{color:var(--hl-str)}.hl-num{color:var(--hl-num)}.hl-cm{color:var(--hl-cm);font-style:italic}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--split);overflow-x:auto}.tab{padding:11px 15px;font-size:13.5px;color:var(--t-2);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;font-weight:550}.tab:hover{color:var(--c-primary)}.tab.active{color:#bcccff;border-bottom-color:var(--c-primary);font-weight:650}.empty-state{text-align:center;padding:40px 20px;color:var(--t-3);border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--fill)}.focus-head{background:linear-gradient(180deg,#6e8efb1a,#6e8efb05);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;margin-bottom:14px}.focus-title{font-size:19px;font-weight:700;color:var(--t-1)}.rung{display:flex;gap:12px;align-items:center;padding:11px 13px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;cursor:pointer;transition:.15s;background:var(--bg-elev)}.rung:hover{border-color:var(--c-primary);background:var(--fill)}.rung-here{border-color:var(--c-primary);box-shadow:inset 0 0 0 1px var(--c-primary)}.rung-num{flex:0 0 auto;width:27px;height:27px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;border:2px solid var(--border);color:var(--t-2)}.rung-title{flex:1;min-width:0;font-weight:600;font-size:13.5px;color:var(--t-1)}.rung-sub{font-size:11px;color:var(--t-3);margin-top:2px}.lblk{border-left:3px solid var(--border);padding-left:12px;margin:12px 0}.lblk .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--t-3);font-weight:700;margin-bottom:5px}