:root{--ground:#e9ecf1;--panel:#fafbfc;--panel-2:#f1f4f7;--ink:#10181f;--muted:#3c4552;--line:#cdd5de;--grid:#d7dde5;--accent:#ce4a28;--accent-soft:#f3d9cf;--data:#2c6e8e;--data-soft:#cfe0e8;--ok:#2f7d55;--warn:#b5701a;--radius:4px;--maxw:1120px;--mono:ui-monospace,"SF Mono","SFMono-Regular","Cascadia Code",Menlo,Consolas,monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--ground:#0c131b;--panel:#141e28;--panel-2:#101922;--ink:#e7edf3;--muted:#93a1af;--line:#24313f;--grid:#1a2531;--accent:#ee734c;--accent-soft:#3a241d;--data:#58a7c9;--data-soft:#16323e;--ok:#6cc294;--warn:#d69a4a}}:root[data-theme=light]{--ground:#e9ecf1;--panel:#fafbfc;--panel-2:#f1f4f7;--ink:#10181f;--muted:#3c4552;--line:#cdd5de;--grid:#d7dde5;--accent:#ce4a28;--accent-soft:#f3d9cf;--data:#2c6e8e;--data-soft:#cfe0e8;--ok:#2f7d55;--warn:#b5701a}:root[data-theme=dark]{--ground:#0c131b;--panel:#141e28;--panel-2:#101922;--ink:#e7edf3;--muted:#93a1af;--line:#24313f;--grid:#1a2531;--accent:#ee734c;--accent-soft:#3a241d;--data:#58a7c9;--data-soft:#16323e;--ok:#6cc294;--warn:#d69a4a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.eyebrow,.mono{font-family:var(--mono)}.eyebrow{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}h1,h2,h3{text-wrap:balance;line-height:1.15}.site-header{border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--ground) 82%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.site-header .bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 24px;max-width:var(--maxw);margin:0 auto}.wordmark{font-family:var(--mono);font-weight:600;letter-spacing:.03em;font-size:15px}.wordmark .tick{color:var(--accent)}.nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.nav a{color:var(--muted);font-size:14px}.nav a:hover{color:var(--ink);text-decoration:none}.theme-toggle{font-family:var(--mono);font-size:12px;cursor:pointer;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:6px 11px}.theme-toggle:hover{border-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}main{min-height:60vh}.prose{max-width:68ch}.prose p{margin:0 0 1em}.chip{display:inline-block;font-family:var(--mono);font-size:11.5px;color:var(--muted);border:1px solid var(--line);border-radius:100px;padding:4px 11px}.chip,.panel{background:var(--panel)}.panel{border:1px solid var(--line);border-radius:var(--radius)}.hero-chips{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}.hero-chip{font-family:var(--mono);font-size:13px;line-height:1;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:100px;padding:10px 16px;background:var(--panel);color:var(--ink)}a.hero-chip{color:var(--accent);font-weight:600;border-color:color-mix(in srgb,var(--accent) 42%,var(--line));transition:background .15s,border-color .15s}a.hero-chip:hover{border-color:var(--accent);background:var(--accent-soft);text-decoration:none}.hero-photo-row{display:flex;gap:18px;align-items:center;margin:6px 0 18px;flex-wrap:wrap}.hero-photo{display:block;width:208px;height:208px;border-radius:50%;object-fit:cover;border:1px solid var(--line);box-shadow:0 4px 22px rgba(0,0,0,.12)}.hero-links{display:grid;grid-template-columns:repeat(2,auto);grid-gap:8px;gap:8px;align-content:center}.social-ic{width:68px;height:68px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:var(--panel);transition:color .15s,border-color .15s}a.social-ic:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}.social-ic.disabled{opacity:.38;cursor:default}.tec-mask{width:34px;height:34px;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}@media (max-width:640px){.hero-photo{width:168px;height:168px}.social-ic{width:64px;height:64px}}.site-footer{border-top:1px solid var(--line);margin-top:60px;padding:26px 0 60px;color:var(--muted);font-size:12.5px}.demo-shell{margin:20px 0}.demo-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border:1px solid var(--line);border-bottom:0;border-radius:var(--radius) var(--radius) 0 0;background:var(--panel)}.demo-head .t{font-family:var(--mono);font-size:14px;font-weight:600}.demo-grid{display:grid;grid-template-columns:300px 1fr;grid-gap:0;gap:0;border:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);overflow:hidden;background:var(--panel)}@media (max-width:820px){.demo-grid{grid-template-columns:1fr}}.demo-controls{padding:16px;border-right:1px solid var(--line);background:var(--panel-2)}@media (max-width:820px){.demo-controls{border-right:0;border-bottom:1px solid var(--line)}}.demo-viz{padding:16px;overflow-x:auto;min-width:0}.demo-status{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11.5px;color:var(--muted)}.demo-status .dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.demo-status .dot.running{background:var(--accent);animation:blink 1s ease-in-out infinite}.demo-status .dot.done{background:var(--ok)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.badge{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:100px;border:1px solid}.badge.real{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,var(--line));background:color-mix(in srgb,var(--ok) 10%,transparent)}.badge.illustrative{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,var(--line));background:color-mix(in srgb,var(--warn) 10%,transparent)}.field{margin-bottom:14px}.field label{display:block;font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:5px}.field label b{color:var(--ink);font-weight:600}.field input[type=range]{width:100%;accent-color:var(--accent)}.field .seg,.field select{width:100%;font-family:var(--mono);font-size:12px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:6px 8px}.seg-group{display:flex;flex-wrap:wrap;gap:6px}.seg-btn{font-family:var(--mono);font-size:11px;cursor:pointer;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:5px 9px}.seg-btn.on{color:var(--ink);border-color:var(--accent);background:var(--accent-soft)}.btn{font-family:var(--mono);font-size:12px;cursor:pointer;color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);padding:7px 14px}.btn.ghost{color:var(--ink);background:var(--panel);border-color:var(--line)}.btn:hover{filter:brightness(1.05)}.demo-fallback{padding:24px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);background:var(--panel-2)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.001ms!important;transition-duration:.001ms!important}}