:root{--display-stretch: 95%;--bg:#f3f4f7;--surface:#ffffff;--surface-2:#eaedf2;--line:#d5dae3;--line-2:#e3e7ee;--ink:#0c1220;--ink-2:#3b4457;--ink-3:#687185;--accent:#8a5300;--accent-strong:#f2b200;--accent-ink:#1d1400;--accent-word:#ffe7a3;--accent-word-ink:#0c1220;--add:#116329;--add-bg:#dcf5e3;--add-word:#aceebb;--add-bar:#2da44e;--del:#a40e26;--del-bg:#ffe9ea;--del-bar:#e5534b;--hunk-bg:#fff6dc;--shadow: 0 1px 2px rgba(12,18,32,.05), 0 24px 48px -32px rgba(12,18,32,.35);--lb-accent:#ffc53d;--page: var(--bg);--card: var(--surface);--card-2: var(--surface-2);--card-border: var(--line);--rule: var(--line);--rule-2: var(--line-2);--accent-2:#fff1c7;--accent-soft:#fff9e8;--accent-fg: var(--accent-ink);--ok: var(--add);--warn:#9a5b00;--nav-ink: var(--ink-2);--nav-ink-strong: var(--ink)}[data-theme=dark]{--bg:#0a0d13;--surface:#111620;--surface-2:#0d1119;--line:#242c3b;--line-2:#1a212d;--ink:#dce1e9;--ink-2:#9ca4b5;--ink-3:#6c7589;--accent:#ffc53d;--accent-strong:#ffc53d;--accent-ink:#191200;--accent-word:rgba(255,197,61,.11);--accent-word-ink:#ffd666;--add:#5bd46b;--add-bg:rgba(46,160,67,.14);--add-word:rgba(46,160,67,.38);--add-bar:#2ea043;--del:#ff8279;--del-bg:rgba(248,81,73,.12);--del-bar:#b8443e;--hunk-bg:rgba(255,197,61,.08);--shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 30px 60px -34px rgba(0,0,0,.85);--accent-2:#2a2412;--accent-soft:#17140c;--warn:#e3b04f}*{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;padding:28px 32px 72px;transition:background-color .25s ease,color .25s ease;overflow-x:hidden}@media(max-width:640px){body{padding:18px 16px 56px;font-size:16px}}.mono,code,kbd{font-family:var(--font-mono);font-stretch:87.5%}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}header.nav{max-width:1240px;margin:0 auto 56px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px}header.nav .brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:700;font-size:19px;letter-spacing:-.02em;font-stretch:var(--display-stretch)}header.nav .brand .dot{color:var(--accent)}header.nav .brand .prompt{display:inline-flex;align-items:baseline;min-width:0;font-family:var(--font-mono);font-stretch:87.5%;font-size:14px;font-weight:500;letter-spacing:0;color:var(--ink-2)}header.nav .brand .prompt .host{color:var(--ink);font-weight:600}header.nav .brand .prompt .path{color:var(--accent);max-width:34ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header.nav .brand .prompt .prompt-cmd{color:var(--ink);max-width:48ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header.nav .brand .prompt .prompt-cmd:not(:empty){margin-left:.6em}header.nav .brand .prompt .term-cursor{height:1.05em;vertical-align:-.18em;margin-right:.7em}@media(max-width:640px){header.nav .brand .prompt .path{max-width:12ch}header.nav .brand .prompt .prompt-cmd{max-width:14ch}}.term-cursor{display:inline-block;position:relative;width:0;height:.9em;vertical-align:-.04em}.term-cursor:after{content:"";position:absolute;left:.14em;bottom:-2px;width:.6em;height:max(2px,.12em);background:var(--accent-strong);animation:term-blink 1.1s steps(1) infinite}@keyframes term-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.term-cursor:after{animation:none}}header.nav .mark{width:22px;height:22px;display:block}.mark-add{fill:var(--add-bar)}.mark-del{fill:var(--del-bar)}.mark-sign{stroke:#fff;stroke-width:1.8;stroke-linecap:round;fill:none}header.nav .right{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center;font-family:var(--font-mono);font-stretch:87.5%;font-size:12px}header.nav .right a{color:var(--ink-2);text-decoration:none;padding:4px 0;border-bottom:2px solid transparent}header.nav .right a:hover{color:var(--ink)}header.nav .right a[aria-current=page]{color:var(--ink);border-bottom-color:var(--accent-strong)}.theme-toggle{appearance:none;background:transparent;cursor:pointer;border:1px solid var(--line);border-radius:999px;color:var(--ink-2);width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;transition:color .15s ease,border-color .15s ease}.theme-toggle:hover{color:var(--ink);border-color:var(--ink-3)}.theme-toggle .ic{width:13px;height:13px;display:block}[data-theme=light] .theme-toggle .ic-dark,[data-theme=dark] .theme-toggle .ic-light{display:none}@media(max-width:640px){header.nav{margin-bottom:36px}header.nav .right{gap:4px 16px;font-size:11px;margin-left:auto;justify-content:flex-end}}h1{font-weight:700;font-stretch:var(--display-stretch);letter-spacing:-.022em;font-size:clamp(34px,5.4vw,58px);line-height:1.04;margin:0 0 20px;color:var(--ink);text-wrap:balance}h1 .accent{background:var(--accent-word);color:var(--accent-word-ink);padding:0 .1em;margin:0 -.04em;border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.lede{font-size:20px;line-height:1.5;font-weight:400;color:var(--ink-2);max-width:62ch;margin:0 0 28px;text-wrap:pretty}@media(max-width:640px){.lede{font-size:18px}}p{margin:0 0 16px}p strong{color:var(--ink);font-weight:650}p em{font-style:italic}code.inline{font-family:var(--font-mono);font-stretch:87.5%;font-size:.82em;background:var(--surface-2);color:var(--ink);border:1px solid var(--line-2);padding:1px 5px;border-radius:4px}.body a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent-strong);text-underline-offset:3px;text-decoration-thickness:2px;transition:color .15s ease,text-decoration-color .15s ease}.body a:hover{color:var(--accent)}.hero{max-width:1240px;margin:0 auto 88px;display:grid;grid-template-columns:minmax(0,11fr) minmax(0,12fr);gap:56px;align-items:center}@media(max-width:1040px){.hero{grid-template-columns:minmax(0,1fr);gap:40px;margin-bottom:64px}}.hero-copy{position:relative;padding-left:30px;border-left:2px solid var(--line)}.hero-author{position:relative;margin:0 0 22px;font-family:var(--font-mono);font-stretch:87.5%;font-size:13px;font-weight:500;color:var(--ink-2)}.hero-author .node{position:absolute;left:-39px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:var(--bg);border:3px solid var(--accent-strong)}.hero-title{font-size:clamp(38px,4.1vw,60px);line-height:1.02;font-stretch:var(--display-stretch);font-weight:720;letter-spacing:-.022em;text-wrap:balance;margin:0 0 24px}.hero-sub{font-size:19px;line-height:1.5;color:var(--ink-2);max-width:46ch;margin:0 0 30px}.hero-stats{display:flex;gap:32px;margin:0}.hero-stats div{display:flex;flex-direction:column-reverse}.hero-stats dt{font-family:var(--font-mono);font-stretch:87.5%;font-size:11.5px;color:var(--ink-3)}.hero-stats dd{margin:0;font-weight:700;font-stretch:var(--display-stretch);font-size:32px;line-height:1.1;letter-spacing:-.02em}@media(max-width:640px){.hero-copy{padding-left:20px}.hero-author .node{left:-29px}.hero-sub{font-size:17px}.hero-stats{gap:24px}.hero-stats dd{font-size:26px}}figure.diff{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;font-family:var(--font-mono);font-stretch:87.5%;font-size:13px;line-height:1.6}.diff-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--surface-2);font-size:12px;color:var(--ink-2)}.diff-stat{display:inline-flex;gap:10px;font-weight:600}.diff-stat .plus{color:var(--add)}.diff-stat .minus{color:var(--del)}.diff-body{padding:8px 0 12px;display:flex;flex-direction:column}.diff-body:after{content:"~\a~\a~\a~\a~\a~\a~\a~\a~\a~\a~\a~\a~\a~\a~\a~\a~\a~\a~\a~\a~\a~\a~\a~\a";white-space:pre;flex:1 1 0;min-height:0;overflow:hidden;width:34px;margin-left:3px;padding-top:6px;text-align:center;color:var(--ink-3);opacity:.6}a.hunk{display:block;color:inherit;text-decoration:none;padding:4px 0}a.hunk[hidden]{display:none}a.hunk:not([hidden])~a.hunk:not([hidden]){border-top:1px dashed var(--line-2)}.diff-empty{margin:0;padding:14px 18px;color:var(--ink-3)}.ln{display:grid;grid-template-columns:34px minmax(0,1fr);padding:2px 18px 2px 0;border-left:3px solid transparent}.ln .sig{text-align:center;user-select:none}.ln-hunk{color:var(--accent);grid-template-columns:34px minmax(0,1fr) auto;gap:0 12px;padding-top:8px;padding-bottom:6px}.ln-hunk .hunk-label{color:var(--ink);font-weight:600}.ln-hunk .hunk-hash{color:var(--ink-3);font-size:11.5px;white-space:nowrap}.ln-del{background:var(--del-bg);border-left-color:var(--del-bar);color:var(--ink-2)}.ln-del .sig{color:var(--del);font-weight:700}.ln-add{background:var(--add-bg);border-left-color:var(--add-bar);color:var(--ink)}.ln-add .sig{color:var(--add);font-weight:700}a.hunk:hover .ln-hunk{background:var(--hunk-bg)}a.hunk:hover .hunk-label{text-decoration:underline;text-decoration-color:var(--accent-strong);text-underline-offset:3px}@media(max-width:640px){figure.diff{font-size:12px;border-radius:10px}.ln{grid-template-columns:26px minmax(0,1fr);padding-right:12px}.ln-hunk{grid-template-columns:26px minmax(0,1fr)}.diff-body:after{width:26px}.ln-hunk .hunk-hash{grid-column:2;font-size:11px}.diff-head{padding:10px 12px}}@media(prefers-reduced-motion:no-preference){.diff-body.writing .ln{animation:ln-write .55s cubic-bezier(.3,.7,.2,1) both;animation-delay:calc(var(--i, 0) * .12s + .25s)}.diff-body.writing .ln-add{animation-name:ln-write,ln-flash;animation-duration:.55s,1.4s}}@keyframes ln-write{0%{clip-path:inset(0 100% 0 0);opacity:.2}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes ln-flash{0%,40%{box-shadow:inset 0 0 0 999px var(--add-word)}to{box-shadow:inset 0 0 0 999px transparent}}section.work{max-width:1240px;margin:0 auto}.filter-bar{margin:0 0 22px}.fb-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin:0 0 16px}.fb-title{font-weight:700;font-stretch:var(--display-stretch);font-size:clamp(26px,3vw,34px);letter-spacing:-.025em;line-height:1.1;margin:0}.visible-info{font-family:var(--font-mono);font-stretch:87.5%;font-size:12px;color:var(--ink-3)}.visible-info .visible{color:var(--ink);font-weight:600}.fb-row{display:flex;flex-wrap:wrap;gap:8px}.tag-filter{appearance:none;cursor:pointer;font:inherit;font-size:15px;font-weight:500;padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);display:inline-flex;gap:8px;align-items:baseline;line-height:1.2;user-select:none;-webkit-user-select:none;transition:background .15s,color .15s,border-color .15s}.tag-filter:hover{border-color:var(--ink-3)}.tag-filter .cnt{font-family:var(--font-mono);font-stretch:87.5%;font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums}.tag-filter .branch{align-self:center;width:9px;height:9px;border-radius:50%;border:2px solid var(--ink-3);transition:border-color .15s,background .15s}.tag-filter.active{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--accent-ink)}.tag-filter.active .cnt{color:var(--accent-ink);opacity:.75}.tag-filter.active .branch{border-color:var(--accent-ink);background:var(--accent-ink)}.tag-filter.all.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.tag-filter.all.active .cnt{color:var(--bg)}.latest-tag{font-family:var(--font-mono);font-stretch:87.5%;font-size:10.5px;font-weight:600;color:var(--accent)}.tag-filter.active .latest-tag{color:var(--accent-ink)}.fb-opt{align-self:center;display:inline-flex;gap:14px;align-items:center;margin-left:6px;font-family:var(--font-mono);font-stretch:87.5%;font-size:12px;color:var(--ink-3);white-space:nowrap;user-select:none;-webkit-user-select:none}.fb-opt label,label.fb-opt{cursor:pointer;display:inline-flex;gap:6px;align-items:center}.fb-opt input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);opacity:0}.fb-opt .box:before{content:"[ ]"}.fb-opt input:checked+.box:before{content:"[x]"}.fb-opt .dot:before{content:"( )"}.fb-opt input:checked+.dot:before{content:"(•)"}.fb-opt label:hover,label.fb-opt:hover{color:var(--ink)}.fb-opt label:has(input:checked),label.fb-opt:has(input:checked){color:var(--accent)}.fb-opt label:has(input:focus-visible),label.fb-opt:has(input:focus-visible){outline:2px solid var(--accent-strong);outline-offset:3px;border-radius:3px}.fb-stack{margin-top:14px}@media(max-width:640px){.fb-domains{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:2px 16px 6px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}.fb-domains::-webkit-scrollbar{display:none}.fb-domains .tag-filter{flex:0 0 auto;font-size:14px;padding:6px 12px}}.fb-stack summary{cursor:pointer;display:inline-flex;gap:10px;align-items:baseline;font-family:var(--font-mono);font-stretch:87.5%;font-size:12px;color:var(--ink-2);padding:4px 0;list-style:none}.fb-stack summary::-webkit-details-marker{display:none}.fb-stack summary:before{content:"+";color:var(--add);font-weight:700;width:1ch}.fb-stack[open] summary:before{content:"−";color:var(--del)}.fb-stack summary .cnt{color:var(--ink-3)}.fb-stack .stack-active{color:var(--accent);font-weight:600}.fb-stack .fb-row{gap:6px;margin-top:10px}.fb-stack .tag-filter{font-family:var(--font-mono);font-stretch:87.5%;font-size:11.5px;font-weight:400;padding:5px 10px;border-radius:6px;color:var(--ink-2)}.fb-stack .tag-filter.active{color:var(--accent-ink)}.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row dense;align-content:start;min-height:100vh;gap:16px;position:relative}@media(max-width:1100px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.portfolio-grid{grid-template-columns:minmax(0,1fr);gap:14px}}.grid-empty{margin:24px 0 0;color:var(--ink-2);font-family:var(--font-mono);font-stretch:87.5%;font-size:13px}.tile{display:flex;flex-direction:column;min-width:0;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;position:relative;transition:border-color .2s ease,box-shadow .2s ease,opacity .28s ease,scale .28s ease}.tile:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent-strong);transform:scaleY(0);transform-origin:top;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.tile:hover{border-color:var(--ink-3);box-shadow:var(--shadow)}.tile:hover:after{transform:scaleY(1)}.tile:has(.tile-link:hover) h3{text-decoration:underline;text-decoration-color:var(--accent-strong);text-decoration-thickness:2px;text-underline-offset:3px}.tile:has(.tile-link:hover) .thumb img{transform:scale(1.03)}.tile:has(.tile-link:focus-visible){outline:2px solid var(--accent-strong);outline-offset:2px}.tile-link{color:inherit;text-decoration:none;outline:none}.tile-link:before{content:"";position:absolute;inset:0;z-index:1}.tile-domains a,.tile-tags a{position:relative;z-index:2;color:inherit;text-decoration:none}.tile-domains a:hover,.tile-tags a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent-strong);text-underline-offset:3px}.tile .thumb{aspect-ratio:16 / 10;background:var(--surface-2);overflow:hidden;border-bottom:1px solid var(--line-2)}.tile .thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.tile-body{padding:14px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.tile-meta{display:flex;justify-content:space-between;gap:12px;font-family:var(--font-mono);font-stretch:87.5%;font-size:11px;color:var(--ink-3)}.tile-meta .hash{color:var(--accent);font-weight:600}.tile h3{font-weight:650;font-stretch:var(--display-stretch);letter-spacing:-.015em;font-size:18px;line-height:1.25;margin:0;color:var(--ink);text-wrap:balance}.tile-lede{margin:0;font-size:15px;line-height:1.5;color:var(--ink-2);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;flex:1 1 auto;min-height:0}.tile-domains,.tile-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}.tile-domains{gap:4px 12px;margin-top:auto;padding-top:6px}.tile-domains li{font-size:13px;font-weight:500;color:var(--ink);display:inline-flex;align-items:center;gap:6px}.tile-domains li:before{content:"";width:7px;height:7px;border-radius:50%;border:2px solid var(--accent-strong)}.tile-tags{gap:2px 10px}.tile-tags li{font-family:var(--font-mono);font-stretch:87.5%;font-size:10.5px;color:var(--ink-3)}@media(min-width:641px){.tile-xl{grid-column:span 2;grid-row:span 2}.tile-xl .thumb{aspect-ratio:auto;flex:1 1 260px;min-height:260px}.tile-xl .tile-body{flex:0 0 auto;padding:20px 24px 24px;gap:10px}.tile-xl h3{font-size:clamp(22px,2.2vw,30px);font-stretch:var(--display-stretch);font-weight:700;letter-spacing:-.025em}.tile-xl .tile-lede{font-size:16px;-webkit-line-clamp:3}.tile-lg{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tile-lg .thumb{aspect-ratio:auto;height:100%;min-height:220px;border-bottom:0;border-right:1px solid var(--line-2)}.tile-lg h3{font-size:20px}.tile-lg .tile-lede{font-size:14px;-webkit-line-clamp:4}}@media(min-width:641px)and (max-width:1100px){.tile-xl{grid-row:span 1}.tile-xl .thumb{flex:0 0 auto;aspect-ratio:21 / 9;min-height:0}}@media(max-width:640px){.tile-xl .tile-lede,.tile-lg .tile-lede{-webkit-line-clamp:3}.tile-xl h3{font-size:22px;font-stretch:var(--display-stretch);font-weight:700}}.tile.hidden{display:none}@starting-style{.portfolio-grid.animated .tile{opacity:0;scale:.96}}.tile.leaving{position:absolute;margin:0;opacity:0;scale:.96;pointer-events:none}@media(prefers-reduced-motion:reduce){.tile{transition:border-color .2s ease,box-shadow .2s ease}}footer.below{max-width:1240px;margin:64px auto 0;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;font-family:var(--font-mono);font-stretch:87.5%;font-size:12px;color:var(--ink-3)}footer.below .dot{color:var(--accent)}footer.below .footer-right{display:flex;gap:20px}footer.below a{color:inherit;text-decoration:none}footer.below a:hover,footer.below a[aria-current=page]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent-strong);text-underline-offset:3px}.study-wrap{max-width:1240px;margin:0 auto;position:relative;z-index:1}article.study{max-width:860px;margin:0;position:relative}article.study>.body{position:relative}.study-head{margin:0 0 40px}.commit-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 22px;font-family:var(--font-mono);font-stretch:87.5%;font-size:12.5px;color:var(--ink-2)}.commit-hash{color:var(--accent);font-weight:600}.commit-hash .kw{color:var(--ink-3);font-weight:400;margin-right:4px}.commit-year{color:var(--ink)}.commit-ref{padding:2px 10px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:var(--surface);font-size:11.5px}.study-head .lede{margin-bottom:22px}a.commit-ref{text-decoration:none;transition:border-color .2s ease}a.commit-ref:hover{border-color:var(--accent-strong)}ul.study-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}ul.study-tags a{color:inherit;text-decoration:none}ul.study-tags a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent-strong);text-underline-offset:3px}ul.study-tags li{font-family:var(--font-mono);font-stretch:87.5%;font-size:11.5px;padding:3px 10px;border-radius:6px;background:var(--surface-2);color:var(--ink-2)}figure.study-cover{margin:0 0 48px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);overflow:hidden;cursor:zoom-in;box-shadow:var(--shadow)}figure.study-cover>img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;object-position:center top;display:block}.log{--log-pad: 40px;--rail-x: 9px;position:relative;padding-left:var(--log-pad)}.log:before{content:"";position:absolute;left:calc(var(--rail-x) - 1px);top:29px;bottom:6px;width:2px;background:var(--line)}@media(max-width:640px){.log{--log-pad: 26px;--rail-x: 6px }}.meta{position:relative;display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:24px;row-gap:8px;padding:18px 22px;margin:0 0 56px;background:var(--surface);border:1px solid var(--line);border-radius:10px;font-size:15px}.meta:before{content:"";position:absolute;left:calc(var(--rail-x) - var(--log-pad) - 9px);top:20px;width:18px;height:18px;border-radius:50%;background:var(--accent-strong);box-shadow:0 0 0 4px var(--bg)}.meta dt{font-family:var(--font-mono);font-stretch:87.5%;font-size:12px;color:var(--ink-3);padding-top:2px}.meta dd{margin:0;color:var(--ink);min-width:0;overflow-wrap:anywhere}.meta dd .ok{color:var(--add);font-weight:600}.meta dd .warn{color:var(--warn);font-weight:600}.meta dd .muted{color:var(--ink-3)}.meta a{color:var(--ink)}@media(max-width:640px){.meta{grid-template-columns:minmax(0,1fr);row-gap:2px;padding:14px 16px}.meta dd{margin-bottom:8px}.meta:before{top:16px}}.study-toc{display:none}@media(min-width:1180px){.study-wrap.has-toc{display:grid;grid-template-columns:minmax(0,860px) minmax(0,1fr);column-gap:56px;align-items:start}.study-toc{display:block;position:sticky;top:32px;justify-self:end;width:100%;max-width:260px;margin-top:8px}}.study-toc .toc-head{font-family:var(--font-mono);font-stretch:87.5%;font-size:11px;color:var(--ink-3);margin:0 0 10px}.study-toc ol{list-style:none;margin:0;padding:0;position:relative}.study-toc ol:before{content:"";position:absolute;left:5px;top:14px;bottom:14px;width:2px;background:var(--line)}.study-toc a{position:relative;display:grid;gap:1px;padding:6px 0 6px 24px;text-decoration:none}.study-toc a:before{content:"";position:absolute;left:0;top:9px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--line);transition:background-color .2s ease,border-color .2s ease}.study-toc .toc-label{font-family:var(--font-mono);font-stretch:87.5%;font-size:11px;color:var(--ink-3);transition:color .2s ease}.study-toc .toc-title{font-size:13.5px;line-height:1.35;color:var(--ink-2);transition:color .2s ease}.study-toc a:hover:before{border-color:var(--accent-strong)}.study-toc a:hover .toc-title{color:var(--ink)}.study-toc a.current:before{background:var(--accent-strong);border-color:var(--accent-strong)}.study-toc a.current .toc-label{color:var(--accent)}.study-toc a.current .toc-title{color:var(--ink)}section[id]{scroll-margin-top:32px}section{margin:0 0 56px;max-width:68ch}section.wide{max-width:none}section>.sh,.sectionhead{position:relative;display:flex;flex-direction:column;gap:4px;margin:0 0 16px}section>.sh:before,.sectionhead:before{content:"";position:absolute;left:calc(var(--rail-x) - var(--log-pad) - 8px);top:4px;width:16px;height:16px;border-radius:50%;background:var(--bg);border:3px solid var(--accent-strong)}section>.sh .n,.sectionhead .n{font-family:var(--font-mono);font-stretch:87.5%;font-size:12px;color:var(--accent);font-weight:500}section>.sh h2,.sectionhead h2{font-weight:700;font-stretch:var(--display-stretch);letter-spacing:-.022em;font-size:28px;line-height:1.15;margin:0;color:var(--ink);text-wrap:balance}@media(max-width:640px){section>.sh h2,.sectionhead h2{font-size:23px}section>.sh:before,.sectionhead:before{width:14px;height:14px;left:calc(var(--rail-x) - var(--log-pad) - 7px)}}.sectionhead .count{font-family:var(--font-mono);font-stretch:87.5%;font-size:11px;color:var(--ink-3)}.pull{margin:24px 0;padding:16px 20px 16px 18px;background:var(--add-bg);border-left:3px solid var(--add-bar);border-radius:0 8px 8px 0;color:var(--ink);font-size:17px;line-height:1.55}.pull:before{content:"+ takeaway";display:block;font-family:var(--font-mono);font-stretch:87.5%;font-size:11.5px;color:var(--add);font-weight:600;margin-bottom:6px}.pull.no-label:before{content:none}ul.tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}ul.tags li{font-family:var(--font-mono);font-stretch:87.5%;font-size:12px;padding:4px 10px;border-radius:6px;border:1px solid var(--line);color:var(--ink-2);background:var(--surface)}ul.worklog{list-style:none;margin:0 0 18px;padding:0}ul.worklog li{position:relative;border-top:1px solid var(--line-2)}ul.worklog li:last-child{border-bottom:1px solid var(--line-2)}ul.worklog li:before{content:"";position:absolute;left:calc(var(--rail-x) - var(--log-pad) - 4px);top:50%;margin-top:-4px;width:8px;height:8px;border-radius:50%;background:var(--ink-3)}ul.worklog li>a,ul.worklog li>.txt{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;font-size:17px;line-height:1.4}.body ul.worklog a{text-decoration:none;color:var(--ink)}ul.worklog li>.txt{color:var(--ink-2)}ul.worklog .hash{font-family:var(--font-mono);font-stretch:87.5%;font-size:12px;color:var(--accent);font-weight:600;flex:0 0 auto}ul.worklog a:hover .txt{text-decoration:underline;text-decoration-color:var(--accent-strong);text-decoration-thickness:2px;text-underline-offset:3px}ul.worklog li:has(>a):before{background:var(--accent-strong)}figure.dia{margin:24px 0 8px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px 20px 12px;max-width:none}figure.dia .label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;font-family:var(--font-mono);font-stretch:87.5%;font-size:11px;color:var(--ink-3);margin-bottom:14px;padding-bottom:8px;border-bottom:1px dashed var(--line)}figure.dia .label b{color:var(--accent);font-weight:600}figure.dia svg{width:100%;height:auto;display:block}figure.dia figcaption{font-family:var(--font-mono);font-stretch:87.5%;font-size:11.5px;color:var(--ink-2);margin-top:12px;padding-top:10px;border-top:1px dashed var(--line);line-height:1.5}.dia svg .node-fill{fill:var(--surface)}.dia svg .node-stroke{stroke:var(--ink)}.dia svg .node-text{fill:var(--ink)}.dia svg .node-sub{fill:var(--ink-3)}.dia svg .acc-fill{fill:var(--accent-2)}.dia svg .acc-stroke{stroke:var(--accent)}.dia svg .acc-text{fill:var(--accent)}.dia svg .arrow-stroke{stroke:var(--ink)}.dia svg .arrow-head{fill:var(--ink)}.dia svg .acc-arrow-stroke{stroke:var(--accent)}.dia svg .acc-arrow-head{fill:var(--accent)}.views{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 8px}.views .v{border:1px solid var(--line);background:var(--surface);border-radius:8px;aspect-ratio:4 / 3;position:relative;overflow:hidden}.views .v .lbl{position:absolute;left:10px;top:10px;z-index:2;font-family:var(--font-mono);font-stretch:87.5%;font-size:10.5px;color:var(--ink-3)}.views .v .lbl b{color:var(--accent);font-weight:600;margin-right:4px}.views .v svg{position:absolute;inset:24px 10px 10px;width:calc(100% - 20px);height:calc(100% - 34px)}@media(max-width:680px){.views{grid-template-columns:1fr}.views .v{aspect-ratio:16/10}}.views-caption{font-family:var(--font-mono);font-stretch:87.5%;font-size:11.5px;color:var(--ink-2);margin-top:12px;padding-top:10px;border-top:1px dashed var(--line);line-height:1.55}.views-note{font-family:var(--font-mono);font-stretch:87.5%;font-size:11px;color:var(--ink-3);margin-top:10px;font-style:italic}table.caps{width:100%;border-collapse:collapse;margin:10px 0 0;font-size:15px}table.caps th,table.caps td{text-align:left;padding:11px 14px 11px 0;border-bottom:1px solid var(--line-2);vertical-align:top}table.caps th{font-family:var(--font-mono);font-stretch:87.5%;color:var(--ink-3);font-weight:500;font-size:11.5px;border-bottom:2px solid var(--ink);padding-bottom:8px;width:22%}table.caps th+th{width:auto}table.caps td:first-child{font-family:var(--font-mono);font-stretch:87.5%;font-size:12.5px;color:var(--accent);font-weight:600;width:22%;padding-right:16px}table.caps td{color:var(--ink)}table.caps tr:last-child td{border-bottom:none}@media(max-width:640px){table.caps{font-size:14px}table.caps td:first-child{width:30%}}.chart-grid{stroke:var(--line);stroke-width:1}.chart-bar{fill:var(--accent)}.chart-bar-2{fill:var(--ink-3)}.chart-line{stroke:var(--accent);stroke-width:1.5;fill:none}.chart-line-2{stroke:var(--ink);stroke-width:1;stroke-dasharray:3 3;fill:none}.chart-axis{stroke:var(--ink-3);stroke-width:1}.chart-label{fill:var(--ink-3);font-family:var(--font-mono);font-size:8px}.chart-area{fill:var(--accent-2)}.statusline{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:stretch;font-family:var(--font-mono);font-stretch:87.5%;font-size:11.5px;line-height:26px;background:var(--surface);border-top:1px solid var(--line);color:var(--ink-2)}.statusline>span{padding:0 12px;border-right:1px solid var(--line);white-space:nowrap}.statusline .sl-mode{background:var(--accent-strong);color:var(--accent-ink);font-weight:700}.statusline .sl-file{color:var(--ink);overflow:hidden;text-overflow:ellipsis}.statusline .sl-fill{flex:1;border:0}.statusline .sl-pct{border-left:1px solid var(--line);border-right:0;min-width:5ch;text-align:right}body:has(.statusline){padding-bottom:98px}@media(max-width:640px){.statusline{display:none}body:has(.statusline){padding-bottom:72px}}nav.case-nav{max-width:1240px;margin:56px auto 12px;display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:stretch}nav.case-nav-top{margin:-24px auto 40px}.case-nav .cn{display:flex;flex-direction:column;gap:2px;padding:12px 16px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink);text-decoration:none;transition:border-color .18s ease;min-height:56px;justify-content:center}.case-nav .cn:hover{border-color:var(--ink-3)}.case-nav .cn-lbl{font-family:var(--font-mono);font-stretch:87.5%;font-size:11px;color:var(--ink-3);transition:color .18s ease}.case-nav .cn:hover .cn-lbl{color:var(--accent)}.case-nav .cn-title{font-size:15px;font-weight:600;line-height:1.25;color:var(--ink);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.case-nav .cn-prev{text-align:left}.case-nav .cn-next{text-align:right;align-items:flex-end}.case-nav .cn-index{text-align:center;align-items:center;padding:12px 22px}.case-nav .cn-index .cn-title{color:var(--ink-2)}.case-nav .cn-empty{background:transparent;border:1px dashed var(--line);border-radius:10px;min-height:56px}nav.case-nav-top .cn{min-height:0;padding:8px 14px;background:transparent}nav.case-nav-top .cn-title{font-size:13.5px;-webkit-line-clamp:1}nav.case-nav-top .cn-empty{min-height:0}@media(max-width:680px){nav.case-nav{grid-template-columns:1fr 1fr;grid-template-areas:"prev next" "index index"}.case-nav .cn-prev{grid-area:prev}.case-nav .cn-next{grid-area:next}.case-nav .cn-index{grid-area:index}.case-nav .cn-empty{display:none}.case-nav .cn-title{font-size:13px}nav.case-nav-top{display:none}}.gallery{--cols: 3;display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:10px;margin:22px 0 56px;padding:38px 12px 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;position:relative}.gallery[data-count="1"]{--cols: 1 }.gallery[data-count="2"]{--cols: 2 }.gallery:before{content:"+ " attr(data-count) " images";position:absolute;top:10px;left:14px;font-family:var(--font-mono);font-stretch:87.5%;font-size:11px;font-weight:600;color:var(--add)}.gallery-item{margin:0;padding:0;position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:zoom-in;transition:border-color .18s ease,box-shadow .18s ease}.gallery-item>img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;object-position:center top;display:block;transition:transform .4s cubic-bezier(.2,.8,.2,1);transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.gallery-item>img[width]{height:auto}.gallery-item>figcaption{font-size:13px;line-height:1.4;padding:8px 10px 10px;color:var(--ink-2);border-top:1px solid var(--line-2)}.gallery-item:hover{border-color:var(--accent-strong);box-shadow:var(--shadow)}.gallery-item:hover>img{transform:scale(1.03) translateZ(0)}.gallery-item:hover>figcaption{color:var(--ink)}@media(max-width:760px){.gallery{--cols: 2 }}@media(max-width:480px){.gallery{--cols: 1;gap:8px}}figure.video-item{margin:22px auto 12px;padding:0;max-width:720px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;overflow:hidden}figure.video-item:before{content:"+ video " attr(data-video-index);display:block;padding:8px 14px;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-stretch:87.5%;font-size:11px;font-weight:600;color:var(--add)}figure.video-item>video{display:block;width:100%;height:auto;background:#000}figure.video-item>figcaption{font-size:13px;line-height:1.45;padding:10px 14px 12px;color:var(--ink-2);border-top:1px solid var(--line)}[data-slug=air-traffic-controller-training-system] figure.video-item{width:fit-content;max-width:100%;margin-inline:auto}[data-slug=air-traffic-controller-training-system] figure.video-item>video{display:block;width:auto;max-width:100%;height:auto;max-height:800px;margin-inline:auto}body.lb-open{overflow:hidden}dialog.lightbox{padding:0;border:none;background:transparent;color:#e8ecf3;max-width:100vw;max-height:100vh;width:100vw;height:100vh;margin:0;overflow:visible}dialog.lightbox::backdrop{background:#06080ce6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}dialog.lightbox[open]{display:grid;grid-template-rows:auto 1fr auto;animation:lb-in .22s cubic-bezier(.2,.8,.2,1);will-change:transform,opacity}@keyframes lb-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){dialog.lightbox[open]{animation:none}}.lb-chrome{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.07);font-family:var(--font-mono);font-stretch:87.5%;font-size:12px;color:#e8ecf3b8;min-height:44px;min-width:0;max-width:100vw;overflow:hidden}.lb-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:left}.lb-title>bdi{unicode-bidi:embed;direction:ltr}.lb-close{flex:0 0 auto;width:30px;height:30px;border:1px solid rgba(255,255,255,.16);background:#ffffff0a;color:#ffffffe6;font-size:20px;line-height:1;cursor:pointer;border-radius:999px;transition:background .15s ease,border-color .15s ease,color .15s ease;display:inline-flex;align-items:center;justify-content:center;padding:0}.lb-close:hover{background:#ffffff1a;border-color:var(--lb-accent);color:var(--lb-accent)}.lb-frame{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;align-items:center;padding:28px 64px;min-height:0}.lb-frame img{max-width:100%;max-height:100%;object-fit:contain;display:block;border-radius:6px;box-shadow:0 40px 80px -30px #000000b3;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:opacity .12s ease}.lb-frame img.is-loading{opacity:0}.lb-caption{margin-top:14px;font-size:14px;color:#e8ecf3b3;text-align:center;max-width:72ch;line-height:1.5}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid rgba(255,255,255,.16);background:#ffffff0a;color:#ffffffd9;font-size:26px;line-height:1;cursor:pointer;border-radius:999px;transition:background .15s ease,border-color .15s ease,color .15s ease;z-index:3}.lb-nav:hover{background:#ffffff1a;border-color:var(--lb-accent);color:var(--lb-accent)}.lb-nav[disabled]{display:none}.lb-prev{left:14px}.lb-next{right:14px}.lb-meta{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-top:1px solid rgba(255,255,255,.07);font-family:var(--font-mono);font-stretch:87.5%;font-size:11.5px;color:#e8ecf38c}.lb-counter{color:var(--lb-accent);font-weight:600}.lb-hint{display:inline-flex;align-items:center;gap:6px}.lb-hint kbd{font-family:inherit;font-size:10.5px;padding:1px 6px;border:1px solid rgba(255,255,255,.2);border-bottom-width:2px;border-radius:4px;color:#e8ecf3cc;background:#ffffff0a;margin-right:2px}@media(max-width:640px){.lb-frame{padding:18px 14px}.lb-nav{width:36px;height:36px;font-size:22px}.lb-prev{left:6px}.lb-next{right:6px}.lb-hint{display:none}.lb-chrome{padding:8px 12px;font-size:11px;min-height:40px}.lb-close{width:28px;height:28px;font-size:18px}.lb-meta{padding:10px 14px}}.nowrap{white-space:nowrap}