:root{--background:#1a1a1a;--surface:#242424;--elevated:#2e2e2e;--border:#3a3a3a;--border-strong:#4a4a4a;--text-primary:#e8e8e8;--text-secondary:#a0a0a0;--text-tertiary:#6a6a6a;--interactive:#6a9fb5;--interactive-hover:#7ab0c6;--interactive-active:#5a8fa5;--success:#7a9f7a;--warning:#b5a06a;--error:#b56a6a;--type-string:#8a8a8a;--type-number:#7a8fb5;--type-boolean:#8a7ab5;--type-object:#7ab58a;--type-array:#b58a7a;--font-mono:'JetBrains Mono', 'SF Mono', 'Fira Code', Consolas, monospace;--font-sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--text-xs:13px;--text-sm:14px;--text-base:18px;--text-lg:22px;--text-xl:28px;--text-2xl:36px;--font-normal:400;--font-medium:500;--font-bold:600;--line-height-tight:1.3;--line-height-normal:1.6;--line-height-relaxed:1.75;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--border-width:1px;--border-radius-sm:2px;--border-radius-md:4px;--border-radius-lg:6px;--duration-instant:0ms;--duration-fast:100ms;--duration-normal:150ms;--duration-slow:250ms;--easing:cubic-bezier(0.4, 0, 0.2, 1);--density-padding:8px;--density-gap:4px;--density-row-height:28px;--breakpoint-sm:640px;--breakpoint-md:1024px;--breakpoint-lg:1440px;--breakpoint-xl:1920px}[data-theme=light]{--background:#f0f0f0;--surface:#fafafa;--elevated:#ffffff;--border:#d0d0d0;--border-strong:#b0b0b0;--text-primary:#1a1a1a;--text-secondary:#5a5a5a;--text-tertiary:#8a8a8a}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;scrollbar-gutter:stable;overflow-x:hidden}body{background-color:var(--background);background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:24px 24px;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--line-height-normal);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:var(--font-medium);line-height:var(--line-height-tight);margin-top:var(--space-8);margin-bottom:var(--space-4);color:var(--text-primary)}h1{font-size:var(--text-2xl);margin-top:0;margin-bottom:var(--space-6)}h2{font-size:var(--text-xl);margin-top:var(--space-8);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}h3{font-size:var(--text-lg)}h4,h5,h6{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}p{margin-bottom:var(--space-6);line-height:var(--line-height-relaxed);letter-spacing:-.01em}.post-content p,.post-content li{max-width:65ch}a{color:var(--interactive);text-decoration:none;border-bottom:1px solid var(--border);transition:all var(--duration-fast)var(--easing)}a:hover{color:var(--interactive-hover);border-bottom-color:var(--interactive)}a:active{color:var(--interactive-active)}strong,b{font-weight:var(--font-medium)}em,i{font-style:italic}code{font-family:var(--font-mono);font-size:.9em;background:var(--surface);padding:3px 8px;border-radius:var(--border-radius-sm);border:1px solid var(--border)}pre{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--surface);padding:var(--space-4);border-radius:var(--border-radius-md);border:1px solid var(--border);overflow-x:auto;margin-bottom:var(--space-6);line-height:1.5}pre code{background:0 0;padding:0;border:none;font-size:inherit}.code-block-wrapper{position:relative;margin-bottom:var(--space-6);max-width:100%}.code-block-wrapper pre{margin-bottom:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong)var(--surface)}.code-block-wrapper pre::-webkit-scrollbar{height:8px}.code-block-wrapper pre::-webkit-scrollbar-track{background:var(--surface);border-radius:4px}.code-block-wrapper pre::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.code-block-wrapper pre::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.code-block-wrapper>.copy-button-track{position:absolute;top:0;right:8px;bottom:0;width:0;pointer-events:none;z-index:10}.code-block-wrapper>.copy-button-track>.copy-button{position:sticky;top:8px;transform:translateX(-100%);pointer-events:auto}@media(hover:none){.copy-button{opacity:1 !important;padding:8px 12px !important;font-size:13px !important}.code-block-wrapper>.copy-button-track>.copy-button{position:absolute;top:8px}}pre[class*=language-]{background:var(--surface) !important;border:1px solid var(--border);border-radius:var(--border-radius-md);font-size:var(--text-sm);white-space:pre-wrap !important;word-wrap:break-word !important;overflow-wrap:break-word !important}code[class*=language-]{font-family:var(--font-mono);text-shadow:none !important;white-space:pre-wrap !important}pre.line-numbers>code{position:relative;display:inline-block;white-space:inherit}.line-numbers-rows{border-right:1px solid var(--border) !important}.line-numbers-rows>span::before{color:var(--text-tertiary) !important}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6272a4}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#ff79c6}.token.boolean,.token.number{color:#bd93f9}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#f1fa8c}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#ff79c6}.token.atrule,.token.attr-value,.token.keyword{color:#ff79c6}.token.function{color:#50fa7b}.token.class-name{color:#8be9fd}.token.regex,.token.important,.token.variable{color:#ffb86c}[data-theme=light] pre[class*=language-],[data-theme=light] code[class*=language-]{color:#24292e}[data-theme=light] .token.comment,[data-theme=light] .token.prolog,[data-theme=light] .token.doctype,[data-theme=light] .token.cdata{color:#6a737d}[data-theme=light] .token.punctuation{color:#24292e}[data-theme=light] .token.property,[data-theme=light] .token.tag,[data-theme=light] .token.boolean,[data-theme=light] .token.number,[data-theme=light] .token.constant,[data-theme=light] .token.symbol,[data-theme=light] .token.deleted{color:#005cc5}[data-theme=light] .token.selector,[data-theme=light] .token.attr-name,[data-theme=light] .token.string,[data-theme=light] .token.char,[data-theme=light] .token.builtin,[data-theme=light] .token.inserted{color:#032f62}[data-theme=light] .token.operator,[data-theme=light] .token.entity,[data-theme=light] .token.url,[data-theme=light] .language-css .token.string,[data-theme=light] .style .token.string{color:#d73a49}[data-theme=light] .token.atrule,[data-theme=light] .token.attr-value,[data-theme=light] .token.keyword{color:#d73a49}[data-theme=light] .token.function{color:#005cc5}[data-theme=light] .token.class-name{color:#6f42c1}[data-theme=light] .token.regex,[data-theme=light] .token.important,[data-theme=light] .token.variable{color:#e36209}blockquote{border-left:3px solid var(--border-strong);padding-left:var(--space-6);margin:var(--space-6)0;color:var(--text-secondary);font-style:italic;font-size:var(--text-lg)}ul,ol{margin-bottom:var(--space-6);padding-left:var(--space-6)}li{margin-bottom:var(--space-3);line-height:var(--line-height-relaxed)}li::marker{color:var(--text-tertiary)}hr{border:none;border-top:1px solid var(--border);margin:var(--space-6)0}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.container--narrow{max-width:768px}.container--wide{max-width:1440px}.button{display:inline-flex;align-items:center;justify-content:center;height:var(--density-row-height);padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--border-radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--duration-fast)var(--easing);text-decoration:none}.button--primary{background:var(--text-primary);color:var(--background);border-color:var(--text-primary)}.button--primary:hover{background:var(--text-secondary);border-color:var(--text-secondary);color:var(--background)}.button--secondary{background:0 0;color:var(--text-primary);border-color:var(--border-strong)}.button--secondary:hover{background:var(--surface);border-color:var(--text-primary);color:var(--text-primary)}.button--ghost{background:0 0;border-color:transparent;color:var(--text-secondary)}.button--ghost:hover{border-color:var(--border);color:var(--text-primary)}.input{width:100%;height:var(--density-row-height);padding:0 var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius-sm);font-family:var(--font-mono);font-size:var(--text-base);color:var(--text-primary);transition:border-color var(--duration-fast)var(--easing)}.input:focus{outline:none;border-color:var(--text-secondary);border-width:2px;padding:0 calc(var(--space-2) - 1px)}.input::placeholder{color:var(--text-tertiary)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius-md);margin-bottom:var(--space-4)}.panel--elevated{background:var(--elevated)}.panel__header{padding:var(--space-2)var(--space-3);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.panel__body{padding:var(--space-3)}.list{list-style:none;padding:0;margin:0}.list-item{display:flex;align-items:center;min-height:var(--density-row-height);padding:var(--space-2)var(--space-3);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-base);transition:background-color var(--duration-fast)var(--easing)}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--elevated)}.list-item--selected{background:var(--elevated);border-left:2px solid var(--text-primary);padding-left:calc(var(--space-3) - 2px)}.site-header{border-bottom:1px solid var(--border);padding:var(--space-6)0;margin-bottom:var(--space-8)}.site-title{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-medium);margin:0 0 var(--space-3);letter-spacing:-.5px}.site-title a{color:var(--text-primary);border-bottom:none;display:inline-block}.site-title a:hover{color:var(--interactive);animation:glitch .3s ease}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}100%{transform:translate(0)}}.cursor{animation:blink 1s step-end infinite;color:var(--interactive)}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.menu__prefix{color:var(--text-tertiary);margin-right:var(--space-1)}.menu{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-4)}.menu__item{margin:0}.menu__link{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;padding:var(--space-2)var(--space-3);border:1px solid transparent;border-radius:var(--border-radius-sm);transition:all var(--duration-fast)var(--easing)}.menu__link:hover{color:var(--text-primary);border-color:var(--border)}.menu__link--active{color:var(--text-primary);border-color:var(--border-strong)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:var(--density-row-height);height:var(--density-row-height);background:0 0;border:1px solid var(--border);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--text-lg);transition:all var(--duration-fast)var(--easing)}.theme-toggle:hover{border-color:var(--border-strong);color:var(--text-primary)}.post-number{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);display:block;margin-bottom:var(--space-1)}.post-card{margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--border)}.post-card:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.post-card__title{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-medium);margin-bottom:var(--space-2);line-height:var(--line-height-tight)}.post-card__title a{color:var(--text-primary);border-bottom:none;position:relative}.post-card__title a::after{content:'→';position:absolute;margin-left:var(--space-2);opacity:0;transition:opacity var(--duration-fast)var(--easing)}.post-card__title a:hover{color:var(--interactive)}.post-card__title a:hover::after{opacity:.5}.post-card__meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.5px}.post-card__summary{color:var(--text-secondary);line-height:var(--line-height-normal);font-size:var(--text-base)}.post-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.post-title{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-medium);margin-bottom:var(--space-4);line-height:var(--line-height-tight)}.post-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.post-content{margin-bottom:var(--space-8)}.post-content>*:first-child{margin-top:0}.post-content>*:last-child{margin-bottom:0}.tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-3)}.tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);background:0 0;padding:var(--space-1)var(--space-2);border:1px solid var(--border);border-radius:var(--border-radius-sm);text-decoration:none;text-transform:uppercase;letter-spacing:.5px;transition:all var(--duration-fast)var(--easing)}.tag:hover{color:var(--text-primary);border-color:var(--border-strong)}.tags li:nth-child(odd) .tag{transform:rotate(-1deg)}.tags li:nth-child(even) .tag{transform:rotate(1deg)}.tags li:nth-child(3n) .tag{transform:rotate(-.5deg)}.site-footer{border-top:1px solid var(--border);padding:var(--space-6)0;margin-top:var(--space-8);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);text-align:center;text-transform:uppercase;letter-spacing:.5px}.tool-node{display:inline-block;min-width:180px;background:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius-md);font-family:var(--font-mono);margin:var(--space-2)}.tool-node--selected{border-color:var(--text-primary);border-width:2px}.tool-node__header{padding:var(--space-2)var(--space-3);background:var(--elevated);border-bottom:1px solid var(--border);font-size:var(--text-sm);font-weight:var(--font-medium)}.tool-node__ports{padding:var(--space-2)0}.port-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1)var(--space-3);font-size:var(--text-xs);color:var(--text-secondary)}.port{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--surface);border:1px solid var(--border-strong);transition:all var(--duration-fast)var(--easing)}.port--connected{background:var(--border-strong)}.port:hover{border-color:var(--text-primary);transform:scale(1.25)}.builtin-node{border-style:dashed;border-color:var(--text-tertiary)}.builtin-node__header{font-style:normal;color:var(--text-tertiary)}.canvas-demo{background:var(--background);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--space-6);margin:var(--space-4)0;min-height:300px;position:relative}.wire{stroke:var(--border-strong);stroke-width:2px;fill:none}.wire--connected{stroke:var(--type-object)}.wire--string{stroke:var(--type-string)}.wire--number{stroke:var(--type-number)}.wire--boolean{stroke:var(--type-boolean)}.wire--array{stroke:var(--type-array)}.wire--preview{stroke:var(--text-tertiary);stroke-dasharray:4 4}.wire--invalid{stroke:var(--error);stroke-dasharray:2 2}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.uppercase{text-transform:uppercase}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}@media(max-width:640px){:root{--density-padding:12px;--density-gap:8px;--density-row-height:44px}.container{padding:0 var(--space-3)}.menu{flex-direction:column;gap:var(--space-2)}.site-header{padding:var(--space-3)0}}@media(min-width:1440px){:root{--density-padding:12px;--density-gap:8px;--density-row-height:36px}}::selection{background:var(--interactive);color:var(--background)}:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}.skip-to-content{position:absolute;left:-9999px;z-index:999;padding:var(--space-2)var(--space-3);background:var(--surface);color:var(--text-primary);text-decoration:none;border:1px solid var(--border-strong);border-radius:var(--border-radius-sm)}.skip-to-content:focus{left:var(--space-3);top:var(--space-3)}.reading-progress{position:fixed;top:0;left:0;width:0%;height:2px;background:var(--interactive);z-index:1000;transition:width .1s ease}.error-page{text-align:center;padding:var(--space-8)0}.error-code{font-size:120px;font-family:var(--font-mono);color:var(--text-tertiary);margin:0;line-height:1}.error-message{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--error);margin:var(--space-4)0}.error-stack{text-align:left;display:inline-block;font-size:var(--text-sm);color:var(--text-tertiary)}.contact-form{margin-top:var(--space-6)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.form-group input,.form-group textarea{width:100%;padding:0 var(--space-2);height:var(--density-row-height);font-family:var(--font-mono);font-size:var(--text-base);color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius-sm);transition:border-color var(--duration-fast)var(--easing)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--text-secondary);border-width:2px;padding:0 calc(var(--space-2) - 1px)}.form-group textarea{resize:vertical;min-height:150px;height:auto;padding:var(--space-2)}.form-group textarea:focus{padding:calc(var(--space-2) - 1px)}.cf-turnstile{margin-bottom:var(--space-4)}.form-submit{appearance:none;-webkit-appearance:none;background:0 0;cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;padding:var(--space-2)var(--space-3);border:1px solid var(--border);border-radius:var(--border-radius-sm);transition:all var(--duration-fast)var(--easing)}.form-submit:hover{color:var(--text-primary);border-color:var(--border-strong)}.form-status{margin-top:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary)}.form-status--success{color:var(--success)}.form-status--error{color:var(--error)}