:root{--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif;--font-display:"Space Grotesk", "Inter", ui-sans-serif, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--bg:#f5f6fa;--bg-elev:#fff;--bg-sunken:#edf0f6;--bg-inset:#e6eaf2;--grid:#1e28460d;--border:#dfe3ec;--border-strong:#c7cedb;--text:#121a2c;--text-2:#475268;--text-3:#7b8599;--accent:#5b4fd6;--accent-soft:#ecebfd;--code-bg:#f3f5fa;--shadow:0 1px 2px #1018280d, 0 10px 30px -14px #1018282e;--c-user:#2a78d6;--c-model:#6250d6;--c-tool:#e0602c;--c-data:#158f63;--c-memory:#c94a7a;--c-guard:#b27800;--c-system:#66708a;--c-error:#d63c3b;--c-ok:#1f8a3c;--v-neg:#2a78d6;--v-mid:#e4e7ee;--v-pos:#e0602c;--header-h:58px;--sidebar-w:286px;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0a0e1a;--bg-elev:#111729;--bg-sunken:#0d1221;--bg-inset:#161d33;--grid:#8ca0dc0b;--border:#1f2740;--border-strong:#2d3754;--text:#e8ebf3;--text-2:#a7b0c4;--text-3:#6f7a92;--accent:#9085e9;--accent-soft:#1d1b3d;--code-bg:#0c1120;--shadow:0 1px 2px #00000059, 0 14px 36px -18px #000000b3;--c-user:#4a95ee;--c-model:#9085e9;--c-tool:#ef7a45;--c-data:#2fb886;--c-memory:#e2689a;--c-guard:#e0a72a;--c-system:#8a94ad;--c-error:#f06b6a;--c-ok:#4cc472;--v-neg:#4a95ee;--v-mid:#1c2338;--v-pos:#ef7a45;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-padding-top:calc(var(--header-h) + 16px)}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}a{color:var(--accent)}button{font:inherit;color:inherit}::selection{background:color-mix(in srgb, var(--accent) 30%, transparent)}code{font-family:var(--font-mono);background:var(--bg-inset);border:1px solid var(--border);border-radius:6px;padding:.08em .38em;font-size:.86em}kbd{font-family:var(--font-mono);border:1px solid var(--border-strong);color:var(--text-2);border-bottom-width:2px;border-radius:5px;padding:1px 5px;font-size:11px}[data-tone=user]{--tone:var(--c-user)}[data-tone=model]{--tone:var(--c-model)}[data-tone=tool]{--tone:var(--c-tool)}[data-tone=data]{--tone:var(--c-data)}[data-tone=memory]{--tone:var(--c-memory)}[data-tone=guard]{--tone:var(--c-guard)}[data-tone=system]{--tone:var(--c-system)}[data-tone=error]{--tone:var(--c-error)}[data-tone=ok]{--tone:var(--c-ok)}[data-tone=accent]{--tone:var(--accent)}.topbar{z-index:50;height:var(--header-h);background:color-mix(in srgb, var(--bg) 84%, transparent);-webkit-backdrop-filter:saturate(160%)blur(12px);backdrop-filter:saturate(160%)blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar-inner{align-items:center;gap:10px;height:100%;padding:0 16px;display:flex}.brand{font-family:var(--font-display);color:var(--text);white-space:nowrap;align-items:center;gap:10px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.brand-dim{color:var(--text-3);font-weight:500}.spacer{flex:1}.icon-btn{width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--bg-sunken);color:var(--text)}.topbar-progress{color:var(--text-3);align-items:center;gap:8px;font-size:13px;display:flex}.topbar-progress .meter{background:var(--bg-inset);border-radius:99px;width:90px;height:6px;overflow:hidden}.topbar-progress .meter>span{background:var(--accent);border-radius:99px;height:100%;transition:width .4s;display:block}.shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:calc(100vh - var(--header-h));display:grid}.shell.no-sidebar{grid-template-columns:minmax(0,1fr)}.sidebar{top:var(--header-h);height:calc(100vh - var(--header-h));border-right:1px solid var(--border);scrollbar-width:thin;padding:18px 12px 40px;position:sticky;overflow-y:auto}.main{min-width:0}.lg-hide{display:none}@media (width<=1020px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.lg-hide{display:inline-grid}}@media (width<=640px){.sm-hide{display:none!important}}.nav-module{margin-bottom:16px}.nav-module-title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:8px;padding:4px 10px 6px;font-size:12px;font-weight:600;display:flex}.nav-module-title .dot{background:var(--tone);border-radius:3px;width:8px;height:8px}.nav-module ul{margin:0;padding:0;list-style:none}.nav-module a{color:var(--text-2);border-radius:8px;align-items:baseline;gap:10px;padding:6px 10px;font-size:14px;line-height:1.35;text-decoration:none;display:flex}.nav-module a .num{font-family:var(--font-mono);color:var(--text-3);min-width:18px;font-size:11px}.nav-module a:hover{background:var(--bg-sunken);color:var(--text)}.nav-module a.is-active{background:var(--accent-soft);color:var(--text);font-weight:600}.nav-module a.is-active .num{color:var(--accent)}.drawer{z-index:100;position:fixed;inset:0}.drawer-backdrop{background:#00000073;position:absolute;inset:0}.drawer-panel{background:var(--bg-elev);border-right:1px solid var(--border);width:min(320px,88vw);padding:14px 12px;position:absolute;inset:0 auto 0 0;overflow-y:auto}.drawer-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.footer{border-top:1px solid var(--border);color:var(--text-3);padding:22px 24px 40px;font-size:13px}.lesson{max-width:1120px;margin:0 auto;padding:34px 28px 60px}@media (width<=640px){.lesson{padding:22px 16px 48px}}.lesson-hero{border:1px solid var(--border);background:radial-gradient(900px 260px at 0% 0%, color-mix(in srgb, var(--tone) 16%, transparent), transparent 70%), linear-gradient(var(--grid) 1px, transparent 1px) 0 0 / 22px 22px, linear-gradient(90deg, var(--grid) 1px, transparent 1px) 0 0 / 22px 22px, var(--bg-elev);border-radius:20px;margin-bottom:34px;padding:28px 30px 26px;position:relative;overflow:hidden}@media (width<=640px){.lesson-hero{padding:22px 18px}}.eyebrow{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--tone,var(--accent));align-items:center;gap:8px;font-size:12px;display:inline-flex}.lesson-hero h1{font-family:var(--font-display);letter-spacing:-.02em;margin:10px 0 12px;font-size:clamp(28px,4vw,40px);line-height:1.12}.lesson-hero .lead{color:var(--text-2);max-width:760px;margin:0;font-size:18px}.hero-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;display:flex}.hero-meta .minutes{color:var(--text-3);margin-right:6px;font-size:13px}.section{margin:0 0 46px}.section-head{align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.section-num{font-family:var(--font-mono);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);border-radius:7px;flex:none;padding:1px 7px;font-size:13px;transform:translateY(-3px)}.section h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:26px;line-height:1.2}.section h3{font-family:var(--font-display);margin:26px 0 8px;font-size:19px}.prose{max-width:780px}.prose p,.section>p,.section>ul,.section>ol{max-width:780px;color:var(--text-2);margin:0 0 14px}.section strong,.prose strong{color:var(--text)}.section li{margin-bottom:6px}.lesson-nav{grid-template-columns:1fr 1fr;gap:14px;margin-top:50px;display:grid}.lesson-nav a{border:1px solid var(--border);background:var(--bg-elev);color:var(--text);border-radius:14px;padding:16px 18px;text-decoration:none;display:block}.lesson-nav a:hover{border-color:var(--accent)}.lesson-nav .dir{color:var(--text-3);align-items:center;gap:4px;font-size:12px;display:flex}.lesson-nav .t{font-family:var(--font-display);font-size:16px;font-weight:600}.lesson-nav .next{text-align:right}.lesson-nav .next .dir{justify-content:flex-end}.lab{border:1px solid var(--border);background:var(--bg-elev);box-shadow:var(--shadow);border-radius:18px;margin:18px 0 22px;overflow:hidden}.lab-head{border-bottom:1px solid var(--border);background:var(--bg-sunken);flex-wrap:wrap;align-items:center;gap:10px;padding:11px 16px;display:flex}.lab-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--accent-soft);border-radius:6px;padding:2px 7px;font-size:11px;font-weight:600}.lab-title{font-family:var(--font-display);font-size:15px;font-weight:600}.lab-hint{color:var(--text-3);align-items:center;gap:6px;margin-left:auto;font-size:13px;display:inline-flex}.lab-body{background:linear-gradient(var(--grid) 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(90deg, var(--grid) 1px, transparent 1px) 0 0 / 24px 24px;padding:18px}@media (width<=640px){.lab-body{padding:12px}.lab-hint{margin-left:0}}.lab-foot{border-top:1px solid var(--border);background:var(--bg-sunken);padding:10px 16px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.split{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}@media (width<=900px){.grid-2,.grid-3,.split{grid-template-columns:minmax(0,1fr)}}.panel{border:1px solid var(--border);background:var(--bg-elev);border-radius:12px;overflow:hidden}.panel-head{color:var(--text-2);border-bottom:1px solid var(--border);background:var(--bg-sunken);font-size:12px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;padding:7px 12px;display:flex}.panel-head .tone-dot{background:var(--tone,var(--text-3));border-radius:50%;width:8px;height:8px}.panel-body{padding:12px}.label{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600;font-family:var(--font-mono)}.muted{color:var(--text-3)}.mono{font-family:var(--font-mono)}.small{font-size:13px}.tabular{font-variant-numeric:tabular-nums}.btn{border:1px solid var(--border-strong);background:var(--bg-elev);height:34px;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:9px;align-items:center;gap:7px;padding:0 13px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}:root[data-theme=dark] .btn-primary{color:#0d0b24}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--bg-sunken);border-color:#0000}.btn-sm{border-radius:8px;height:28px;padding:0 10px;font-size:13px}.input,.textarea,.select{border:1px solid var(--border-strong);background:var(--bg-sunken);width:100%;color:var(--text);font:inherit;border-radius:10px;outline:none;padding:8px 12px;font-size:15px}.textarea{resize:vertical;min-height:70px;line-height:1.5}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}.segmented{background:var(--bg-inset);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:500;display:inline-flex}.segmented button:hover{color:var(--text)}.segmented button.is-active{background:var(--bg-elev);color:var(--text);box-shadow:0 1px 3px #00000026}.slider{gap:4px;min-width:180px;display:grid}.slider-top{color:var(--text-2);justify-content:space-between;font-size:13px;display:flex}.slider-top .v{font-family:var(--font-mono);color:var(--text);font-weight:600}.slider input[type=range]{width:100%;accent-color:var(--accent)}.tabs-list{border-bottom:1px solid var(--border);scrollbar-width:none;gap:4px;margin-bottom:16px;display:flex;overflow-x:auto}.tabs-list button{color:var(--text-3);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:10px 14px;font-size:14px;font-weight:600;display:inline-flex}.tabs-list button:hover{color:var(--text)}.tabs-list button.is-active{color:var(--text);border-bottom-color:var(--accent)}.tabs-list .tab-num{font-family:var(--font-mono);background:var(--bg-inset);color:var(--text-3);border-radius:5px;padding:0 5px;font-size:11px}.tabs-list button.is-active .tab-num{background:var(--accent);color:var(--bg)}.pill{color:var(--tone,var(--text-2));background:color-mix(in srgb, var(--tone,var(--text-3)) 14%, transparent);border:1px solid color-mix(in srgb, var(--tone,var(--text-3)) 30%, transparent);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.pill.mono{font-family:var(--font-mono);font-weight:500}.callout{border:1px solid color-mix(in srgb, var(--tone) 35%, transparent);background:color-mix(in srgb, var(--tone) 8%, var(--bg-elev));border-radius:12px;grid-template-columns:auto 1fr;gap:12px;max-width:820px;margin:16px 0;padding:14px 16px;display:grid}.callout-icon{color:var(--tone);margin-top:2px}.callout-title{margin-bottom:2px;font-weight:700}.callout-body{color:var(--text-2);font-size:15px}.callout-body p{margin:0 0 8px}.callout-body p:last-child{margin:0}.keyideas{border:1px solid var(--border);background:var(--bg-elev);border-radius:16px;margin:10px 0 0;padding:18px 20px}.keyideas h3{font-family:var(--font-display);align-items:center;gap:8px;margin:0 0 10px;font-size:17px;display:flex}.keyideas ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.keyideas li{color:var(--text-2);grid-template-columns:22px 1fr;gap:6px;display:grid}.keyideas li svg{color:var(--c-ok);margin-top:4px}.term{border-bottom:1.5px dashed color-mix(in srgb, var(--accent) 70%, transparent);cursor:help;color:var(--text);position:relative}.term-tip{background:var(--text);width:max-content;max-width:min(300px,78vw);color:var(--bg);pointer-events:none;z-index:30;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:400;line-height:1.45;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.term:hover .term-tip,.term:focus .term-tip{animation:.15s both fade-in;display:block}@media (width<=640px){.term{position:static}.term-tip{width:auto;max-width:none;bottom:auto;left:16px;right:16px;top:calc(var(--header-h) + 12px);position:fixed;transform:none}}.code{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;font-size:13px;overflow:hidden}.code-head{border-bottom:1px solid var(--border);font-family:var(--font-mono);color:var(--text-3);background:var(--bg-sunken);align-items:center;gap:8px;padding:6px 10px 6px 12px;font-size:12px;display:flex}.code-head .title{color:var(--text-2);font-weight:600}.code-head .lang{text-transform:uppercase;letter-spacing:.06em;margin-left:auto;font-size:10.5px}.code-copy{color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:24px;height:24px;display:inline-grid}.code-copy:hover{background:var(--bg-inset);color:var(--text)}.code pre{font-variant-ligatures:none;font-family:var(--font-mono);margin:0;padding:10px 0;line-height:1.6;overflow:auto}.code .ln{white-space:pre;border-left:3px solid #0000;min-height:1.6em;padding:0 14px 0 0;transition:background .25s,opacity .25s;display:block}.code .ln-num{text-align:right;width:34px;color:var(--text-3);opacity:.55;-webkit-user-select:none;user-select:none;padding-right:12px;display:inline-block}.code .ln.hl{background:color-mix(in srgb, var(--accent) 14%, transparent);border-left-color:var(--accent)}.code .ln.dim{opacity:.35}.code .ln.add{background:color-mix(in srgb, var(--c-ok) 13%, transparent);border-left-color:var(--c-ok)}.code .ln.del{background:color-mix(in srgb, var(--c-error) 12%, transparent);border-left-color:var(--c-error)}.tk-c{color:#6a7790;font-style:italic}.tk-s{color:#0f7b52}.tk-n{color:#b45309}.tk-k{color:#7c3aed;font-weight:500}.tk-f{color:#1d63c9}.tk-d{color:#c2410c}.tk-p{color:#0e7490}.tk-b{color:#be185d}:root[data-theme=dark] .tk-c{color:#6b7896}:root[data-theme=dark] .tk-s{color:#8bd5a8}:root[data-theme=dark] .tk-n{color:#f5b971}:root[data-theme=dark] .tk-k{color:#c4a7ff}:root[data-theme=dark] .tk-f{color:#82b4ff}:root[data-theme=dark] .tk-d{color:#ff9f6e}:root[data-theme=dark] .tk-p{color:#67d4e8}:root[data-theme=dark] .tk-b{color:#f48fb8}.player{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.player-btns{gap:4px;display:inline-flex}.player-btns .icon-btn{border:1px solid var(--border);background:var(--bg-elev);width:34px;height:34px}.player-btns .icon-btn.play{background:var(--accent);border-color:var(--accent);color:#fff}:root[data-theme=dark] .player-btns .icon-btn.play{color:#0d0b24}.player-track{flex:1;gap:4px;min-width:200px;display:flex}.player-seg{cursor:pointer;background:0 0;border:0;flex:1;height:26px;padding:0;position:relative}.player-seg:before{content:"";background:var(--bg-inset);border-radius:99px;height:5px;transition:background .2s;position:absolute;top:11px;left:0;right:0}.player-seg.done:before{background:color-mix(in srgb, var(--accent) 55%, transparent)}.player-seg.current:before{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.player-seg:hover:before{background:color-mix(in srgb, var(--accent) 75%, transparent)}.player-count{font-family:var(--font-mono);color:var(--text-3);text-align:right;min-width:48px;font-size:12px}.narration{border-left:3px solid var(--accent);min-height:74px;padding:4px 0 4px 14px}.narration-step{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:11px}.narration-title{font-family:var(--font-display);margin:2px 0 4px;font-size:17px;font-weight:600}.narration-body{color:var(--text-2);font-size:14.5px;line-height:1.55}.msgs{flex-direction:column;gap:8px;display:flex}.msg{border:1px solid color-mix(in srgb, var(--tone) 35%, var(--border));border-left:4px solid var(--tone);background:color-mix(in srgb, var(--tone) 6%, var(--bg-elev));border-radius:10px;padding:8px 11px;font-size:13.5px;line-height:1.5}.msg.is-new{animation:.45s cubic-bezier(.2,.9,.3,1.2) pop-in}.msg.is-hl{box-shadow:0 0 0 2px color-mix(in srgb, var(--tone) 55%, transparent)}.msg-role{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--tone);align-items:center;gap:6px;margin-bottom:3px;font-size:11px;font-weight:600;display:flex}.msg-role .tok{color:var(--text-3);text-transform:none;margin-left:auto;font-weight:400}.msg-text{color:var(--text);white-space:pre-wrap;word-break:break-word}.msg-block{border:1px dashed color-mix(in srgb, var(--btone,var(--tone)) 55%, transparent);font-family:var(--font-mono);background:color-mix(in srgb, var(--btone,var(--tone)) 8%, transparent);white-space:pre-wrap;word-break:break-word;border-radius:8px;margin-top:6px;padding:6px 9px;font-size:12px}.msg-block-label{color:var(--btone,var(--tone));margin-bottom:2px;font-weight:600;display:block}.tokens{flex-wrap:wrap;gap:3px;line-height:1;display:flex}.token{font-family:var(--font-mono);white-space:pre;background:color-mix(in srgb, var(--tone) 18%, transparent);border:1px solid color-mix(in srgb, var(--tone) 40%, transparent);color:var(--text);border-radius:6px;flex-direction:column;align-items:center;padding:4px 5px 3px;font-size:13px;display:inline-flex}.token .tid{color:var(--text-3);margin-top:3px;font-size:9.5px}.vstrip{grid-auto-flow:column;gap:2px;display:inline-grid}.vstrip .vc{border-radius:3px;width:14px;height:22px;transition:background .35s}.vstrip.sm .vc{border-radius:2px;width:8px;height:14px}.bar-row{grid-template-columns:minmax(70px,auto) 1fr 54px;align-items:center;gap:10px;font-size:13.5px;display:grid}.bar-row .bl{font-family:var(--font-mono);white-space:pre;text-overflow:ellipsis;overflow:hidden}.bar-track{background:var(--bg-inset);border-radius:4px;height:16px;overflow:hidden}.bar-fill{background:var(--tone,var(--accent));border-radius:0 4px 4px 0;height:100%;transition:width .45s cubic-bezier(.2,.8,.2,1)}.bar-row .bv{font-family:var(--font-mono);text-align:right;color:var(--text-2);font-size:12px}.bar-row.is-off{opacity:.38}.bar-row.is-pick .bl{color:var(--tone,var(--accent));font-weight:700}.flow{width:100%;height:auto;display:block;overflow:visible}.flow-node rect.box{fill:var(--bg-elev);stroke:color-mix(in srgb, var(--tone) 45%, var(--border));stroke-width:1.5px;transition:stroke .3s,fill .3s}.flow-node .accent-bar{fill:var(--tone)}.flow-node .icon{color:var(--tone)}.flow-node text.lbl{fill:var(--text);font-family:var(--font-display);font-size:14px;font-weight:600}.flow-node text.sub{fill:var(--text-3);font-family:var(--font-mono);font-size:10.5px}.flow-node.is-active rect.box{stroke:var(--tone);stroke-width:2.5px;fill:color-mix(in srgb, var(--tone) 12%, var(--bg-elev))}.flow-node.is-active .halo{opacity:1}.flow-node .halo{fill:none;stroke:var(--tone);stroke-width:6px;opacity:0;stroke-opacity:.25;transition:opacity .3s}.flow-node.is-dim{opacity:.4}.flow-node.is-clickable{cursor:pointer}.flow-node.is-clickable:hover rect.box{stroke:var(--tone)}.flow-edge path.line{fill:none;stroke:var(--border-strong);stroke-width:1.6px;transition:stroke .3s}.flow-edge.is-dashed path.line{stroke-dasharray:5 5}.flow-edge.is-active path.line{stroke:var(--etone,var(--accent));stroke-width:2.2px;stroke-dasharray:7 6;animation:.7s linear infinite dash-run}.flow-edge text{font-family:var(--font-mono);fill:var(--text-3);font-size:10.5px}.flow-edge.is-active text{fill:var(--text);font-weight:600}.flow-edge .edge-label-bg{fill:var(--bg-elev)}.flow-packet{fill:var(--etone,var(--accent));filter:drop-shadow(0 0 4px var(--etone,var(--accent)))}.flow-arrow{fill:var(--border-strong)}@keyframes dash-run{to{stroke-dashoffset:-13px}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}@keyframes blink{50%{opacity:0}}.anim-in{animation:.45s cubic-bezier(.2,.9,.3,1.1) both pop-in}.anim-fade{animation:.4s both fade-in}.caret:after{content:"▍";color:var(--accent);margin-left:1px;animation:1s step-end infinite blink}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.table-wrap{border:1px solid var(--border);border-radius:12px;margin:14px 0;overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;font-size:14px}.tbl th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);background:var(--bg-sunken);border-bottom:1px solid var(--border);padding:9px 12px;font-size:12px;font-weight:600}.tbl td{border-bottom:1px solid var(--border);color:var(--text-2);vertical-align:top;padding:9px 12px}.tbl tr:last-child td{border-bottom:0}.tbl tr.is-hl td{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--text)}.tbl td.num{font-family:var(--font-mono);text-align:right;font-variant-numeric:tabular-nums}.home{max-width:1240px;margin:0 auto;padding:40px 28px 70px}@media (width<=640px){.home{padding:24px 16px 50px}}.home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:30px;margin-bottom:50px;display:grid}@media (width<=960px){.home-hero{grid-template-columns:minmax(0,1fr)}}.home-hero h1{font-family:var(--font-display);letter-spacing:-.03em;margin:12px 0 16px;font-size:clamp(34px,5vw,54px);line-height:1.04}.home-hero h1 em{background:linear-gradient(90deg, var(--c-user), var(--c-model), var(--c-tool));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.home-hero .lead{color:var(--text-2);max-width:560px;font-size:18px}.module-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px;display:grid}.module-card{border:1px solid var(--border);background:var(--bg-elev);border-radius:18px;padding:20px 20px 14px;position:relative;overflow:hidden}.module-card:before{content:"";background:var(--tone);height:3px;position:absolute;inset:0 0 auto}.module-card h3{font-family:var(--font-display);margin:6px 0;font-size:20px}.module-card p{color:var(--text-2);margin:0 0 12px;font-size:14.5px}.module-card ol{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.module-card li a{border-bottom:1px solid var(--border);color:var(--text);grid-template-columns:26px 1fr auto;align-items:baseline;gap:8px;padding:9px 2px;font-size:14.5px;text-decoration:none;display:grid}.module-card li:last-child a{border-bottom:0}.module-card li a:hover .t{color:var(--accent)}.module-card li .n{font-family:var(--font-mono);color:var(--tone);font-size:12px}.module-card li .m{color:var(--text-3);font-size:12px}.check{color:var(--c-ok)}a.btn{text-decoration:none}.flow-scroll{scrollbar-width:thin;width:100%;overflow-x:auto}@media (width<=640px){.flow-min{min-width:540px}}