@font-face{font-family:bookmono;src:url(/fonts/Flexi_IBM_VGA_True_437.woff2)format("woff2");font-display:swap}:root{--bg:#0723db;--panel:#12141b;--panel2:#0f1117;--text:#e9edf2;--muted:#d5d0ff;--border:rgba(255,255,255,.18);--accent:#a7f3d0;--accent2:#fbcfe8;--chip:rgba(0,0,0,.18);--shadow:0 10px 30px rgba(0,0,0,.30);--radius:18px;--radius2:14px;--max:1100px;--gap:clamp(14px, 2vw, 22px);--pad:clamp(16px, 3.2vw, 28px);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:bookmono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace;font-size:16px;line-height:1.55;background:radial-gradient(1200px 600px at 20% -10%,rgba(255,255,255,.14),transparent 60%),radial-gradient(1000px 500px at 90% 0%,rgba(255,255,255,.1),transparent 60%),var(--bg);color:var(--text)}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:10px}.wrap{max-width:var(--max);margin:0 auto;padding:28px var(--pad)52px;display:grid;gap:var(--gap)}header.hero{background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.18));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(18px,3.5vw,34px);position:relative;overflow:hidden}header.hero::before{content:"";position:absolute;inset:-2px;background:radial-gradient(700px 300px at 15% 25%,rgba(255,255,255,.2),transparent 60%),radial-gradient(650px 260px at 75% 30%,rgba(255,255,255,.14),transparent 60%);pointer-events:none;filter:blur(6px)}.hero-inner{position:relative;display:grid;gap:14px;align-items:start}.kicker{display:inline-flex;gap:10px;align-items:center;width:fit-content;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:rgba(0,0,0,.18);color:var(--muted);font-size:13px;letter-spacing:.2px}.dot{width:8px;height:8px;border-radius:99px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 0 4px rgba(255,255,255,.1)}h1{margin:0;font-size:clamp(30px,4.2vw,52px);line-height:1.1;letter-spacing:-.02em}.subtitle{margin:0;color:var(--muted);max-width:70ch;font-size:clamp(15px,1.7vw,18px)}.meta-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:6px}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:rgba(0,0,0,.18);color:var(--muted);font-size:13px}.grid{display:grid;gap:var(--gap);align-items:start;grid-template-columns:1fr}@media(min-width:900px){.grid{grid-template-columns:360px 1fr}.toc{position:sticky;top:18px}}section.panel{background:linear-gradient(180deg,rgba(0,0,0,.26),rgba(0,0,0,.18));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:clip}.panel-head{padding:16px 18px;border-bottom:1px solid var(--border);background:rgba(0,0,0,.12);display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-title{margin:0;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.toc-body{padding:12px 14px 14px}.toc-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.toc-list a{display:flex;gap:10px;align-items:baseline;text-decoration:none;padding:10px 12px;border-radius:12px;border:1px solid transparent;background:rgba(0,0,0,.12)}.toc-list a:hover{border-color:rgba(255,255,255,.24);background:rgba(0,0,0,.18)}.toc-num{font-variant-numeric:tabular-nums;color:var(--muted);min-width:2.2em}.toc-name{color:var(--text)}.toc-section a{background:rgba(255,255,255,8%);border-color:rgba(255,255,255,.16)}.toc-sub a{margin-left:14px}main.content{display:grid;gap:var(--gap)}.book-section{display:grid;gap:var(--gap)}.section-header{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,rgba(0,0,0,.26),rgba(0,0,0,.18));box-shadow:var(--shadow);padding:16px 18px}.section-title{margin:0;font-size:clamp(18px,2.1vw,24px);letter-spacing:-.01em}.section-desc{margin:10px 0 0;color:var(--muted);max-width:80ch}article.chapter{border-top:1px solid transparent}.chapter-card{border:1px solid var(--border);border-radius:var(--radius);background:rgba(0,0,0,.16);box-shadow:var(--shadow);overflow:clip}.chapter-top{padding:18px 18px 14px;border-bottom:1px solid var(--border);background:rgba(0,0,0,.14)}.chapter-title{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;margin:0}.chapter-title .num{font-variant-numeric:tabular-nums;color:var(--muted);font-size:14px;letter-spacing:.1em;text-transform:uppercase}.chapter-title .name{font-size:clamp(20px,2.2vw,28px);line-height:1.2;letter-spacing:-.01em}.chapter-desc{margin:10px 0 0;color:var(--muted);max-width:80ch}.chapter-body{padding:16px 18px 18px;display:grid;gap:14px}.video{border:1px solid var(--border);border-radius:var(--radius2);overflow:hidden;background:rgba(0,0,0,.18)}.video .ratio{aspect-ratio:16/9;width:100%;display:block;background:rgba(0,0,0,.2)}.video iframe{width:100%;height:100%;border:0;display:block}details.extras{border:1px solid var(--border);border-radius:var(--radius2);background:rgba(0,0,0,.12);overflow:clip}details.extras>summary{cursor:pointer;padding:12px 14px;color:var(--text);list-style:none;user-select:none;display:flex;align-items:center;justify-content:space-between;gap:10px}details.extras>summary::-webkit-details-marker{display:none}.caret{width:10px;height:10px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);transition:transform .15s ease;flex:none}details[open] .caret{transform:rotate(45deg)}.extras-body{padding:0 14px 14px;color:var(--muted)}.extras-body :is(p,ul,ol){margin-top:10px}.extras-body a{text-decoration:underline}footer{margin-top:4px;padding:18px 6px 0;color:var(--muted);font-size:14px;text-align:center}@media(prefers-reduced-motion:reduce){.caret{transition:none}}