@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,600;0,8..60,700;1,8..60,400&family=Inter:wght@400;500;600&family=JetBrains+Mono:ital,wght@0,400;0,500;1,400&display=swap";.sg-stepper{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin-bottom:var(--s3)}.sg-step-btn{padding:var(--s1) var(--s3);border:1px solid var(--border);border-radius:var(--r1);background:var(--bg);color:var(--text);font:.85rem var(--mono);cursor:pointer;transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.sg-step-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.sg-step-btn:disabled{opacity:.35;cursor:default}.sg-play-btn.is-playing{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.sg-progress{font:.8rem var(--mono);color:var(--dim)}.sg-stage{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sg-col{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:12px 14px;display:flex;flex-direction:column}.sg-col-title{font-family:var(--sans);font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.sg-tag{font-family:var(--mono);font-size:10px;padding:2px 6px;border-radius:3px;text-transform:none;letter-spacing:0}.sg-tag-grow{background:#f4d4d4;color:#8a3030}.sg-tag-flat{background:#d4ecd4;color:#2f6a30}.sg-frames{display:flex;flex-direction:column-reverse;gap:4px;min-height:180px;justify-content:flex-start}.sg-frame{background:var(--bg-code);color:#e6e6e6;padding:6px 10px;border:1px solid transparent;border-radius:4px;font-family:var(--mono);font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.sg-pending{color:#c4a76a;font-size:11px;white-space:nowrap}.sg-frame-cd{min-width:0}.sg-frame-cd .sg-call{min-width:92px}.sg-frame.is-top{box-shadow:inset 2px 0 0 var(--accent)}.sg-empty{border:1px dashed var(--border-dk, var(--border));border-radius:4px;padding:6px 10px;font-family:var(--mono);font-size:11px;color:var(--dim);text-align:center}.sg-depth{margin-top:10px;font-family:var(--mono);font-size:12px;color:var(--muted)}.sg-depth-val{display:inline-block;color:var(--text);font-weight:600}.sg-result{margin:10px auto 0;width:fit-content;font-family:var(--mono);font-size:12.5px;font-weight:600;padding:6px 12px;border:1px dashed var(--accent);border-radius:5px;color:var(--accent);background:var(--accent-bg, rgba(212, 98, 26, .08))}.sg-track{height:3px;margin-top:14px;border-radius:2px;background:var(--border);overflow:hidden}.sg-track-fill{height:100%;border-radius:2px;background:var(--accent);transition:width .35s var(--ease)}.sg-caption{min-height:48px;margin-top:10px;font-size:14px;color:var(--muted);line-height:1.55}.sg-caption code{font-family:var(--mono);font-size:13px}@media (max-width: 720px){.sg-stage{grid-template-columns:1fr}.sg-frames{min-height:auto}}@media (prefers-reduced-motion: no-preference){@keyframes sg-drop{0%{opacity:0;transform:translateY(-18px) scaleY(1.04) scaleX(.98)}55%{opacity:1;transform:translateY(3px) scaleY(.95) scaleX(1.025)}78%{transform:translateY(-1px) scaleY(1.01) scaleX(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sg-press-a{0%{transform:translateY(0)}40%{transform:translateY(2px) scaleY(.98)}to{transform:translateY(0) scaleY(1)}}@keyframes sg-press-b{0%{transform:translateY(0)}40%{transform:translateY(2px) scaleY(.98)}to{transform:translateY(0) scaleY(1)}}@keyframes sg-pop{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}30%{background:#3d2a1a;border-color:var(--accent);transform:translateY(0) rotate(0) scale(1.04);opacity:1}to{transform:translateY(-20px) rotate(-2.5deg) scale(.94);opacity:0}}@keyframes sg-eq-in{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes sg-receive{0%,to{color:#c4a76a}45%{color:#6ac48a;transform:scale(1.06)}}@keyframes sg-slot-pulse{0%{box-shadow:0 0 #6ac48a73;transform:scale(1)}55%{box-shadow:0 0 0 6px #6ac48a00;transform:scale(1.02)}to{box-shadow:0 0 #6ac48a00;transform:scale(1)}}@keyframes sg-tick{0%{transform:scale(1.4);color:var(--accent)}to{transform:scale(1);color:var(--text)}}@keyframes sg-result-pop{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes sg-result-glow{0%,to{box-shadow:0 0 #d4621a00}50%{box-shadow:0 0 18px #d4621a59}}@keyframes sg-tag-pulse{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes sg-caption-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sg-frame{animation:sg-drop .42s cubic-bezier(.34,1.56,.64,1) calc(var(--sg-i, 0) * 60ms) backwards}.sg-frame.is-pressed-0{animation:sg-press-a .28s ease .3s}.sg-frame.is-pressed-1{animation:sg-press-b .28s ease .3s}.sg-frame.is-popping{animation:sg-pop .65s ease-in .2s forwards}.sg-frame.is-popping .sg-pending{display:inline-block;animation:sg-eq-in .32s cubic-bezier(.34,1.56,.64,1)}.sg-frame.is-receiving .sg-pending{display:inline-block;animation:sg-receive .5s ease .5s both}.sg-frame-cd{animation:sg-slot-pulse .45s cubic-bezier(.34,1.56,.64,1)}.sg-depth-val{animation:sg-tick .3s ease}.sg-result{animation:sg-result-pop .5s cubic-bezier(.34,1.56,.64,1) .5s backwards,sg-result-glow .9s ease 1s 2}.sg-tag-pulse{display:inline-block;animation:sg-tag-pulse .45s cubic-bezier(.34,1.56,.64,1) 1s 2}.sg-caption{animation:sg-caption-in .25s ease}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--bg-warm: #f7f5f2;--bg-code: #1d1f21;--border: #ddd9d3;--border-dk: #c8c3bb;--text: #1a1917;--muted: #5c574f;--dim: #9c968d;--accent: #d4621a;--accent-bg: #fef4ed;--link: #c0571a;--ok: #2e7d32;--ok-strong: #3a8a3d;--hard: #7b1fa2;--syn-kw: #f0883e;--syn-fn: #79b8ff;--syn-str: #85e89d;--syn-cmt: #6a737d;--syn-ty: #b392f0;--syn-num: #79c0ff;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--r1: 3px;--r2: 6px;--r3: 10px;--sh1: 0 1px 3px rgba(26, 25, 23, .06), 0 1px 2px rgba(26, 25, 23, .04);--sh2: 0 4px 12px rgba(26, 25, 23, .08);--sh3: 0 8px 24px rgba(26, 25, 23, .12);--ease: cubic-bezier(.2, .6, .2, 1);--t-fast: .12s;--t: .2s;--topbar-h: 52px;--sidebar-w: 248px;--serif: "Source Serif 4", Georgia, serif;--sans: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", "Fira Code", monospace}[data-theme=dark]{--bg: #1a1816;--bg-warm: #221f1c;--bg-code: #131211;--border: #353029;--border-dk: #45403a;--text: #ece7df;--muted: #b3aaa0;--dim: #7d756b;--accent: #e0772f;--accent-bg: #2a211a;--link: #e88a45;--ok: #4caf50;--ok-strong: #4caf50;--hard: #bf7ff5}[data-theme=dark] .demo-box{--bg: #f7f5f2;--bg-warm: #ede9e3;--bg-code: #1d1f21;--border: #ddd9d3;--border-dk: #c8c3bb;--text: #1a1917;--muted: #5c574f;--dim: #9c968d;--accent: #d4621a;--accent-bg: #fef4ed;--link: #c0571a;color-scheme:light}[data-theme=dark] .callout-tip{background:#142014;border-color:#3a9b42}[data-theme=dark] .callout-tip .callout-title{color:#4caf50}[data-theme=dark] .callout-warn{background:#1e1a0a;border-color:#c8971a}[data-theme=dark] .callout-warn .callout-title{color:#d4a017}[data-theme=dark] .diff-easy{background:#142014;color:#4caf50}[data-theme=dark] .diff-hard{background:#1e1526;color:#bf7ff5}[data-theme=dark] p code,[data-theme=dark] li code{background:#2a2520;border-color:var(--border);color:var(--text)}html{scroll-behavior:smooth;color-scheme:light dark}body{background:var(--bg);color:var(--text);font-family:var(--serif);font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased;transition:background var(--t) var(--ease),color var(--t) var(--ease)}a{color:var(--link)}a:hover{color:var(--accent)}.topbar{height:var(--topbar-h);background:var(--bg-warm);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 var(--s5);position:sticky;top:0;z-index:20;gap:0;transition:background var(--t) var(--ease),border-color var(--t) var(--ease)}.site-name{font-family:var(--sans);font-size:14px;font-weight:600;color:var(--text);text-decoration:none;letter-spacing:-.01em;margin-right:var(--s5);flex-shrink:0;display:flex;align-items:center}.site-name span{color:var(--accent)}.site-name:hover{text-decoration:none;color:var(--text)}.topbar-nav{display:flex;align-items:center;gap:0;flex:1}.topbar-nav a{font-family:var(--sans);font-size:13px;color:var(--muted);text-decoration:none;padding:0 var(--s3);height:var(--topbar-h);display:flex;align-items:center;position:relative;transition:color var(--t-fast) var(--ease)}.topbar-nav a:after{content:"";position:absolute;bottom:0;left:var(--s3);right:var(--s3);height:2px;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform var(--t) var(--ease);border-radius:1px 1px 0 0}.topbar-nav a:hover{color:var(--text)}.topbar-nav a:hover:after{transform:scaleX(.6)}.topbar-nav a.active{color:var(--accent);font-weight:500}.topbar-nav a.active:after{transform:scaleX(1)}.topbar-actions{display:flex;align-items:center;gap:var(--s2);margin-left:auto}.topbar-github{display:inline-flex;align-items:center;justify-content:center;color:var(--muted);text-decoration:none;width:32px;height:32px;border-radius:var(--r2);transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.topbar-github:hover{color:var(--text);background:#0000000f}[data-theme=dark] .topbar-github:hover{background:#ffffff0f}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:var(--muted);cursor:pointer;border-radius:var(--r2);transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.theme-toggle:hover{color:var(--text);background:#0000000f}[data-theme=dark] .theme-toggle:hover{background:#ffffff0f}.menu-btn{display:none;background:none;border:1px solid var(--border);color:var(--muted);width:32px;height:32px;border-radius:var(--r1);cursor:pointer;font-size:14px;align-items:center;justify-content:center;font-family:var(--sans);transition:color var(--t-fast),background var(--t-fast)}.menu-btn:hover{color:var(--text);background:#0000000a}.layout{display:flex;min-height:calc(100vh - var(--topbar-h))}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg-warm);border-right:1px solid var(--border);padding:var(--s5) 0 var(--s7);position:sticky;top:var(--topbar-h);height:calc(100vh - var(--topbar-h));overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;transition:background var(--t) var(--ease),border-color var(--t) var(--ease)}.nav-group{margin-bottom:var(--s1)}.nav-label{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);padding:var(--s3) var(--s4) var(--s1) 18px;display:block}.nav-link{display:flex;align-items:baseline;gap:7px;padding:6px 18px;font-family:var(--sans);font-size:13px;color:var(--muted);text-decoration:none;line-height:1.4;transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease);border-left:2px solid transparent}.nav-link:hover{color:var(--text);text-decoration:none;background:#0000000a}[data-theme=dark] .nav-link:hover{background:#ffffff0a}.nav-link.active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-bg);font-weight:500}.nav-num{font-family:var(--mono);font-size:10px;color:var(--dim);flex-shrink:0;min-width:18px;transition:color var(--t-fast) var(--ease)}.nav-link.active .nav-num{color:var(--accent)}.nav-sub-label{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding:var(--s3) var(--s4) var(--s1) 26px;display:block;margin-top:var(--s2)}.overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40}.overlay.open{display:block}.main{flex:1;min-width:0}.article{max-width:1080px;margin:0 auto;padding:var(--s7) var(--s8) 100px}.page-header{margin-bottom:var(--s6);padding-bottom:var(--s5);border-bottom:1px solid var(--border)}.page-label{font-family:var(--sans);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--dim);margin-bottom:var(--s2)}.page-title{font-family:var(--serif);font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--text);margin-bottom:10px}.page-intro{font-size:17px;color:var(--muted);line-height:1.7;max-width:620px}h2{font-family:var(--serif);font-size:22px;font-weight:700;letter-spacing:-.015em;color:var(--text);margin:var(--s7) 0 14px;line-height:1.25}h2:first-child{margin-top:0}h3{font-family:var(--sans);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:28px 0 var(--s2)}p{margin-bottom:var(--s4);color:var(--text);font-size:17px;line-height:1.75}p.muted{color:var(--muted)}p:last-child{margin-bottom:0}ul,ol{padding-left:22px;margin-bottom:var(--s4)}li{margin-bottom:5px;font-size:17px;line-height:1.65}strong{font-weight:600}em{font-style:italic}p code,li code{font-family:var(--mono);font-size:13.5px;background:#f0ede8;border:1px solid var(--border);border-radius:var(--r1);padding:1px 5px;color:var(--text)}hr{border:none;border-top:1px solid var(--border);margin:var(--s6) 0}.callout{border-left:3px solid;padding:var(--s3) var(--s4);margin:var(--s5) 0;border-radius:0 var(--r2) var(--r2) 0}.callout-title{font-family:var(--sans);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.callout p{font-size:15px;line-height:1.65;margin:0}.callout-key{border-color:var(--accent);background:var(--accent-bg)}.callout-key .callout-title{color:var(--accent)}.callout-tip{border-color:#2e7d32;background:#f1f8f1}.callout-tip .callout-title{color:#2e7d32}.callout-warn{border-color:#c0960a;background:#fdf9ed}.callout-warn .callout-title{color:#9a7308}.callout-lab{border-color:var(--accent);background:var(--accent-bg)}.callout-lab .callout-title{color:var(--accent)}.callout-link{display:inline-block;margin-top:var(--s2);font-family:var(--mono);font-size:.88rem;font-weight:600;color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--t-fast) var(--ease)}.callout-link:hover{border-color:var(--accent)}[data-theme=dark] .callout-lab{background:#2a1e14}[data-theme=dark] .callout-tip{background:#1a2e1b}[data-theme=dark] .callout-warn{background:#2a2010}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--s7);align-items:start;margin:var(--s5) 0 var(--s6)}.two-col.lean{grid-template-columns:5fr 6fr}.sticky{position:sticky;top:calc(var(--topbar-h) + var(--s3))}.code-block{background:var(--bg-code);border-radius:var(--r2);overflow:hidden;font-size:13px;margin:0 0 var(--s4);border:1px solid #2e2e2e}.code-top{display:flex;align-items:center;justify-content:space-between;padding:var(--s2) var(--s4);background:#161819;border-bottom:1px solid #2e2e2e}.code-fname{font-family:var(--mono);font-size:11px;color:#7a7a7a;letter-spacing:.01em}.copy-btn{font-family:var(--mono);font-size:11px;color:#606060;background:none;border:none;cursor:pointer;padding:3px 8px;border-radius:var(--r1);transition:color var(--t-fast),background var(--t-fast)}.copy-btn:hover{color:#b0b0b0;background:#ffffff0f}pre{padding:var(--s4) var(--s4);overflow-x:auto;font-family:var(--mono);font-size:13px;line-height:1.8;color:#e1e4e8}.kw{color:var(--syn-kw)}.fn{color:var(--syn-fn)}.str{color:var(--syn-str)}.cmt{color:var(--syn-cmt);font-style:italic}.ty{color:var(--syn-ty)}.num{color:var(--syn-num)}.code-block.inline{max-width:680px}.cheat-section{margin-bottom:44px}.cheat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:0;border:1px solid var(--border);border-radius:var(--r2);overflow:hidden}.cheat-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;flex-direction:column}.cheat-cell:nth-child(2n){border-right:none}.cheat-cell-head{font-family:var(--sans);font-size:11px;font-weight:600;color:var(--muted);background:var(--bg-warm);padding:7px var(--s4);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.07em}.cheat-cell pre{flex:1;padding:var(--s4);font-size:12.5px;line-height:1.75;background:var(--bg-code);color:#e1e4e8}.exercise-box{border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;margin-bottom:var(--s6)}.exercise-head{background:var(--bg-warm);border-bottom:1px solid var(--border);padding:18px var(--s5);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4)}.exercise-label{font-family:var(--sans);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--dim);margin-bottom:var(--s1)}.exercise-title{font-family:var(--serif);font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.01em}.diff{font-family:var(--sans);font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--r1);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.diff-easy{background:#e8f5e9;color:#2e7d32}.diff-medium{background:var(--accent-bg);color:var(--accent)}.diff-hard{background:#f3e5f5;color:#7b1fa2}.exercise-body{padding:var(--s5)}.exercise-desc{font-size:16px;color:var(--muted);margin-bottom:var(--s5);line-height:1.65}.req-list{list-style:none;padding:0;border-top:1px solid var(--border);margin:0}.req-list li{display:flex;gap:var(--s4);align-items:baseline;padding:10px 0;border-bottom:1px solid var(--border);font-size:15px;color:var(--text)}.req-n{font-family:var(--mono);font-size:11px;color:var(--dim);flex-shrink:0;min-width:22px}.sol-toggle{display:flex;align-items:center;gap:10px;padding:10px var(--s4);background:var(--bg-warm);border:1px solid var(--border);border-radius:var(--r2);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--sans);font-size:13.5px;font-weight:500;color:var(--muted);transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease);margin-top:28px}.sol-toggle:hover{background:var(--border);color:var(--text)}.sol-toggle.open{color:var(--accent);border-color:var(--accent);background:var(--accent-bg)}.sol-icon{font-family:var(--mono);font-size:16px;color:var(--accent);width:14px}.sol-hint{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--dim)}.sol-body{display:none;margin-top:28px}.sol-body.open{display:block}.pg-link-wrap{margin-top:28px}.pg-link-btn{display:inline-block;font-family:var(--sans);font-size:13px;font-weight:500;color:var(--accent);background:var(--accent-bg);border:1px solid #f0c9a8;border-radius:var(--r2);padding:7px var(--s4);text-decoration:none;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.pg-link-btn:hover{background:#fde8d6;color:var(--accent)}[data-theme=dark] .pg-link-btn{border-color:#5a3520}[data-theme=dark] .pg-link-btn:hover{background:#33201a}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s8);padding-top:var(--s5);border-top:1px solid var(--border);font-family:var(--sans);font-size:14px}.page-footer a{color:var(--link);font-weight:500;text-decoration:none}.page-footer a:hover{text-decoration:underline}.page-nav{margin-top:var(--s8);padding-top:var(--s5);border-top:1px solid var(--border)}.page-nav-label{font-family:var(--sans);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--dim);margin-bottom:var(--s3)}.page-nav-links{display:flex;flex-wrap:wrap;gap:var(--s3)}.page-nav-links a{display:inline-block;font-family:var(--sans);font-size:14px;font-weight:500;color:var(--link);text-decoration:none;padding:var(--s2) var(--s4);border:1px solid var(--border);border-radius:var(--r2);transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.page-nav-links a:hover{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.page-nav-prev:before{content:"← "}.page-nav-next:before{content:"→ "}.page-nav-deep:before{content:"↗ "}.page-nav-practice:before{content:"✎ "}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes mode-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: no-preference){.article{animation:fade-up .35s var(--ease) both}.page-header>.page-label{animation:fade-up .4s var(--ease) both;animation-delay:0ms}.page-header>.page-title{animation:fade-up .4s var(--ease) both;animation-delay:70ms}.page-header>.page-intro{animation:fade-up .4s var(--ease) both;animation-delay:.14s}.mode-crossfade{animation:mode-fade-in .15s ease both}.home-hero>*{animation:fade-up .45s var(--ease) both}.home-hero>a:first-child{animation-delay:0ms}.home-hero>h1{animation-delay:80ms}.home-hero>p{animation-delay:.16s}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-warm)}::-webkit-scrollbar-thumb{background:var(--border-dk);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--dim)}html{scrollbar-width:thin;scrollbar-color:var(--border-dk) var(--bg-warm)}.home-hero{padding:var(--s8) var(--s8) var(--s7);max-width:1080px;margin:0 auto;border-bottom:1px solid var(--border)}.home-hero h1{font-family:var(--serif);font-size:42px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--text);margin-bottom:var(--s3)}.home-hero p{font-size:17px;color:var(--muted);max-width:520px;margin-bottom:0;line-height:1.7}.home-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4);padding:var(--s6) var(--s8) 0;max-width:1080px;margin:0 auto}.home-card{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s5);border:1px solid var(--border);border-radius:var(--r3);background:var(--bg-warm);text-decoration:none;color:var(--text);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.home-card:hover{border-color:var(--accent);box-shadow:var(--sh2);text-decoration:none;color:var(--text)}.home-card-icon{font-size:28px;line-height:1;margin-bottom:var(--s1)}.home-card-title{font-family:var(--sans);font-size:15px;font-weight:600;color:var(--text)}.home-card-desc{font-size:14px;color:var(--muted);line-height:1.55;font-family:var(--sans)}@media (prefers-reduced-motion: no-preference){.home-cards>*{animation:fade-up .45s var(--ease) both}.home-cards>:nth-child(1){animation-delay:.2s}.home-cards>:nth-child(2){animation-delay:.28s}.home-cards>:nth-child(3){animation-delay:.36s}}.home-toc{padding:0 var(--s8) var(--s8);max-width:1080px;margin:0 auto}.toc-section{padding:var(--s6) 0;border-bottom:1px solid var(--border)}.toc-section:last-child{border-bottom:none}.toc-section-head{display:flex;align-items:baseline;gap:var(--s3);margin-bottom:var(--s3)}.toc-section-title{font-family:var(--sans);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--text)}.toc-section-count{font-family:var(--mono);font-size:11px;color:var(--dim)}.mode-toggle{display:flex;align-items:center;gap:8px;margin-left:auto}.mode-toggle-btn{font-family:var(--sans);font-size:12px;font-weight:600;padding:4px 14px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.mode-toggle-btn:hover{border-color:var(--accent);color:var(--accent)}.mode-toggle-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.toc-phase{margin-bottom:var(--s4)}.toc-phase-head{font-family:var(--sans);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:var(--s3) 0}.toc-items{display:flex;flex-direction:column;gap:1px}.toc-item{display:flex;align-items:baseline;gap:10px;padding:var(--s2) var(--s3);text-decoration:none;color:var(--text);font-size:15px;font-family:var(--serif);transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease);border-radius:var(--r2);margin:0 calc(-1 * var(--s3))}.toc-item:hover{background:var(--accent-bg);text-decoration:none;color:var(--link)}.toc-item:hover .toc-num{color:var(--accent)}.toc-num{font-family:var(--mono);font-size:11px;color:var(--dim);min-width:20px;flex-shrink:0;transition:color var(--t-fast) var(--ease)}.toc-desc{font-size:13px;color:var(--dim);margin-left:auto;font-family:var(--sans)}.toc-diff{font-family:var(--sans);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin-left:6px}.pg-bar{height:42px;background:var(--bg-warm);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 var(--s4);gap:10px;flex-shrink:0}.pg-body{display:flex;height:calc(100vh - var(--topbar-h) - 42px);overflow:hidden}.pg-left-panel{flex:0 0 60%;display:flex;flex-direction:column;border-right:1px solid var(--border);overflow:hidden}.pg-tab-bar{display:flex;align-items:center;background:var(--bg-warm);border-bottom:1px solid var(--border);padding:0 var(--s2);gap:2px;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.pg-tab-bar::-webkit-scrollbar{display:none}.pg-tab{display:flex;align-items:center;gap:6px;padding:6px 10px 6px 12px;font-family:var(--mono);font-size:11.5px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;flex-shrink:0;-webkit-user-select:none;user-select:none}.pg-tab:hover{color:var(--text)}.pg-tab.active{color:var(--text);border-bottom-color:var(--accent);font-weight:500}.pg-tab-close{font-size:14px;line-height:1;color:var(--dim);background:none;border:none;cursor:pointer;padding:0 0 1px;border-radius:2px;display:flex;align-items:center}.pg-tab-close:hover{color:#d73a49}.pg-tab-add{margin-left:4px;padding:4px var(--s2);font-size:16px;line-height:1;color:var(--muted);cursor:pointer;background:none;border:none;border-radius:var(--r1)}.pg-tab-add:hover{color:var(--text);background:#0000000d}.pg-editor-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.pg-info-panel{flex-shrink:0;border-top:1px solid var(--border);overflow:hidden;max-height:140px;transition:max-height .2s ease;display:flex;flex-direction:column}.pg-info-panel.collapsed{max-height:24px}.pg-info-header{display:flex;align-items:center;justify-content:space-between;padding:0 12px;height:24px;flex-shrink:0;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--sans);font-size:10.5px;font-weight:600;color:var(--dim);letter-spacing:.08em;text-transform:uppercase;background:var(--bg-warm);border-bottom:1px solid var(--border)}.pg-info-arrow{transition:transform .2s ease;font-size:11px}.pg-info-panel.collapsed .pg-info-arrow{transform:rotate(-90deg)}.pg-info-content{flex:1;font-family:var(--mono);font-size:12px;line-height:1.7;padding:6px 14px;overflow-y:auto;margin:0;white-space:pre-wrap;word-break:break-word}.pg-info-empty{color:var(--dim);font-style:italic}.pg-right-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.pg-tasks-panel{flex:0 0 auto;max-height:46%;overflow-y:auto;border-bottom:1px solid var(--border)}.pg-tasks-header{font-family:var(--sans);font-size:10.5px;font-weight:600;color:var(--dim);letter-spacing:.08em;text-transform:uppercase;padding:var(--s2) var(--s4);border-bottom:1px solid var(--border);flex-shrink:0}.pg-task{padding:9px 18px;border-bottom:1px solid var(--border)}.pg-task-head{display:flex;align-items:center;gap:10px}.pg-task-icon{font-family:var(--mono);font-size:13px;color:var(--dim);width:14px;flex-shrink:0}.pg-task.pass .pg-task-icon{color:#3fb950}.pg-task.fail .pg-task-icon{color:#f85149}.pg-task-name{font-family:var(--mono);font-size:12px;color:var(--text)}.pg-task.pass .pg-task-name{color:var(--dim)}.pg-task-detail{font-family:var(--mono);font-size:11px;color:#f85149;margin-top:var(--s1);padding-left:24px}.pg-log-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.pg-log-header{font-family:var(--sans);font-size:10.5px;font-weight:600;color:var(--dim);letter-spacing:.08em;text-transform:uppercase;padding:var(--s2) var(--s4);border-bottom:1px solid var(--border);flex-shrink:0}.pg-log{flex:1;font-family:var(--mono);font-size:12.5px;line-height:1.7;padding:var(--s4) 18px;overflow-y:auto;margin:0;color:var(--text);white-space:pre-wrap;word-break:break-word}.pg-log-empty{color:var(--dim)}.pg-body.no-exercise .pg-tasks-panel{display:none}.pg-body.no-exercise .pg-log-panel{flex:1}.run-btn{font-family:var(--sans);font-size:12px;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:var(--r2);padding:5px var(--s4);cursor:pointer;white-space:nowrap;transition:background var(--t-fast) var(--ease)}.run-btn:hover{background:#b8521a}.run-btn:disabled{opacity:.6;cursor:default}.pg-error-line{background:#f851492e!important}.demo-box{margin:var(--s5) 0 var(--s6);border:1px solid var(--border);border-radius:var(--r3);background:var(--bg-warm);padding:var(--s4) var(--s5) var(--s5)}.demo-box input[type=radio]{display:none}.demo-timeline{display:flex;gap:var(--s2);margin-bottom:var(--s5);flex-wrap:wrap}.demo-timeline label{padding:5px 12px;border:1px solid var(--border-dk);border-radius:20px;cursor:pointer;font-family:var(--sans);font-size:13px;font-weight:500;color:var(--muted);background:var(--bg);-webkit-user-select:none;user-select:none;transition:border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.demo-timeline label:hover{border-color:var(--accent);color:var(--accent)}.demo-stage{display:grid;gap:var(--s4);margin-bottom:var(--s4)}.demo-caption{margin-top:var(--s3);min-height:48px}.cap{display:none;color:var(--text);font-size:14px;line-height:1.55}@media (max-width: 860px){.sidebar{position:fixed;left:-100%;top:var(--topbar-h);bottom:0;z-index:50;transition:left var(--t) var(--ease);width:min(var(--sidebar-w),82vw);height:calc(100vh - var(--topbar-h))}.sidebar.open{left:0}.menu-btn{display:flex}.topbar-nav{display:none}.article{padding:28px 22px 72px}.home-hero{padding:var(--s6) 22px var(--s5)}.home-hero h1{font-size:32px}.home-cards{grid-template-columns:1fr;padding:var(--s5) 22px 0}.home-toc{padding:0 22px 60px}.two-col,.two-col.lean{grid-template-columns:1fr}.sticky{position:static}.cheat-grid{grid-template-columns:1fr}.cheat-cell:nth-child(2n){border-right:1px solid var(--border)}}