:root{--bg:#ffffff;--bg-soft:#f6f8fa;--bg-sidebar:#f9fafb;--text:#1f2328;--text-soft:#57606a;--border:#d8dee4;--accent:#007d9c;--accent-soft:#e6f4f8;--link:#0b6e8f;--code-bg:#f6f8fa;--codebar-bg:#eef1f4;--note-bg:#fff8e6;--note-border:#e0c56e;--topbar-h:3.25rem;--sidebar-w:18rem}@media(prefers-color-scheme:dark){:root{--bg:#0d1117;--bg-soft:#161b22;--bg-sidebar:#10151c;--text:#e6edf3;--text-soft:#9198a1;--border:#30363d;--accent:#00add8;--accent-soft:#0d2a33;--link:#58b8d8;--code-bg:#161b22;--codebar-bg:#1c232b;--note-bg:#2a2417;--note-border:#7a6a34}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--topbar-h) + 1rem)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,segoe ui,hiragino sans,noto sans jp,yu gothic ui,sans-serif;font-size:1.125rem;line-height:1.9;color:var(--text);background:var(--bg)}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-h);display:flex;align-items:center;gap:.75rem;padding:0 1rem;background:var(--bg);border-bottom:1px solid var(--border);z-index:20}.topbar-title{font-weight:700;font-size:1.05rem;color:var(--text)}.topbar-title:hover{text-decoration:none;color:var(--accent)}.topbar-sub{color:var(--text-soft);font-size:.875rem}.sidebar-toggle-input{display:none}.sidebar-toggle-btn{display:none;flex-direction:column;justify-content:center;gap:4px;width:2rem;height:2rem;cursor:pointer}.sidebar-toggle-btn span{display:block;height:2px;background:var(--text);border-radius:1px}.wrapper{display:flex;padding-top:var(--topbar-h);min-height:100vh}.sidebar{position:fixed;top:var(--topbar-h);bottom:0;left:0;width:var(--sidebar-w);overflow-y:auto;background:var(--bg-sidebar);border-right:1px solid var(--border);padding:1rem .75rem 3rem;font-size:1rem}.content{flex:1;margin-left:var(--sidebar-w);padding:2rem 1.5rem 5rem;min-width:0}.chapter,.part-index,.home{max-width:46rem;margin:0 auto}.sidebar a{color:var(--text);display:block;border-radius:6px;padding:.3rem .6rem}.sidebar a:hover{background:var(--accent-soft);text-decoration:none}.sidebar a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar-home{font-weight:600;margin-bottom:.5rem}.sidebar-part{margin-bottom:.35rem}.sidebar-part-title{font-weight:600}.sidebar-part ul{list-style:none;margin:0;padding-left:.9rem;display:none}.sidebar-part.open ul{display:block}.sidebar-part ul a{color:var(--text-soft)}.sidebar-part ul a.active,.sidebar-part ul a:hover{color:var(--accent)}.part-label{display:inline-block;font-size:.875rem;font-weight:700;color:var(--accent);letter-spacing:.04em;margin-right:.35rem}.chapter h1,.part-index h1{font-size:2rem;line-height:1.4;margin:.5rem 0 1rem}.chapter h2{font-size:1.5rem;margin-top:2.75rem;padding-bottom:.3rem;border-bottom:1px solid var(--border)}.chapter h3{font-size:1.25rem;margin-top:2rem}.breadcrumb{font-size:.875rem;color:var(--text-soft)}.chapter-lead{color:var(--text-soft);border-left:3px solid var(--accent);padding-left:.8rem;margin:1rem 0 2rem}.chapter img{max-width:100%}.chapter table,.part-index table{border-collapse:collapse;width:100%;margin:1.25rem 0;font-size:.95rem;display:block;overflow-x:auto}.chapter th,.chapter td{border:1px solid var(--border);padding:.45rem .7rem;text-align:left;line-height:1.6}.chapter th{background:var(--bg-soft)}.chapter blockquote{margin:1.25rem 0;padding:.7rem 1rem;background:var(--note-bg);border-left:3px solid var(--note-border);border-radius:0 6px 6px 0}.chapter blockquote p{margin:.25rem 0}.chapter hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}code{font-family:ui-monospace,sf mono,SFMono-Regular,Menlo,Consolas,noto sans mono,monospace;font-size:.875em}:not(pre)>code{background:var(--code-bg);border:1px solid var(--border);border-radius:4px;padding:.08em .35em}.codeblock{margin:1.4rem 0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.codeblock-bar{display:flex;align-items:center;justify-content:space-between;padding:.3rem .75rem;background:var(--codebar-bg);border-bottom:1px solid var(--border);font-size:.875rem;color:var(--text-soft)}.codeblock-actions{display:flex;gap:.5rem}.codeblock-actions button{font:inherit;font-size:.875rem;color:var(--text-soft);background:0 0;border:1px solid var(--border);border-radius:5px;padding:.1rem .55rem;cursor:pointer}.codeblock-actions button:hover{color:var(--accent);border-color:var(--accent)}.codeblock-actions button:disabled{opacity:.6;cursor:default}.codeblock pre{margin:0;padding:.9rem 1rem;overflow-x:auto;line-height:1.6;font-size:.9375rem;background:var(--code-bg)}.codeblock .highlight{margin:0}.editor-pane{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--code-bg);margin-top:2.5rem;height:70vh}.editor-toolbar{flex:none;display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;background:var(--codebar-bg);border-bottom:1px solid var(--border);font-size:.875rem;color:var(--text-soft)}.editor-actions{display:flex;gap:.5rem}.editor-actions button,.editor-output-bar button{font:inherit;font-size:.875rem;color:var(--text-soft);background:0 0;border:1px solid var(--border);border-radius:5px;padding:.15rem .6rem;cursor:pointer}.editor-actions button:hover,.editor-output-bar button:hover{color:var(--accent);border-color:var(--accent)}.editor-actions #ed-run{color:#fff;background:var(--accent);border-color:var(--accent);font-weight:600}.editor-actions #ed-run:hover{color:#fff;filter:brightness(1.1)}.editor-actions #ed-run:disabled{opacity:.6}#ed-code{flex:1 1 62%;min-height:8rem;width:100%;border:none;outline:none;resize:none;padding:.9rem 1rem;background:var(--code-bg);color:var(--text);font-family:ui-monospace,sf mono,SFMono-Regular,Menlo,Consolas,noto sans mono,monospace;font-size:.9375rem;line-height:1.6;tab-size:4}.editor-output-bar{flex:none;display:flex;align-items:center;justify-content:space-between;padding:.3rem .75rem;font-size:.875rem;color:var(--text-soft);border-top:1px solid var(--border);background:var(--codebar-bg)}#ed-status.busy::before{content:"\23f3 "}#ed-status.ok{color:#2da44e}#ed-status.err{color:#d1242f}@media(prefers-color-scheme:dark){#ed-status.ok{color:#3fb950}#ed-status.err{color:#f85149}}#ed-output{flex:1 1 30%;min-height:4rem;margin:0;padding:.7rem 1rem;overflow:auto;font-size:.9375rem;line-height:1.6;white-space:pre-wrap;word-break:break-all;background:var(--bg-soft)}.codeblock-actions .cb-load{color:#fff;background:var(--accent);border-color:var(--accent)}.codeblock-actions .cb-load:hover{color:#fff;filter:brightness(1.1)}@media(min-width:1200px){.chapter-wrap.with-editor{display:grid;grid-template-columns:minmax(0,1fr)minmax(24rem,44%);gap:2rem;max-width:100rem;margin:0 auto}.chapter-wrap.with-editor .chapter{max-width:46rem;width:100%;margin:0 auto}.chapter-wrap.with-editor .editor-pane{margin-top:0;position:sticky;top:calc(var(--topbar-h) + 1.5rem);height:calc(100vh - var(--topbar-h) - 3rem)}}.toc{border:1px solid var(--border);border-radius:8px;padding:.5rem .9rem;margin:1.25rem 0;font-size:.9375rem;background:var(--bg-soft)}.toc summary{cursor:pointer;color:var(--text-soft)}.toc ul{margin:.4rem 0;padding-left:1.2rem}.prevnext{display:flex;justify-content:space-between;gap:1rem;margin-top:3.5rem;padding-top:1.25rem;border-top:1px solid var(--border)}.prevnext a{display:flex;flex-direction:column;max-width:48%;padding:.6rem .9rem;border:1px solid var(--border);border-radius:8px}.prevnext a:hover{border-color:var(--accent);text-decoration:none}.prevnext .next{margin-left:auto;text-align:right}.pn-label{font-size:.875rem;color:var(--text-soft)}.pn-title{font-weight:600}.part-label-big{color:var(--accent);font-weight:700;letter-spacing:.05em;margin:0}.chapter-list{list-style:none;counter-reset:chapter;padding:0}.chapter-list li{counter-increment:chapter}.chapter-list a{display:flex;flex-direction:column;padding:.8rem 1rem .8rem 3.2rem;margin:.5rem 0;border:1px solid var(--border);border-radius:8px;position:relative;color:var(--text)}.chapter-list a::before{content:counter(chapter);position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:.85rem}.chapter-list a:hover{border-color:var(--accent);text-decoration:none}.chapter-list-title{font-weight:600}.chapter-list-desc{font-size:.95rem;color:var(--text-soft)}.hero{text-align:center;padding:2.5rem 0 1.5rem}.hero h1{font-size:2.2rem;margin-bottom:.5rem}.hero-lead{font-size:1.2rem;color:var(--text-soft)}.hero-actions{display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem}.btn-primary,.btn-secondary{display:inline-block;padding:.55rem 1.4rem;border-radius:8px;font-weight:600}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.1);text-decoration:none}.btn-secondary{border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.part-cards{list-style:none;padding:0}.part-cards a{display:flex;flex-direction:column;padding:1rem 1.25rem;margin:.6rem 0;border:1px solid var(--border);border-radius:10px;color:var(--text)}.part-cards a:hover{border-color:var(--accent);text-decoration:none}.part-card-title{font-size:1.2rem;font-weight:700}.part-card-desc{color:var(--text-soft);font-size:.95rem}.part-card-count{color:var(--accent);font-size:.875rem;margin-top:.25rem}@media(max-width:860px){.sidebar-toggle-btn{display:flex}.topbar-sub{display:none}.sidebar{transform:translateX(-100%);transition:transform .2s ease;z-index:15;width:min(20rem,85vw)}.sidebar-toggle-input:checked~.wrapper .sidebar{transform:translateX(0)}.content{margin-left:0;padding:1.25rem 1rem 4rem}.prevnext{flex-direction:column}.prevnext a{max-width:none}.prevnext .next{margin-left:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.reading-time{color:var(--text-soft);font-size:.875rem;margin:-.5rem 0 0}.chapter p{margin:1.1rem 0}