:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-pill: 999px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .18);--shadow-2: 0 4px 14px rgba(0, 0, 0, .28);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.15rem;--text-xl: 1.6rem;--shell-max: 1280px;--sidebar-w: 248px;--toc-w: 200px;--prose: 70ch;--header-h: 56px}:root[data-theme=dark]{--bg: #0f1420;--surface: #161c2b;--surface-2: #1b2233;--ink: #e6e9f0;--muted: #98a2b8;--line: #242c3e;--accent: #7d97ff;--accent-ink: #0c1020;--accent-soft: #1b2440;--accent-border: #2c3a63;--header: #131927;--notice-ok: #14241a;--notice-ok-border: #244a32;--notice-bad: #2a1718;--notice-bad-border: #5a2b2d}:root[data-theme=light]{--bg: #fbfcfe;--surface: #ffffff;--surface-2: #f3f5fa;--ink: #1c2333;--muted: #5a6478;--line: #e2e6ee;--accent: #3a5bd9;--accent-ink: #ffffff;--accent-soft: #eef1fb;--accent-border: #dde3fa;--header: #ffffff;--notice-ok: #eef6ee;--notice-ok-border: #cfe6cf;--notice-bad: #fbeeee;--notice-bad-border: #e6cfcf}*{box-sizing:border-box}html{scroll-padding-top:calc(var(--header-h) + var(--space-4))}body{margin:0;font:var(--text-base) / 1.55 var(--font-sans);color:var(--ink);background:var(--bg)}a{color:var(--accent)}h1{font-size:var(--text-xl);margin:0 0 var(--space-3);line-height:1.2}h2{font-size:var(--text-lg);margin:var(--space-6) 0 var(--space-2)}.muted{color:var(--muted)}.site-header{position:sticky;top:0;z-index:30;height:var(--header-h);display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);border-bottom:1px solid var(--line);background:var(--header)}.site-header .brand{font-weight:700;color:var(--ink);text-decoration:none}.site-header .spacer{flex:1}.icon-btn{margin:0;padding:var(--space-1) var(--space-2);background:transparent;color:var(--muted);border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--text-lg);line-height:1;cursor:pointer}.icon-btn:hover{color:var(--ink);background:var(--surface-2)}.menu-btn{display:none}.shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);gap:var(--space-6);max-width:var(--shell-max);margin:0 auto;padding:var(--space-5) var(--space-5) var(--space-7)}.shell[data-toc=true]{grid-template-columns:var(--sidebar-w) minmax(0,1fr) var(--toc-w)}.sidebar{position:sticky;top:calc(var(--header-h) + var(--space-5));align-self:start;max-height:calc(100vh - var(--header-h) - var(--space-6));overflow-y:auto;font-size:var(--text-sm)}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar a{display:block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--muted);text-decoration:none;border-left:2px solid transparent}.sidebar a:hover{color:var(--ink);background:var(--surface-2)}.sidebar a.active{color:var(--ink);background:var(--accent-soft);border-left-color:var(--accent)}.nav-top{font-weight:600}.nav-group{margin-top:var(--space-4)}.nav-domain{font-weight:600;color:var(--ink)!important;text-transform:uppercase;letter-spacing:.04em;font-size:.74rem}.sidebar ul{list-style:none;margin:2px 0 0;padding:0}.content{min-width:0}.content p,.content li{max-width:var(--prose)}.content>section{scroll-margin-top:calc(var(--header-h) + var(--space-4))}.breadcrumbs{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-3)}.breadcrumbs a{color:var(--muted)}.breadcrumbs a:hover{color:var(--accent)}.toc{position:sticky;top:calc(var(--header-h) + var(--space-5));align-self:start;font-size:var(--text-sm);border-left:1px solid var(--line);padding-left:var(--space-4)}.toc .toc-title{text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;color:var(--muted);margin-bottom:var(--space-2)}.toc a{display:block;padding:2px 0;color:var(--muted);text-decoration:none}.toc a:hover{color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3)}.card{display:block;border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--surface);text-decoration:none;color:inherit}.card:hover{border-color:var(--accent-border)}.crumb{font-size:var(--text-sm);color:var(--muted);margin-bottom:2px}.filters{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:flex-end;margin-bottom:var(--space-3)}.filter{display:flex;flex-direction:column;gap:var(--space-1);align-items:stretch}.filter>label{margin:0}.age-input{width:7rem}#stage{min-width:14rem;width:auto}.filter.keyword{margin-bottom:var(--space-2)}.search-box{max-width:520px}.hints{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-top:var(--space-1);font-size:var(--text-sm)}.hint{margin:0;padding:1px var(--space-2);font-size:var(--text-sm);font-weight:500;background:var(--surface-2);color:var(--muted);border:1px solid var(--line);border-radius:var(--radius-pill);cursor:pointer}.hint:hover{color:var(--ink);border-color:var(--accent-border)}.selected{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.selected:empty{display:none}.chip-selected{margin:0;padding:1px var(--space-2);font-size:var(--text-sm);font-weight:600;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border);border-radius:var(--radius-pill);cursor:pointer}.chip-selected:hover{background:var(--accent);color:var(--accent-ink)}.tree{margin-top:var(--space-4)}.d-node{margin-bottom:var(--space-6)}.tree details>summary{cursor:pointer;list-style:none}.tree details>summary::-webkit-details-marker{display:none}.tree details>summary:before{content:"▸";color:var(--muted);font-size:1.1rem;line-height:1;width:1rem;text-align:center;flex:none;transition:transform .12s ease}.tree details[open]>summary:before{transform:rotate(90deg)}.d-node{margin-bottom:var(--space-4)}.d-title{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--text-lg);font-weight:700;color:var(--ink);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.d-title:hover{background:var(--surface-2)}.d-desc{font-size:var(--text-sm);font-weight:400}.d-node[open]>summary .d-desc{display:none}.d-skills{margin:var(--space-2) 0 0 var(--space-3);padding-left:var(--space-3);border-left:1px solid var(--line);display:flex;flex-direction:column;gap:var(--space-1)}.s-link{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);color:var(--ink);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1);transition:box-shadow .1s ease,border-color .1s ease}.s-link:hover{box-shadow:var(--shadow-2);border-color:var(--accent-border)}.s-title{font-weight:600}.s-desc{font-size:var(--text-sm)}.s-node[open]>summary .s-desc{display:none}.s-open{margin-left:auto;font-size:var(--text-sm);color:var(--accent);text-decoration:none;flex:none}.s-open:hover{text-decoration:underline}.s-children{margin:var(--space-1) 0 var(--space-2) var(--space-4);padding-left:var(--space-3);border-left:1px solid var(--line);display:flex;flex-direction:column;gap:var(--space-1)}.r-empty{font-size:var(--text-sm);margin:var(--space-1) 0}.r-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-decoration:none;color:var(--muted);font-size:var(--text-sm)}.r-link:hover{color:var(--ink);background:var(--surface-2)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0}.chip.method{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border);text-transform:none}a.chip{text-decoration:none}a.chip:hover{border-color:var(--accent-border);color:var(--ink)}.inspired-by{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-sm)}.disclaimer{margin:var(--space-3) 0;padding:var(--space-3);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--surface-2);color:var(--muted);font-size:var(--text-sm);max-width:var(--prose)}.disclaimer strong{color:var(--ink)}.nav-section-label{font-weight:600;color:var(--ink);text-transform:uppercase;letter-spacing:.04em;font-size:.74rem}.result-head{display:flex;align-items:center;gap:var(--space-2)}.chip{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:1px 7px;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}ul.clean{padding-left:var(--space-5)}ul.clean li{margin:2px 0}label{display:block;font-weight:600;font-size:var(--text-sm);margin:var(--space-4) 0 var(--space-1)}input,textarea,select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit;background:var(--surface);color:var(--ink)}textarea{min-height:90px;resize:vertical}button{margin-top:var(--space-4);padding:var(--space-2) var(--space-5);border:0;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:600;cursor:pointer}.notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--notice-ok);border:1px solid var(--notice-ok-border)}.notice.bad{background:var(--notice-bad);border-color:var(--notice-bad-border)}code{font:var(--text-sm) / 1.5 var(--font-mono);background:var(--surface-2);padding:1px var(--space-1);border-radius:var(--radius-sm)}.prose{white-space:pre-wrap;border-left:3px solid var(--line);padding-left:var(--space-4);color:var(--ink);max-width:var(--prose)}:where(a,button,input,textarea,select):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scrim{display:none}@media (max-width: 1080px){.shell[data-toc=true]{grid-template-columns:var(--sidebar-w) minmax(0,1fr)}.toc{display:none}}@media (max-width: 760px){.menu-btn{display:inline-block}.shell,.shell[data-toc=true]{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;top:var(--header-h);left:0;bottom:0;width:var(--sidebar-w);max-height:none;padding:var(--space-4);background:var(--header);border-right:1px solid var(--line);transform:translate(-100%);transition:transform .18s ease;z-index:25}.sidebar.open{transform:none}.scrim.show{display:block;position:fixed;inset:var(--header-h) 0 0 0;background:#00000073;z-index:20}}.actions{display:flex;gap:var(--space-2);margin:var(--space-4) 0}.btn-quiet{display:inline-flex;align-items:center;gap:var(--space-1);margin:0;padding:var(--space-1) var(--space-3);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit;font-size:var(--text-sm);font-weight:600;text-decoration:none;cursor:pointer}.btn-quiet:hover{border-color:var(--accent-border)}.print-only{display:none}@media print{:root,:root[data-theme=dark],:root[data-theme=light]{--bg: #fff;--surface: #fff;--surface-2: #fff;--header: #fff;--ink: #111;--muted: #444;--line: #ccc;--accent: #111;--accent-ink: #fff;--accent-soft: #fff;--accent-border: #ccc}.site-header,.sidebar,.toc,.scrim,.breadcrumbs,.no-print{display:none!important}body{background:#fff;color:#111}.shell,.shell[data-toc=true]{display:block;max-width:100%;margin:0;padding:0}.content p,.content li{max-width:none}a{color:#111}.video{display:none!important}.print-only{display:block!important}section{break-inside:avoid}h1,h2{break-after:avoid}}