.pf-p{position:relative}.pf-handle{appearance:none;background:none;border:none;cursor:pointer;font-size:.72em;line-height:1;opacity:.17;filter:grayscale(1);margin-left:.3em;vertical-align:.05em;padding:0 .12em;transition:opacity .15s,transform .15s,filter .15s}.pf-p:hover .pf-handle{opacity:.45}.pf-handle:hover{opacity:1;filter:none;transform:scale(1.2)}.pf-handle.pf-on{opacity:.85;filter:none}.pf-pop{position:absolute;z-index:1003;background:var(--card, #fff);border:1px solid var(--border, #e3dbd0);border-radius:12px;box-shadow:0 10px 30px #1d1b1729;padding:.6rem .7rem;max-width:300px;font-family:Zen Kaku Gothic New,sans-serif}.pf-q{font-size:.74rem;color:var(--text-muted, #7d7568);margin-bottom:.45rem}.pf-btns{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.pf-b{background:var(--surface, #faf8f4);border:1px solid var(--border, #e3dbd0);border-radius:999px;padding:.34rem .7rem;font-size:.78rem;cursor:pointer;font-family:inherit;color:var(--text, #1d1b17);transition:.12s;white-space:nowrap}.pf-b:hover{border-color:var(--accent, #3c7876);color:var(--accent, #3c7876)}.pf-input{flex:1;min-width:150px;border:1px solid var(--border, #e3dbd0);border-radius:8px;padding:.36rem .55rem;font-size:.78rem;font-family:inherit;background:var(--surface, #faf8f4);color:var(--text, #1d1b17);outline:none}.pf-input:focus{border-color:var(--accent, #3c7876)}.pf-send{background:var(--accent, #3c7876);color:#fff;border:none;border-radius:8px;padding:.36rem .7rem;font-size:.76rem;cursor:pointer;font-family:inherit}.pf-send:disabled{opacity:.5;cursor:default}.pf-done{font-size:.78rem;color:var(--accent, #3c7876)}.pf-hint{position:fixed;left:50%;bottom:5.2rem;transform:translate(-50%,12px);background:var(--text, #1d1b17);color:#f5f2ec;font-size:.78rem;line-height:1.6;padding:.7rem 1rem;border-radius:12px;max-width:88vw;width:max-content;box-shadow:0 8px 26px #1d1b1747;z-index:1004;text-align:center;opacity:0;pointer-events:none;transition:opacity .35s,transform .35s;font-family:Zen Kaku Gothic New,sans-serif}.pf-hint b{color:#9fe0db}.pf-hint-show{opacity:1;transform:translate(-50%)}@media(max-width:480px){.pf-hint{bottom:4.2rem}}.pf-fhandle{filter:none;opacity:.32}.pf-p:hover .pf-fhandle{opacity:.6}.pf-fhandle:hover{opacity:1;transform:scale(1.2)}.pf-fhandle.pf-fon{opacity:.95}.pf-fpop{position:absolute;z-index:1005;background:var(--card, #fff);border:1px solid var(--accent, #3c7876);border-radius:12px;box-shadow:0 12px 34px #1d1b1738;padding:.6rem .7rem;width:320px;max-width:90vw;font-family:Zen Kaku Gothic New,sans-serif}.pf-fpara{color:var(--accent, #3c7876);font-weight:700}.pf-finput{width:100%;box-sizing:border-box;border:1px solid var(--border, #e3dbd0);border-radius:8px;padding:.45rem .55rem;font-size:.82rem;font-family:inherit;line-height:1.6;background:var(--surface, #faf8f4);color:var(--text, #1d1b17);outline:none;resize:vertical;margin:.1rem 0 .5rem}.pf-finput:focus{border-color:var(--accent, #3c7876)}.pf-fmsg{margin-top:.35rem}.pf-batch{position:fixed;left:1.2rem;bottom:1.2rem;z-index:1006;background:var(--accent, #3c7876);color:#fff;border:none;border-radius:999px;padding:.6rem 1.2rem;font-size:.82rem;font-weight:700;cursor:pointer;font-family:Zen Kaku Gothic New,sans-serif;box-shadow:0 6px 20px #3c787666}.pf-batch:disabled{opacity:.6;cursor:default}:root{--bg:#f5f2ec;--surface:#faf8f4;--surface2:#f0ece6;--card:#ffffff;--border:#e3dbd0;--border-dim:#ede8e0;--accent:#3c7876;--accent-dim:rgba(60,120,118,.09);--accent-soft:#e6f0ef;--text:#1d1b17;--text-muted:#7d7568;--text-faint:#aaa49b;--shadow:rgba(29,27,23,.06);--dot:#cfc9be}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);background-image:radial-gradient(circle,var(--dot) 1px,transparent 0);background-size:20px 20px;font-family:Zen Kaku Gothic New,Hiragino Sans,Meiryo,system-ui,sans-serif;line-height:1.9}a{color:var(--accent);text-decoration:none}a:hover{opacity:.75}header{position:sticky;top:0;z-index:100;background:#f5f2ece6;backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.header-inner{max-width:860px;margin:0 auto;padding:.7rem 1rem;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1rem;font-weight:700;color:var(--text);letter-spacing:.03em;font-family:JetBrains Mono,monospace}.logo span{color:var(--accent)}.nav-links{display:flex;gap:.2rem}.nav-links a{padding:.3rem .65rem;color:var(--text-muted);font-size:.8rem;font-weight:500;border-radius:6px;transition:.15s}.nav-links a:hover{color:var(--accent);background:var(--accent-dim)}main.doc{max-width:760px;margin:0 auto;padding:2rem 1rem 4rem}.back{display:inline-block;font-size:.78rem;font-family:JetBrains Mono,monospace;color:var(--text-muted);margin-bottom:1.2rem}.doc-head h1{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1.3;margin:0 0 .6rem}.doc-meta{display:flex;flex-wrap:wrap;gap:.5rem .9rem;align-items:baseline;color:var(--text-faint);font-size:.8rem;font-family:JetBrains Mono,monospace;margin-bottom:.4rem}.doc-desc{color:var(--text-muted);font-size:.92rem;margin:.2rem 0 1.4rem}.demo-cta{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent);color:#fff;border-radius:999px;padding:.5rem 1.15rem;font-size:.85rem;font-weight:700;margin-bottom:1.6rem}.demo-cta:hover{opacity:.88}hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.prose{font-size:1.02rem}.prose h2{margin:2.4rem 0 1rem;font-size:1.4rem;color:var(--accent);font-weight:700}.prose h2:before{content:"# ";opacity:.35;font-family:JetBrains Mono,monospace;font-size:.85em}.prose h3{margin:1.8rem 0 .7rem;font-size:1.12rem}.prose p{margin:1em 0}.prose strong{font-weight:700}.prose ul,.prose ol{padding-left:1.4rem}.prose li{margin:.35em 0}.prose code{background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:.85em;color:var(--accent)}.prose blockquote{border-left:3px solid var(--accent);background:var(--accent-soft);margin:1.5rem 0;padding:.6rem 1rem;border-radius:0 8px 8px 0;color:var(--text-muted)}.prose img{max-width:100%;border-radius:10px}.fig-toggle{margin:1.6rem 0;text-align:center}.fig-toggle img{max-width:100%;border-radius:10px}.fig-toggle figcaption.fig-toggle-cap{display:block;font-size:.8rem;color:var(--text-faint);margin:.35rem auto 0;max-width:46ch;line-height:1.5}.fig-toggle .fig-toggle-btn{display:inline-flex;align-items:center;gap:.35rem;margin-top:.55rem;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.32rem .95rem;font-size:.74rem;font-family:JetBrains Mono,monospace;cursor:pointer;transition:.15s}.fig-toggle .fig-toggle-btn:hover{border-color:var(--accent);color:var(--accent)}.fig-toggle.is-orig figcaption.fig-toggle-cap:after{content:" — 作者の手書き図";color:var(--accent)}.prose .katex-display{overflow-x:auto;overflow-y:hidden;padding:.4rem 0}.demo-embed{margin:1.6rem 0;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--card);box-shadow:0 2px 12px var(--shadow)}.demo-embed iframe{display:block;width:100%;height:560px;border:0}.demo-embed .cap{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .8rem;border-top:1px solid var(--border);font-size:.76rem;color:var(--text-muted);font-family:JetBrains Mono,monospace;background:var(--surface)}footer{max-width:760px;margin:0 auto;padding:1.5rem 1rem 2.5rem;border-top:1px solid var(--border);color:var(--text-faint);font-size:.78rem;text-align:center;line-height:1.8}footer a{color:var(--text-muted)}.footer-credit{margin-top:.35rem;font-size:.68rem;font-family:JetBrains Mono,monospace}.doc-nav{margin:2.6rem 0 0;padding-top:1.5rem;border-top:1px solid var(--border)}.dn-pn{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.dn-card{display:flex;flex-direction:column;gap:.25rem;border:1px solid var(--border);border-radius:12px;padding:.7rem .9rem;background:var(--card);transition:border-color .15s,background .15s}.dn-card:hover{border-color:var(--accent);background:var(--accent-soft);opacity:1}.dn-next{text-align:right}.dn-k{font-size:.72rem;color:var(--accent);font-family:JetBrains Mono,monospace;font-weight:600}.dn-t{font-size:.92rem;color:var(--text);line-height:1.4}.dn-rel{margin-top:1.1rem}.dn-rel-h{font-size:.78rem;color:var(--text-muted);font-weight:700}.dn-rel ul{margin:.4rem 0 0;padding-left:1.2rem}.dn-rel li{margin:.2rem 0;font-size:.9rem}.dn-map{display:inline-block;margin-top:1.2rem;font-size:.8rem;font-family:JetBrains Mono,monospace;color:var(--text-muted)}@media(max-width:560px){.dn-pn{grid-template-columns:1fr}.dn-next{text-align:left}}@media(max-width:680px){.demo-embed iframe{height:480px}}