:root{--space-xs: 4px;--space-s: 8px;--space-m: 12px;--space-l: 20px;--space-xl: 32px;--space-2xl: 64px;--space-3xl: 96px;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", "JetBrains Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-body: .9375rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.75rem;--font-size-hero: 3.75rem;--motion-press: 80ms;--motion-hover: .12s;--motion-panel: .16s;--motion-overlay: .18s;--platform-card-radius: 12px;--platform-control-radius: 8px;--platform-pill-radius: 999px;--hero-hue: 260}html[data-theme=dark]{--surface-window: #0b0b0f;--surface-workspace: #111116;--surface-pane: #16161c;--surface-card: #1a1a22;--surface-overlay: #222230;--surface-field: #16161c;--text-primary: #ededf0;--text-secondary: #8e8e9a;--text-placeholder: #5a5a6e;--text-inverse: #ffffff;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--border-accent: rgba(138, 164, 255, .3);--accent-solid: #8aa4ff;--accent-tint: rgba(138, 164, 255, .22);--accent-soft: #1a1f35;--accent-contrast: #0f172a;--status-success: #59b898;--status-warning: #d8a34f;--status-danger: #f08c96;--focus-ring: 0 0 0 3px rgba(138, 164, 255, .3)}:root{--surface-window: #f4f6fb;--surface-workspace: #eef1f6;--surface-pane: #f8f9fc;--surface-card: #ffffff;--surface-overlay: #fbfcff;--surface-field: #ffffff;--text-primary: #0f172a;--text-secondary: #4b5563;--text-placeholder: #7c8797;--text-inverse: #ffffff;--border-subtle: rgba(15, 23, 42, .08);--border-default: rgba(15, 23, 42, .12);--border-strong: rgba(15, 23, 42, .18);--border-accent: rgba(37, 99, 235, .24);--accent-solid: #2563eb;--accent-tint: rgba(37, 99, 235, .18);--accent-soft: #e3eafc;--accent-contrast: #ffffff;--focus-ring: 0 0 0 3px rgba(37, 99, 235, .22)}:root{--tool-phosphor: #8aa4ff;--tool-manifold: #a78bfa;--tool-oscillio: #34d399;--tool-wrangler: #f59e0b;--tool-plate: #60a5fa;--tool-spool: #f472b6;--tool-loom: #fb923c;--tool-phase: #2dd4bf}html,body{margin:0;padding:0;font-family:var(--font-body);font-size:var(--font-size-body);color:var(--text-primary);background-color:var(--surface-window);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}*:not(dialog){margin:0}h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:1.15}p{text-wrap:pretty;overflow-wrap:break-word}img,picture,video{display:block;max-width:100%}a{color:var(--accent-solid);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--font-mono);font-size:.88em;background-color:var(--surface-field);padding:.15em .4em;border-radius:4px}pre{background-color:var(--surface-field);padding:var(--space-l);border-radius:8px;overflow:auto;line-height:1.55;border:1px solid var(--border-subtle)}pre code{background:transparent;padding:0}.site-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;position:fixed;top:0;left:0;right:0;z-index:100;background:#0b0b0f99;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.04)}.site-logo{font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;color:#ffffff8c;text-decoration:none;letter-spacing:.22em;text-transform:uppercase;padding:.35em .55em .3em;border:1px solid rgba(255,255,255,.2);border-radius:1px;text-shadow:0 1px 0 rgba(0,0,0,.5);box-shadow:inset 0 1px #ffffff08,0 1px 2px #00000040;transition:border-color .15s,color .15s}.logo-m{display:inline-block;font-family:IBM Plex Mono,monospace;transform:scaleX(1.15);transform-origin:left center;margin-right:.05em}.site-logo:hover{text-decoration:none;color:var(--text-primary);border-color:#fff6}.site-nav{display:flex;gap:2rem;align-items:center}.nav-link{color:var(--text-secondary);font-size:var(--font-size-sm);text-decoration:none;letter-spacing:.06em;text-transform:uppercase;font-weight:500;transition:color .15s}.nav-link:hover{color:var(--text-primary);text-decoration:none}.nav-dropdown{position:relative}.nav-dropdown-menu{position:absolute;top:100%;right:0;margin-top:.75rem;padding:.5rem 0;min-width:260px;background:#141419f2;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 8px 32px #0006;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s;z-index:200}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;text-decoration:none;transition:background .1s;border-radius:4px;margin:0 .35rem}.nav-dropdown-item:hover{background:#ffffff0d;text-decoration:none}.nav-dropdown-icon{flex-shrink:0;color:var(--item-accent, rgba(255, 255, 255, .3));opacity:.5}.nav-dropdown-item:hover .nav-dropdown-icon{opacity:.8}.nav-dropdown-text{display:flex;flex-direction:column;gap:.1rem}.nav-dropdown-text strong{font-size:var(--font-size-sm);font-weight:600;color:#ffffffb3}.nav-dropdown-item:hover .nav-dropdown-text strong{color:var(--item-accent, var(--text-primary))}.nav-dropdown-desc{font-size:.7rem;color:#ffffff40;letter-spacing:.01em}.nav-dropdown-divider{height:1px;margin:.35rem .75rem;background:#ffffff0f}.nav-dropdown-all{color:#ffffff4d!important;font-size:var(--font-size-xs);justify-content:center}.nav-dropdown-all:hover{color:#ffffff80!important}.page-container{max-width:72ch;margin-inline:auto;padding-inline:2rem;padding-top:6rem;padding-bottom:var(--space-3xl)}.wide-container{max-width:80rem;margin-inline:auto;padding-inline:2rem}.prose{line-height:1.8;font-size:var(--font-size-md)}.prose h1{font-size:var(--font-size-2xl);font-weight:700;margin-top:var(--space-3xl);margin-bottom:var(--space-l);letter-spacing:-.025em;color:var(--text-primary)}.prose h2{font-size:var(--font-size-xl);font-weight:600;margin-top:var(--space-2xl);margin-bottom:var(--space-m);letter-spacing:-.015em;color:var(--text-primary)}.prose h3{font-size:var(--font-size-lg);font-weight:600;margin-top:var(--space-xl);margin-bottom:var(--space-s);color:var(--text-primary)}.prose p{margin-bottom:1.25rem;color:var(--text-secondary)}.prose ul,.prose ol{padding-left:var(--space-l);margin-bottom:1.25rem}.prose li{margin-bottom:var(--space-s);color:var(--text-secondary)}.prose strong{color:var(--text-primary);font-weight:600}.prose blockquote{border-left:3px solid var(--accent-solid);padding-left:var(--space-l);margin-inline:0;margin-bottom:1.25rem;color:var(--text-secondary);font-style:italic}.prose hr{border:none;border-top:1px solid var(--border-subtle);margin-block:var(--space-2xl)}.prose a{color:var(--accent-solid);text-decoration:underline;text-decoration-color:#8aa4ff4d;text-underline-offset:3px;transition:text-decoration-color .15s}.prose a:hover{text-decoration-color:var(--accent-solid)}.post-meta{display:flex;gap:var(--space-m);align-items:center;color:var(--text-placeholder);font-size:var(--font-size-sm);margin-bottom:var(--space-xl)}.tag{font-size:var(--font-size-xs);color:var(--accent-solid);background-color:var(--accent-soft);padding:3px 10px;border-radius:var(--platform-pill-radius);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.page-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.page-bg:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.03) 1px,transparent 0);background-size:32px 32px}.page-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,hsla(var(--hero-hue, 260),50%,20%,.15) 0%,transparent 70%);transition:background 2s ease}:focus-visible{outline:none;box-shadow:var(--focus-ring)}:focus:not(:focus-visible){outline:none;box-shadow:none}.site-footer{border-top:1px solid var(--border-subtle);margin-top:4rem}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:80rem;margin:0 auto;padding:3rem 2rem 2rem}.footer-brand{max-width:240px;text-align:center}.footer-logo{font-family:Space Mono,monospace;font-size:.7rem;font-weight:700;color:#fff6;text-decoration:none;letter-spacing:.22em;text-transform:uppercase}.footer-logo:hover{color:#fff9;text-decoration:none}.footer-tagline{margin-top:.75rem;font-size:var(--font-size-xs);color:#fff3;line-height:1.5}.footer-nav{display:flex;gap:4rem}.footer-col{display:flex;flex-direction:column;gap:.5rem}.footer-heading{font-size:var(--font-size-xs);font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}.footer-col a{font-size:var(--font-size-sm);color:#ffffff40;text-decoration:none;transition:color .15s}.footer-col a:hover{color:#ffffff80;text-decoration:none}.footer-bottom{max-width:80rem;margin:0 auto;padding:1.5rem 2rem 2rem;border-top:1px solid rgba(255,255,255,.03);text-align:center}.footer-copy{font-size:var(--font-size-xs);color:#ffffff26}@media(max-width:900px){.footer-inner{flex-direction:column;gap:2rem}.footer-nav{gap:2rem;flex-wrap:wrap}}