:root{--canvas: #f5f6fa;--paper: #ffffff;--paper-alt: #fafbfd;--navy: #0d1b3a;--navy-2: #16264d;--terminal: #0f1729;--terminal-2: #0a1020;--ink: #0d1b3a;--ink-soft: #5a6785;--ink-faint: #8a95ad;--line: rgba(13, 27, 58, .1);--line-strong: rgba(13, 27, 58, .18);--green: #2e9d58;--green-tint: #e7f5ec;--yellow: #b8801a;--yellow-tint: #fbf1dc;--clay: #b0592a;--clay-tint: #f8ebe2;--indigo: #3b3fb0;--indigo-tint: #eaeaf9;--salmon: #c05a45;--salmon-tint: #fbece8;--crimson: #c81340;--crimson-tint: #fce8ed;--plum: #6d2c70;--plum-tint: #f5e9f6;--navy-tint: #e9ecf4;--dot-red: #ec6a5e;--dot-amber: #f4bf4f;--dot-green: #61c454;--accent: var(--green);--accent-tint: var(--green-tint);--accent-deep: #14603a;--r-sm: 8px;--r: 12px;--r-lg: 18px;--r-xl: 26px;--shadow-xs: 0 1px 2px rgba(13, 27, 58, .06);--shadow-sm: 0 4px 14px rgba(13, 27, 58, .07);--shadow: 0 12px 34px rgba(13, 27, 58, .1);--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--shell: 1520px;--measure: 74ch;--sidebar-w: 288px;--pad-x: clamp(20px, 4vw, 64px)}[data-accent=green]{--accent: var(--green);--accent-tint: var(--green-tint);--accent-deep: #14603a}[data-accent=yellow]{--accent: var(--yellow);--accent-tint: var(--yellow-tint);--accent-deep: #7a5209}[data-accent=clay]{--accent: var(--clay);--accent-tint: var(--clay-tint);--accent-deep: #713717}[data-accent=indigo]{--accent: var(--indigo);--accent-tint: var(--indigo-tint);--accent-deep: #23246e}[data-accent=salmon]{--accent: var(--salmon);--accent-tint: var(--salmon-tint);--accent-deep: #7d3627}[data-accent=crimson]{--accent: var(--crimson);--accent-tint: var(--crimson-tint);--accent-deep: #7d0c28}[data-accent=plum]{--accent: var(--plum);--accent-tint: var(--plum-tint);--accent-deep: #431846}[data-accent=navy]{--accent: var(--navy);--accent-tint: var(--navy-tint);--accent-deep: #070f22}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:22px;padding:24px 18px 28px;background:var(--navy);color:#fff;overflow:hidden}.sidebar__brand{display:block;text-decoration:none;flex:none}.sidebar__logo{font-family:var(--mono);font-weight:800;font-size:17px;line-height:1.2;letter-spacing:-.02em}.sidebar__logo span{color:#56c97a}.sidebar__tag{display:block;font-size:11.5px;line-height:1.5;color:#ffffff8c;margin-top:8px}.sidebar__scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin-inline:-6px;padding-inline:6px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}.sidebar__scroll::-webkit-scrollbar{width:6px}.sidebar__scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:99px}.side-label{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#ffffff6b;margin-bottom:10px}.toc{display:flex;flex-direction:column;gap:1px}.toc__item{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px 7px 12px;border:0;background:none;color:#ffffff9e;border-radius:8px;text-align:left;text-decoration:none;font-size:12.5px;line-height:1.4;transition:color .15s,background .15s}.toc__item:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;border-radius:2px;background:transparent;transition:background .15s}.toc__item:hover{color:#fff;background:#ffffff0f}.toc__item.is-active{color:#fff;background:#ffffff1a;font-weight:600}.toc__item.is-active:before{background:#56c97a}.toc__num{flex:none;font-family:var(--mono);font-size:10px;color:#ffffff59;min-width:18px}.toc__item.is-active .toc__num{color:#56c97a}.toc__item.is-done .toc__num:after{content:" ✓";color:#56c97a}.toc__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toc__item--chapter{margin-top:10px;font-weight:700;color:#fffc}.sidebar__foot{flex:none;font-size:10.5px;line-height:1.7;color:#ffffff61;border-top:1px solid rgba(255,255,255,.1);padding-top:14px}.sidebar__signout{flex:none;background:none;border:0;color:#ffffff8c;font-size:10.5px;text-decoration:underline;padding:0}.sidebar__signout:hover{color:#ffffffd9}.auth-input{width:100%;padding:10px 14px;font-size:15px;font-family:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--r)}.auth-input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.google-btn{background:#fff;color:#3c4043;border:1px solid var(--line-strong)}.google-btn:hover:not(:disabled){background:#f7f8f8;transform:translateY(-1px)}.auth-error{font-size:13.5px;color:#b3273f;background:#b3273f14;border:1px solid rgba(179,39,63,.2);border-radius:var(--r);padding:10px 14px}.sidebar__toggle{display:none}@media (max-width: 1080px){.sidebar{position:sticky;top:0;height:auto;z-index:60;flex-direction:row;align-items:center;gap:14px;padding:12px var(--pad-x)}.sidebar__scroll{position:absolute;left:0;right:0;top:100%;max-height:68vh;background:var(--navy);padding:14px var(--pad-x) 20px;box-shadow:0 20px 40px #0000004d;display:none}.sidebar.is-open .sidebar__scroll{display:block}.sidebar__foot{display:none}.sidebar__toggle{display:inline-flex;align-items:center;gap:8px;margin-left:auto;background:#ffffff1f;border:0;color:#fff;border-radius:99px;font-family:var(--mono);font-size:11.5px;font-weight:700;padding:8px 14px}}.progress{height:4px;border-radius:99px;background:#0d1b3a1a;overflow:hidden}.progress--dark{background:#ffffff29}.progress__fill{height:100%;border-radius:99px;background:var(--accent);transition:width .4s ease}.progress--dark .progress__fill{background:#56c97a}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border:1px solid transparent;border-radius:10px;background:var(--navy);color:#fff;font-family:var(--mono);font-size:13px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .12s}.btn:hover:not(:disabled){background:var(--navy-2);transform:translateY(-1px)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn--ghost:hover:not(:disabled){background:#0d1b3a0d}.btn--accent{background:var(--accent);color:#fff}.btn--accent:hover:not(:disabled){background:var(--accent-deep)}.btn--sm{padding:7px 13px;font-size:12px;border-radius:8px}.btn--onDark{background:#ffffff24;color:#fff}.btn--onDark:hover:not(:disabled){background:#ffffff3d}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:99px;border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.chip--accent{background:var(--accent-tint);color:var(--accent-deep);border-color:transparent}.chip--onDark{background:#ffffff1f;border-color:transparent;color:#ffffffe6}.band{position:relative;width:100%;padding-block:clamp(52px,6.5vw,92px);scroll-margin-top:74px;border-top:1px solid var(--line);background:var(--canvas)}.band:first-child{border-top:0}.band--paper{background:var(--paper)}.band--tint{background:var(--accent-tint);border-top-color:transparent}.band--chapter{background:var(--navy);color:#fff;border-top:0;padding-block:clamp(74px,11vw,152px);--ink: #ffffff;--ink-soft: rgba(255, 255, 255, .7);--line: rgba(255, 255, 255, .16);--line-strong: rgba(255, 255, 255, .28)}.band--chapter.band--accented{background:var(--accent-deep)}.band__head{margin-bottom:clamp(26px,3vw,42px)}.band__kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.band__kicker:before{content:"";width:26px;height:2px;background:currentColor;border-radius:2px}.band--chapter .band__kicker{color:#ffffffb8}.band__title{font-family:var(--mono);font-weight:800;font-size:clamp(27px,3.4vw,44px);line-height:1.08;letter-spacing:-.03em;white-space:pre-line;max-width:22ch}.band--chapter .band__title{font-size:clamp(38px,7vw,92px);max-width:16ch}.band__lead{margin-top:16px;max-width:var(--measure);font-size:clamp(15.5px,1.15vw,18px);line-height:1.7;color:var(--ink-soft)}.band__blocks{display:flex;flex-direction:column;gap:clamp(22px,2.4vw,34px)}.page-head{padding-block:clamp(46px,6vw,84px) clamp(26px,3vw,40px);background:var(--paper);border-bottom:1px solid var(--line)}.page-title{font-family:var(--mono);font-size:clamp(30px,4.2vw,58px);font-weight:800;line-height:1.04;letter-spacing:-.035em;white-space:pre-line}.page-sub{margin-top:16px;max-width:var(--measure);font-size:16.5px;line-height:1.7;color:var(--ink-soft)}.section-title{font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:18px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.card__title{font-size:17px;font-weight:700;letter-spacing:-.01em}.card__desc{font-size:14px;line-height:1.6;color:var(--ink-soft)}.course-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:center;padding:20px 22px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);text-decoration:none;color:inherit;transition:border-color .16s,box-shadow .18s,transform .14s}.course-row:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.course-row.is-locked{opacity:.58;pointer-events:none}.course-row__title{display:block;font-weight:700;font-size:16.5px;letter-spacing:-.01em}.course-row__desc{display:block;font-size:14px;color:var(--ink-soft);margin-top:5px;line-height:1.55}@media (max-width: 720px){.course-row{grid-template-columns:minmax(0,1fr)}.course-row>:last-child{grid-column:1 / -1}}.reader__bar{position:sticky;top:0;z-index:40;background:#ffffffe0;-webkit-backdrop-filter:saturate(140%) blur(12px);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--line)}@media (max-width: 1080px){.reader__bar{top:56px}}.reader__barInner{display:flex;align-items:center;gap:16px;height:56px}.reader__back{font-family:var(--mono);font-size:12px;color:var(--ink-soft);text-decoration:none;white-space:nowrap}.reader__back:hover{color:var(--ink)}.reader__now{flex:1;min-width:0;font-family:var(--mono);font-size:12px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader__now b{color:var(--accent)}.reader__count{font-family:var(--mono);font-size:12px;color:var(--ink-faint);white-space:nowrap}.reader__rail{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);transform-origin:left;transition:transform .25s ease}.reader__hero{background:var(--navy);color:#fff;padding-block:clamp(48px,6vw,84px);--ink: #fff;--ink-soft: rgba(255,255,255,.7)}.reader__heroTitle{font-family:var(--mono);font-weight:800;font-size:clamp(30px,4.4vw,58px);line-height:1.05;letter-spacing:-.035em;max-width:20ch}.reader__objectives{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:30px}.reader__objective{border-left:2px solid rgba(255,255,255,.3);padding:4px 0 4px 14px;font-size:14px;line-height:1.6;color:#ffffffd1}.reader__end{background:var(--navy);color:#fff;padding-block:clamp(48px,6vw,80px);--ink: #fff;--ink-soft: rgba(255,255,255,.7)}.jump{position:fixed;right:clamp(14px,2vw,28px);bottom:clamp(14px,2vw,28px);z-index:45;display:flex;flex-direction:column;gap:8px}.jump__btn{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);box-shadow:var(--shadow-sm);font-size:15px;transition:transform .14s,background .14s,opacity .14s}.jump__btn:hover:not(:disabled){transform:translateY(-2px);background:#fff}.jump__btn:disabled{opacity:.3;cursor:default}.chat{position:fixed;right:clamp(14px,2vw,28px);bottom:calc(clamp(14px,2vw,28px) + 100px);z-index:46}.chat__fab{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--navy);color:#fff;box-shadow:var(--shadow-md, var(--shadow-sm));font-size:19px;transition:transform .14s}.chat__fab:hover{transform:translateY(-2px)}.chat__panel{position:absolute;bottom:60px;right:0;width:min(360px,calc(100vw - 40px));max-height:min(520px,70vh);display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md, var(--shadow-sm));overflow:hidden}.chat__head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-weight:700;font-size:14px;background:var(--navy);color:#fff}.chat__close{background:none;border:0;color:inherit;font-size:14px;padding:4px}.chat__scope{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;font-size:11.5px;line-height:1.5;color:var(--ink-soft);border-bottom:1px solid var(--line)}.chat__scope input{margin-top:2px;flex:none}.chat__list{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.chat__hint{font-size:13px;color:var(--ink-faint);line-height:1.6}.chat__msg{font-size:13.5px;line-height:1.55;padding:8px 12px;border-radius:var(--r);max-width:88%;white-space:pre-wrap}.chat__msg--user{align-self:flex-end;background:var(--accent-tint);color:var(--accent-deep)}.chat__msg--assistant{align-self:flex-start;background:var(--canvas);border:1px solid var(--line)}.chat__msg--pending{opacity:.6;font-style:italic}.chat__form{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--line)}.chat__form .auth-input{flex:1;padding:8px 12px;font-size:13.5px}@media (max-width: 480px){.chat{right:10px;bottom:120px}}.kbd-hint{font-family:var(--mono);font-size:11px;color:var(--ink-faint)}kbd{display:inline-block;padding:1px 6px;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:5px;background:var(--paper);font-size:11px}.win{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;color:var(--ink)}.win--dark{background:var(--terminal);border-color:#ffffff1a;color:#e8edfb;--ink: #e8edfb;--ink-soft: rgba(232, 237, 251, .66)}.win__bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:var(--terminal-2);border-bottom:1px solid rgba(255,255,255,.07)}.win__dot{width:10px;height:10px;border-radius:50%;flex:none}.win__dot:nth-child(1){background:var(--dot-red)}.win__dot:nth-child(2){background:var(--dot-amber)}.win__dot:nth-child(3){background:var(--dot-green)}.win__title{margin-left:6px;font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:#ffffff6b}.win__body{padding:clamp(18px,2vw,26px)}.win--dark .win__body{font-family:var(--mono);font-size:14.5px;line-height:1.7}.win:not(.win--dark),.card,.callout,.flow__stage,.dom__render,.sorter__bin,.sorter__item,.git__zone,.git__cmd,.res,.figure,.quiz__opt,.layer,.body-card,.check__item,.anat__pill,.anat__explain,.api__method,.api__url,.dom__self,.split__col--light{--ink: #0d1b3a;--ink-soft: #5a6785;--line: rgba(13, 27, 58, .1);--line-strong: rgba(13, 27, 58, .18);color:var(--ink)}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(18px,2vw,26px)}.blk__hd{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:16px}.blk__title{font-family:var(--mono);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}.blk__hint{font-size:13.5px;color:var(--ink-soft)}.prose{font-size:16px;line-height:1.72;max-width:var(--measure)}.prose--mono{font-family:var(--mono);font-size:14.5px;line-height:1.75}.prose ul{display:flex;flex-direction:column;gap:9px;margin-top:12px}.prose li::marker{color:var(--accent)}.arrowlist{list-style:none;padding:0;display:flex;flex-direction:column;gap:14px}.arrowlist li{display:grid;grid-template-columns:auto 1fr;gap:12px;font-size:15.5px;line-height:1.65}.win--dark .arrowlist li{font-family:var(--mono);font-size:14.5px}.arrowlist b{font-weight:700}.arrowlist__mark{color:#56c97a;font-weight:800}.win:not(.win--dark) .arrowlist__mark{color:var(--accent)}.arrowlist__foot{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:14.5px;line-height:1.7;color:var(--ink-soft)}.seg{display:inline-flex;gap:3px;padding:3px;border-radius:10px;background:#0d1b3a0f;flex-wrap:wrap}.seg--onDark{background:#ffffff1a}.seg__btn{border:0;background:none;border-radius:8px;padding:8px 15px;font-family:var(--mono);font-size:12.5px;font-weight:700;color:var(--ink-soft);transition:background .15s,color .15s}.seg__btn:hover{color:var(--ink)}.seg__btn.is-active{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-xs)}.seg--onDark .seg__btn{color:#fff9}.seg--onDark .seg__btn:hover{color:#fff}.seg--onDark .seg__btn.is-active{background:#ffffffe6;color:var(--navy)}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.split__col{background:var(--navy);color:#fff;border-radius:var(--r-lg);padding:24px;--ink: #fff;--ink-soft: rgba(255,255,255,.72)}.split__col--light{background:var(--paper);border:1px solid var(--line)}.split__label{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:10px}.split__value{font-family:var(--mono);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:10px}.split__note{font-size:14.5px;line-height:1.65;color:var(--ink-soft)}.callout{display:flex;gap:16px;padding:20px 22px;border-radius:var(--r-lg);background:var(--accent-tint);border:1px solid transparent;font-size:15.5px;line-height:1.7}.band--chapter .callout,.reader__end .callout,.win--dark .callout{background:#ffffff12;border-color:#ffffff24;--ink: #fff;--ink-soft: rgba(255,255,255,.75);color:#fff}.callout__icon{font-size:20px;line-height:1.4;flex:none}.callout__title{font-family:var(--mono);font-weight:700;margin-bottom:5px}.layers{display:flex;flex-direction:column;gap:8px}.layer{display:grid;grid-template-columns:148px minmax(0,1fr) 22px;gap:20px;align-items:start;width:100%;text-align:left;padding:18px 22px;background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--layer-color, var(--accent));border-radius:var(--r);transition:box-shadow .16s,transform .14s,background .16s}.layer:hover{box-shadow:var(--shadow-sm);transform:translate(2px)}.layer.is-open{box-shadow:var(--shadow-sm)}.layer__chev{font-family:var(--mono);font-size:15px;color:var(--ink-faint);line-height:1.2;transition:transform .18s,color .18s}.layer.is-open .layer__chev{color:var(--layer-color);transform:rotate(45deg)}.layer__badge{font-family:var(--mono);font-weight:800;font-size:13px;color:var(--layer-color);letter-spacing:.02em;padding-top:2px}.layer__what{font-size:15.5px;font-weight:650;line-height:1.5}.layer__details{display:none}.layer.is-open .layer__details{display:block}.layer__body{display:block;font-size:14.5px;line-height:1.7;color:var(--ink-soft);margin-top:8px;max-width:var(--measure)}.layer__ex{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}.layer__ex span{font-family:var(--mono);font-size:11px;background:#0d1b3a0d;color:var(--ink-soft);padding:4px 10px;border-radius:99px}@media (max-width: 680px){.layer{grid-template-columns:1fr auto;gap:8px}}.body-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.body-card{display:flex;flex-direction:column;gap:10px;text-align:left;padding:26px 24px;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--card-color);border-radius:var(--r-lg);transition:transform .16s,box-shadow .18s}.body-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.body-card.is-active{box-shadow:var(--shadow)}.body-card__icon{font-size:26px}.body-card__tech{font-family:var(--mono);font-weight:800;font-size:22px;color:var(--card-color);letter-spacing:-.02em}.body-card__role{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.body-card__desc{font-size:14.5px;line-height:1.65;color:var(--ink-soft)}.body-card__more{font-size:14px;line-height:1.7;border-top:1px solid var(--line);padding-top:12px;margin-top:2px}.tl__track{display:flex;margin-bottom:26px}.tl__node{flex:1;border:0;background:none;padding:0 4px 12px;position:relative;text-align:center;color:inherit}.tl__node:before{content:"";position:absolute;left:0;right:0;top:21px;height:2px;background:var(--line-strong)}.tl__node:first-child:before{left:50%}.tl__node:last-child:before{right:50%}.tl__bullet{position:relative;z-index:1;width:44px;height:44px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:2px solid var(--line-strong);color:var(--ink-soft);font-family:var(--mono);font-weight:800;font-size:12.5px;transition:all .18s}.tl__node:hover .tl__bullet{border-color:var(--accent);color:var(--accent)}.tl__node.is-active .tl__bullet{background:var(--accent);border-color:var(--accent);color:#fff}.tl__label{font-family:var(--mono);font-size:11.5px;color:var(--ink-faint)}.tl__node.is-active .tl__label{color:var(--ink);font-weight:700}.tl__panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:start}@media (max-width: 860px){.tl__panel{grid-template-columns:1fr}}.tl__era{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.tl__headline{font-family:var(--mono);font-size:21px;font-weight:800;margin:8px 0 12px;letter-spacing:-.02em}.tl__body{font-size:15px;line-height:1.72;color:var(--ink-soft)}.tl__facts{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.tl__facts li{display:grid;grid-template-columns:auto 1fr;gap:10px;font-size:14.5px;line-height:1.6}.tl__facts li:before{content:"▸";color:var(--accent)}.flow{display:flex;flex-direction:column;gap:16px}.flow__stage{display:grid;grid-template-columns:1fr minmax(120px,1.2fr) 1fr;gap:18px;align-items:center;padding:30px 24px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg)}.flow__node{text-align:center}.flow__icon{width:64px;height:64px;margin:0 auto 10px;display:grid;place-items:center;border-radius:var(--r);background:#0d1b3a0d;font-size:26px;transition:background .25s,transform .25s}.flow__node.is-hot .flow__icon{background:var(--accent-tint);transform:scale(1.06)}.flow__name{font-family:var(--mono);font-size:13px;font-weight:700}.flow__sub{font-size:12px;color:var(--ink-faint);margin-top:4px}.flow__wire{position:relative;height:96px}.flow__line{position:absolute;left:0;right:0;height:2px;background:var(--line-strong)}.flow__line--out{top:28px}.flow__line--in{bottom:28px}.flow__wireLabel{position:absolute;left:0;right:0;text-align:center;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.flow__wireLabel--out{top:8px}.flow__wireLabel--in{bottom:8px}.flow__packet{position:absolute;padding:3px 10px;border-radius:99px;font-family:var(--mono);font-size:10.5px;font-weight:700;background:var(--navy);color:#fff;white-space:nowrap;transition:left .85s cubic-bezier(.4,0,.2,1)}.flow__packet--in{background:var(--accent)}.flow__log{background:var(--terminal);color:#b9c8ee;border-radius:var(--r-lg);padding:18px 20px;font-family:var(--mono);font-size:13px;line-height:1.8;min-height:130px}.flow__log p{margin:0;opacity:0;animation:fade-in .3s ease forwards}.flow__log .t{color:#6fe38a}@keyframes fade-in{to{opacity:1}}.anat{display:flex;flex-direction:column;gap:16px}.anat__code{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px;padding:clamp(24px,4vw,44px) 20px;background:var(--terminal);color:#e8edfb;border-radius:var(--r-lg);font-family:var(--mono);font-weight:700;font-size:clamp(17px,2.6vw,30px)}.anat__part{border:0;background:none;color:inherit;font:inherit;padding:3px 5px;border-radius:6px;transition:background .15s,color .15s,transform .15s}.anat__part.is-active{background:var(--part-color);color:#0d1b3a;transform:translateY(-2px)}.anat__legend{display:flex;flex-wrap:wrap;gap:8px}.anat__pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:99px;border:1px solid var(--line);background:var(--paper);font-family:var(--mono);font-size:12px;font-weight:700}.anat__pill:hover{border-color:var(--line-strong)}.anat__pill.is-active{border-color:var(--pill-color);background:var(--pill-color);color:#0d1b3a}.anat__swatch{width:9px;height:9px;border-radius:3px;background:var(--pill-color)}.anat__pill.is-active .anat__swatch{background:#0d1b3a66}.anat__explain{padding:18px 20px;border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--line);font-size:15px;line-height:1.7;min-height:64px}.pg{border-radius:var(--r-lg);overflow:hidden;border:1px solid rgba(13,27,58,.18);background:var(--terminal)}.pg__bar{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--terminal-2);flex-wrap:wrap}.pg__tabs{display:flex;gap:3px}.pg__tab{border:0;background:none;color:#ffffff80;font-family:var(--mono);font-size:12px;font-weight:700;padding:7px 13px;border-radius:7px}.pg__tab:hover{color:#fff;background:#ffffff0f}.pg__tab.is-active{background:#ffffff1f;color:#fff}.pg__actions{margin-left:auto;display:flex;gap:6px}.pg__action{border:1px solid rgba(255,255,255,.16);background:transparent;color:#ffffffc7;border-radius:7px;font-family:var(--mono);font-size:11px;font-weight:700;padding:6px 12px}.pg__action:hover{background:#ffffff1a;color:#fff}.pg__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (max-width: 900px){.pg__grid{grid-template-columns:1fr}}.pg__editor{width:100%;border:0;outline:0;resize:vertical;padding:20px 22px;background:var(--terminal);color:#e2e9fb;font-family:var(--mono);font-size:13.5px;line-height:1.7;-moz-tab-size:2;tab-size:2}.pg__preview{position:relative;background:#fff;border-left:1px solid rgba(255,255,255,.1)}@media (max-width: 900px){.pg__preview{border-left:0;border-top:1px solid rgba(255,255,255,.1)}}.pg__preview iframe{display:block;width:100%;height:100%;border:0;background:#fff}.pg__badge{position:absolute;top:10px;right:12px;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:var(--ink-faint);background:#ffffffe6;padding:3px 9px;border-radius:99px;pointer-events:none}.pg__console{background:#070c17;color:#9fb4e8;font-family:var(--mono);font-size:12.5px;line-height:1.7;padding:12px 16px;max-height:150px;overflow:auto;border-top:1px solid rgba(255,255,255,.08)}.pg__console p{margin:0;white-space:pre-wrap;word-break:break-word}.pg__console p:before{content:"› ";color:#46598a}.dom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}@media (max-width: 900px){.dom{grid-template-columns:1fr}}.dom__tree{font-family:var(--mono);font-size:13px;padding:20px 22px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg)}.dom__node{border-left:1px solid var(--line);margin-left:10px;padding-left:14px}.dom__node:first-child{border-left:0;margin-left:0;padding-left:0}.dom__self{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:7px;padding:4px 10px;margin:2px 0;background:#0d1b3a0b;font:inherit;transition:background .14s,color .14s}.dom__self:hover{background:#0d1b3a1a}.dom__self.is-active{background:var(--navy);color:#fff}.dom__self.is-text{background:var(--yellow-tint);color:#6b4a06;font-style:italic}.dom__self.is-text.is-active{background:#b8801a;color:#fff}.dom__kind{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.55}.dom__render{min-height:220px;padding:22px 24px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg)}.dom__render [data-dom-hit="1"]{outline:2px solid var(--accent);outline-offset:4px;border-radius:3px}.dom__label{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:14px}.dom__info{margin-top:16px;font-size:14px;line-height:1.7;color:var(--ink-soft);max-width:var(--measure)}.dom__info code{background:#0d1b3a0f;padding:1px 6px;border-radius:4px;font-size:13px}.api{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px;align-items:start}@media (max-width: 900px){.api{grid-template-columns:1fr}}.api__panel{padding:22px 24px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg)}.api__methods{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.api__method{border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:7px 13px;font-family:var(--mono);font-size:12px;font-weight:800;color:var(--m-color)}.api__method:hover{border-color:var(--m-color)}.api__method.is-active{background:var(--m-color);color:#fff;border-color:transparent}.api__url{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:var(--mono);font-size:13px;background:#0d1b3a0b;border-radius:9px;padding:12px 14px;margin-bottom:14px;word-break:break-all}.api__url b{color:var(--m-color)}.api__desc{font-size:14.5px;line-height:1.6;color:var(--ink-soft);margin-bottom:16px}.api__field{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.api__fieldLabel{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.api__input,.api__textarea{font-family:var(--mono);font-size:13px;padding:10px 12px;border-radius:9px;border:1px solid var(--line-strong);background:var(--paper);color:var(--ink)}.api__textarea{resize:vertical;line-height:1.6}.api__resp{background:var(--terminal);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;min-height:340px}.api__respBar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--terminal-2);font-family:var(--mono);font-size:11.5px;color:#ffffff80}.api__status{font-weight:800;color:#6fe38a}.api__status--err{color:#ff8b9c}.api__json{flex:1;margin:0;padding:18px 20px;overflow:auto;max-height:420px;color:#e2e9fb;font-size:13px;line-height:1.7}.api__json .k{color:#8fd3ff}.api__json .s{color:#b8f3a0}.api__json .n{color:#ffcf76}.api__loading{flex:1;display:grid;place-items:center;text-align:center;color:#ffffff73;font-family:var(--mono);font-size:12.5px;padding:22px}.sorter{display:flex;flex-direction:column;gap:18px}.sorter__pool{display:flex;flex-wrap:wrap;gap:8px;min-height:46px;padding:14px;border-radius:var(--r-lg);background:#0d1b3a09;border:1px dashed var(--line-strong)}.band--chapter .sorter__pool{background:#ffffff0d}.sorter__item{border:1px solid var(--line-strong);background:var(--paper);border-radius:99px;padding:8px 15px;font-size:13.5px;transition:transform .12s,border-color .14s,background .14s}.sorter__item:hover{transform:translateY(-2px);border-color:var(--accent)}.sorter__item.is-selected{background:var(--navy);color:#fff;border-color:var(--navy)}.sorter__bins{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.sorter__bin{display:flex;flex-direction:column;gap:10px;text-align:left;padding:18px;border-radius:var(--r-lg);border:1px dashed var(--line-strong);background:var(--paper);transition:border-color .15s,background .15s}.sorter__bin.is-armed{border-color:var(--accent);border-style:solid;background:var(--accent-tint)}.sorter__binName{font-family:var(--mono);font-weight:800;font-size:14px}.sorter__binNote{font-size:12.5px;color:var(--ink-soft);line-height:1.5}.sorter__dropped{display:flex;flex-wrap:wrap;gap:6px}.sorter__tag{font-family:var(--mono);font-size:11.5px;padding:4px 10px;border-radius:99px;background:#0d1b3a12}.sorter__tag.ok{background:var(--green-tint);color:#14603a}.sorter__tag.bad{background:var(--crimson-tint);color:#7d0c28;text-decoration:line-through}.quiz{display:flex;flex-direction:column;gap:26px}.quiz__q{font-size:17px;font-weight:650;line-height:1.5;margin-bottom:14px;max-width:var(--measure)}.quiz__opts{display:flex;flex-direction:column;gap:8px;max-width:780px}.quiz__opt{display:flex;align-items:flex-start;gap:13px;width:100%;text-align:left;padding:14px 17px;border-radius:var(--r);border:1px solid var(--line-strong);background:var(--paper);font-size:15px;line-height:1.55;transition:border-color .15s,background .15s}.quiz__opt:hover:not(:disabled){border-color:var(--accent);background:var(--accent-tint)}.quiz__opt:disabled{cursor:default}.quiz__opt.is-correct{border-color:var(--green);background:var(--green-tint)}.quiz__opt.is-wrong{border-color:var(--crimson);background:var(--crimson-tint)}.quiz__key{flex:none;width:24px;height:24px;border-radius:6px;display:grid;place-items:center;background:#0d1b3a12;font-family:var(--mono);font-size:11px;font-weight:700}.quiz__opt.is-correct .quiz__key{background:var(--green);color:#fff}.quiz__opt.is-wrong .quiz__key{background:var(--crimson);color:#fff}.quiz__feedback{margin-top:12px;padding:15px 18px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--accent);font-size:14.5px;line-height:1.7;max-width:780px}.quiz__score{font-family:var(--mono);font-size:12px;color:var(--ink-soft)}.check{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:8px}.check__item{display:flex;align-items:flex-start;gap:13px;text-align:left;padding:14px 17px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);font-size:15px;line-height:1.55;transition:border-color .15s,background .15s}.check__item:hover{border-color:var(--line-strong)}.check__item.is-done{background:var(--green-tint);border-color:var(--green)}.check__box{flex:none;width:21px;height:21px;border-radius:6px;border:1.5px solid var(--line-strong);display:grid;place-items:center;font-size:12px;color:#fff}.check__item.is-done .check__box{background:var(--green);border-color:var(--green)}.check__item.is-done .check__label{opacity:.7}.dbx{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}.dbx__pane{background:var(--terminal);border-radius:var(--r-lg);overflow:hidden}.dbx__hd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:var(--terminal-2);font-family:var(--mono);font-size:12px;font-weight:800;color:#fff}.dbx__hd span:last-child{font-weight:400;color:#ffffff73}.dbx__code{margin:0;padding:18px 20px;color:#e2e9fb;font-size:12.5px;line-height:1.75;overflow:auto;max-height:360px}.dbx__traits{list-style:none;padding:0;display:flex;flex-direction:column;gap:9px}.dbx__traits li{display:grid;grid-template-columns:auto 1fr;gap:10px;font-size:14.5px;line-height:1.6}.dbx__traits li:before{content:"◆";color:var(--accent);font-size:9px;line-height:2.3}.git{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}@media (max-width: 900px){.git{grid-template-columns:1fr}}.git__cmds{display:flex;flex-direction:column;gap:7px}.git__cmd{display:flex;flex-direction:column;gap:3px;text-align:left;border:1px solid var(--line-strong);background:var(--paper);border-radius:var(--r);padding:13px 16px}.git__cmd:hover:not(:disabled){border-color:var(--accent);background:var(--accent-tint)}.git__cmd:disabled{opacity:.4;cursor:not-allowed}.git__cmd code{font-weight:700;font-size:13px}.git__cmd small{color:var(--ink-soft);font-size:12.5px}.git__zones{display:flex;flex-direction:column;gap:8px}.git__zone{border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;background:var(--paper);min-height:72px}.git__zoneName{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px}.git__files{display:flex;flex-wrap:wrap;gap:6px}.git__file{font-family:var(--mono);font-size:11.5px;padding:5px 11px;border-radius:7px;background:#0d1b3a0f;animation:pop .25s ease}.git__file--staged{background:var(--yellow-tint);color:#7a5209}.git__file--commit{background:var(--green-tint);color:#14603a}.git__file--remote{background:var(--indigo-tint);color:#23246e}@keyframes pop{0%{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}.res-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.res{display:flex;flex-direction:column;gap:7px;padding:18px 20px;border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--line);text-decoration:none;transition:transform .15s,box-shadow .18s,border-color .15s}.res:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:var(--line-strong)}.res__name{font-family:var(--mono);font-weight:800;font-size:14.5px}.res__meta{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.res__desc{font-size:13.5px;line-height:1.6;color:var(--ink-soft)}.figure{display:flex;flex-direction:column;gap:14px;align-items:center;padding:clamp(18px,2.5vw,32px);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg)}.figure__cap{font-size:13.5px;color:var(--ink-soft);text-align:center;max-width:60ch}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;min-height:100%;font-family:var(--sans);font-size:16px;line-height:1.6;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding-left:1.15em}a{color:inherit}button{font-family:inherit;cursor:pointer}code,pre,kbd,.mono{font-family:var(--mono)}img,svg{max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}::selection{background:var(--accent);color:#fff}.app{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh;align-items:start}.main{min-width:0}.bleed{width:100%}.wide{width:100%;max-width:var(--shell);margin:0 auto;padding-inline:var(--pad-x)}.measure{max-width:var(--measure)}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.gap-32{gap:32px}.muted{color:var(--ink-soft)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.grid-tex{background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:104px 104px}@media (max-width: 1080px){.app{grid-template-columns:1fr}}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}html,body{background:#fff}.sidebar,.reader__bar,.jump,.no-print{display:none!important}.app{display:block;min-height:0}.main{min-width:0}.wide{max-width:none}.layer__details{display:block!important}.layer__chev{display:none!important}.blk,.win,.card,.callout,.quiz__q,.layer{break-inside:avoid}.band__head,h1,h2,h3,h4{break-inside:avoid;break-after:avoid;page-break-inside:avoid;page-break-after:avoid}a[href]:after{content:""}}