*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow-x:hidden}a{text-decoration:none}button{font:inherit;cursor:pointer;border:none}input{font:inherit;border:none;outline:none}@font-face{font-family:monaspace neon;src:url(../fonts/Monaspace%20Neon%20Var.woff2)format('woff2');font-weight:200 800;font-style:oblique 0 11deg;font-stretch:100% 125%;font-display:swap}@font-face{font-family:monaspace argon;src:url(../fonts/Monaspace%20Argon%20Var.woff2)format('woff2');font-weight:200 800;font-style:oblique 0 11deg;font-stretch:100% 125%;font-display:swap}@font-face{font-family:monaspace xenon;src:url(../fonts/Monaspace%20Xenon%20Var.woff2)format('woff2');font-weight:200 800;font-style:oblique 0 11deg;font-stretch:100% 125%;font-display:swap}@font-face{font-family:monaspace radon;src:url(../fonts/Monaspace%20Radon%20Var.woff2)format('woff2');font-weight:200 800;font-style:oblique 0 11deg;font-stretch:100% 125%;font-display:swap}@font-face{font-family:monaspace krypton;src:url(../fonts/Monaspace%20Krypton%20Var.woff2)format('woff2');font-weight:200 800;font-style:oblique 0 11deg;font-stretch:100% 125%;font-display:swap}@font-face{font-family:monaspace neon;src:url(../fonts/MonaspaceNeonNF-Regular.woff2)format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+E000-F8FF,U+F????}@font-face{font-family:monaspace argon;src:url(../fonts/MonaspaceArgonNF-Regular.woff2)format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+E000-F8FF,U+F????}@font-face{font-family:monaspace krypton;src:url(../fonts/MonaspaceKryptonNF-Regular.woff2)format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+E000-F8FF,U+F????}@font-face{font-family:monaspace radon;src:url(../fonts/MonaspaceRadonNF-Regular.woff2)format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+E000-F8FF,U+F????}@font-face{font-family:monaspace xenon;src:url(../fonts/MonaspaceXenonNF-Regular.woff2)format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+E000-F8FF,U+F????}.font-neon{font-family:monaspace neon,monospace}.font-argon{font-family:monaspace argon,monospace}.font-xenon{font-family:monaspace xenon,monospace}.font-radon{font-family:monaspace radon,monospace}.font-krypton{font-family:monaspace krypton,monospace}.nf-icon{font-style:normal;font-weight:400;font-size:1.1em;line-height:1;display:inline-block;vertical-align:-.15em}:root{--bg-primary:#fcfcfc;--bg-secondary:#f8f9fa;--bg-tertiary:#fafafa;--text-primary:#5c6166;--text-secondary:#828e9f;--text-muted:#adaeb1;--mermaid-node-text:#2a2e38;--accent-primary:#f29718;--accent-hover:#e08614;--text-on-accent:#ffffff;--border-color:#e8e8e8;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--syntax-tag:#55b4d4;--syntax-func:#f2a300;--syntax-entity:#399ee6;--syntax-string:#86b300;--syntax-regexp:#4cbf99;--syntax-markup:#f07171;--syntax-keyword:#ff7e33;--syntax-special:#d9b077;--syntax-comment:#787b80;--syntax-constant:#a37acc;--syntax-operator:#ed9366;--logo-prompt:#95e6cb;--board-bg:#e8e8e8;--board-border:#d8d8d8;--tile-bg:#d0d0d0;--tile-face:#e0e0e0;--tile-text:#5c6166;--tile-seam:rgba(0, 0, 0, 0.15);--tile-highlight:rgba(255, 255, 255, 0.4);--scramble-1:#55b4d4;--scramble-2:#86b300;--scramble-3:#a37acc;--scramble-4:#f07171;--scramble-5:#f29718;--scramble-6:#399ee6;--accent-bar-1:#4cbf99;--accent-bar-2:#fa8532;--accent-bar-3:#a37acc;--accent-bar-4:#55b4d4;--accent-bar-5:#86b300;--accent-violet:#a37acc;--step--2:clamp(0.69rem, 0.65rem + 0.2vw, 0.8rem);--step--1:clamp(0.83rem, 0.77rem + 0.32vw, 1rem);--step-0:clamp(1rem, 0.9rem + 0.49vw, 1.25rem);--step-1:clamp(1.2rem, 1.05rem + 0.73vw, 1.56rem);--step-2:clamp(1.44rem, 1.23rem + 1.05vw, 1.95rem);--step-3:clamp(1.73rem, 1.43rem + 1.48vw, 2.44rem);--step-4:clamp(2.07rem, 1.66rem + 2.04vw, 3.05rem);--step-5:clamp(2.49rem, 1.93rem + 2.78vw, 3.81rem);--space-3xs:clamp(0.25rem, 0.23rem + 0.11vw, 0.31rem);--space-2xs:clamp(0.5rem, 0.46rem + 0.22vw, 0.63rem);--space-xs:clamp(0.75rem, 0.68rem + 0.33vw, 0.94rem);--space-s:clamp(1rem, 0.91rem + 0.43vw, 1.25rem);--space-m:clamp(1.5rem, 1.37rem + 0.65vw, 1.88rem);--space-l:clamp(2rem, 1.83rem + 0.87vw, 2.5rem);--space-xl:clamp(3rem, 2.74rem + 1.3vw, 3.75rem);--space-2xl:clamp(4rem, 3.65rem + 1.74vw, 5rem);--spacing-sm:var(--space-2xs);--spacing-md:var(--space-s);--spacing-lg:var(--space-l);--spacing-xl:var(--space-xl);--header-height:clamp(56px, 7vw, 80px);color-scheme:light;--font-logo:'Monaspace Krypton', monospace;--font-heading:'Monaspace Neon', monospace;--font-body:'Monaspace Argon', monospace;--font-ui:'Monaspace Neon', monospace;--font-code:'Monaspace Xenon', monospace;--font-handwriting:'Monaspace Radon', monospace;--font-display:'Monaspace Krypton', monospace}:root[data-theme=mirage]{--bg-primary:#242936;--bg-secondary:#1f2430;--bg-tertiary:#282e3b;--text-primary:#cccac2;--text-secondary:#707a8c;--text-muted:#6e7c8f;--accent-primary:#ffcc66;--accent-hover:#e6b84d;--text-on-accent:#1f2430;--border-color:#2b3040;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.3);--syntax-tag:#5ccfe6;--syntax-func:#ffd173;--syntax-entity:#73d0ff;--syntax-string:#d5ff80;--syntax-regexp:#95e6cb;--syntax-markup:#f28779;--syntax-keyword:#ffad66;--syntax-special:#ffdfb3;--syntax-comment:#b8cfe6;--syntax-constant:#dfbfff;--syntax-operator:#f29e74;--logo-prompt:#95e6cb;--board-bg:#2a3040;--board-border:#2b3040;--tile-bg:#1c212c;--tile-face:#2d3345;--tile-text:#cccac2;--tile-seam:rgba(0, 0, 0, 0.4);--tile-highlight:rgba(255, 255, 255, 0.08);--scramble-1:#5ccfe6;--scramble-2:#d5ff80;--scramble-3:#dfbfff;--scramble-4:#f28779;--scramble-5:#ffcc66;--scramble-6:#73d0ff;--accent-bar-1:#95e6cb;--accent-bar-2:#ffa659;--accent-bar-3:#dfbfff;--accent-bar-4:#5ccfe6;--accent-bar-5:#d5ff80;--accent-violet:#dfbfff;color-scheme:dark}:root[data-theme=dark]{--bg-primary:#0d1017;--bg-secondary:#0b0e14;--bg-tertiary:#141821;--text-primary:#bfbdb6;--text-secondary:#5a6378;--text-muted:#565b66;--accent-primary:#e6b450;--accent-hover:#cc9f3d;--text-on-accent:#0b0e14;--border-color:#1b1f29;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.5);--syntax-tag:#39bae6;--syntax-func:#ffb454;--syntax-entity:#59c2ff;--syntax-string:#aad94c;--syntax-regexp:#95e6cb;--syntax-markup:#f07178;--syntax-keyword:#ff8f40;--syntax-special:#e6c08a;--syntax-comment:#99adbf;--syntax-constant:#d2a6ff;--syntax-operator:#f29668;--logo-prompt:#95e6cb;--board-bg:#171b24;--board-border:#1f242d;--tile-bg:#11151d;--tile-face:#1e232c;--tile-text:#bfbdb6;--tile-seam:rgba(0, 0, 0, 0.5);--tile-highlight:rgba(255, 255, 255, 0.05);--scramble-1:#39bae6;--scramble-2:#aad94c;--scramble-3:#d2a6ff;--scramble-4:#f07178;--scramble-5:#e6b450;--scramble-6:#59c2ff;--accent-bar-1:#95e6cb;--accent-bar-2:#ff8f40;--accent-bar-3:#d2a6ff;--accent-bar-4:#39bae6;--accent-bar-5:#aad94c;--accent-violet:#d2a6ff;color-scheme:dark}html{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;font-size:16px;font-variant-ligatures:contextual;font-feature-settings:"calt" 1,"liga" 1,"cv01" 1,"cv02" 1;transition:background-color .3s ease,color .3s ease}body{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.15;margin-bottom:var(--spacing-sm);letter-spacing:-.01em}h1{font-size:var(--step-4);margin-top:0;margin-bottom:var(--spacing-lg)}h2{font-size:var(--step-3);margin-top:var(--spacing-xl)}h3{font-size:var(--step-2);line-height:1.2;margin-top:var(--spacing-lg)}h4{font-size:var(--step-1);font-weight:600;line-height:1.25;letter-spacing:0;margin-top:var(--spacing-lg)}h5{font-size:var(--step-0);font-weight:600;line-height:1.3;letter-spacing:.01em;margin-top:var(--spacing-md)}h6{font-size:var(--step--1);font-weight:600;line-height:1.4;letter-spacing:.02em;margin-top:var(--spacing-md)}h2+h3{margin-top:var(--spacing-md)}h3+h4{margin-top:var(--spacing-md)}h4+h5{margin-top:var(--spacing-sm)}h5+h6{margin-top:var(--spacing-sm)}.markdown-content>h2:first-child,.markdown-content>h3:first-child,.markdown-content>h4:first-child{margin-top:0}p{color:var(--text-secondary);font-size:var(--step-0);line-height:1.8;margin-bottom:var(--spacing-md)}ul,ol{font-size:var(--step-0);line-height:1.8;color:var(--text-secondary)}a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}a:active{color:var(--accent-hover)}.markdown-content a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}.markdown-content a:hover{color:var(--accent-hover)}.markdown-content a:visited{color:var(--accent-primary)}blockquote,.emphasis{font-family:var(--font-handwriting);font-style:italic;font-size:var(--step-1);color:var(--text-secondary);border-left:3px solid var(--accent-primary);padding-left:var(--spacing-md);margin:var(--spacing-md)0}code,pre,kbd,samp{font-family:var(--font-code);font-feature-settings:"calt" 1,"liga" 1,"ss01" 1,"ss02" 1,"ss03" 1,"ss04" 1,"ss06" 1,"ss07" 1,"ss08" 1,"ss09" 1}pre{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:var(--spacing-md);overflow-x:auto;font-size:.9rem;line-height:1.6}code{font-size:.9em}:not(pre)>code{background-color:var(--bg-secondary);padding:.15em .4em;border-radius:4px;font-size:.875em}.container{width:min(100% - 2 * var(--space-m),1200px);margin-inline:auto}.container-wide{position:relative;width:min(100% - 2 * var(--space-s),1600px);margin-inline:auto;min-height:70vh;min-height:70dvh;display:flex;align-items:center;justify-content:center;overflow:hidden}.site-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-primary);position:sticky;top:0;z-index:100;transition:background-color .3s ease,border-color .3s ease}.header-inner{display:flex;justify-content:space-between;align-items:center;height:var(--header-height);position:relative}.logo a{font-family:var(--font-logo);font-size:var(--step-1);font-weight:700;color:var(--text-primary);text-decoration:none;letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}.logo a:hover{color:var(--text-primary)}.logo a::before{content:'>';color:var(--logo-prompt)}.nav-links{display:flex;gap:var(--spacing-lg);align-items:center;margin-right:160px}.nav-links a{color:var(--text-secondary);font-weight:500;font-size:var(--step--1);font-family:var(--font-ui)}.nav-links a:hover{color:var(--text-primary);text-decoration:none}.nf-icon{display:inline-block;line-height:1;transform:translateY(-.1em)}.nav-links a:nth-of-type(1) i,.nav-links a:nth-of-type(1) .nf-icon{color:var(--syntax-entity)}.nav-links a:nth-of-type(2) i,.nav-links a:nth-of-type(2) .nf-icon{color:var(--syntax-constant)}.nav-links a:nth-of-type(3) i,.nav-links a:nth-of-type(3) .nf-icon{color:var(--syntax-markup)}.nav-links a:nth-of-type(4) i,.nav-links a:nth-of-type(4) .nf-icon{color:var(--syntax-string)}.theme-switcher{position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:10000;display:flex;gap:2px;padding:4px;background:color-mix(in srgb,var(--bg-secondary) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:9999px;transition:background-color .3s ease,border-color .3s ease}.theme-indicator{position:absolute;top:4px;left:4px;width:36px;height:36px;background-color:var(--accent-primary);border-radius:9999px;transition:transform .2s ease;pointer-events:none}.theme-switcher button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:9999px;background:0 0;color:var(--text-muted);cursor:pointer;transition:color .15s ease,transform .15s ease}.theme-switcher button .nf-icon{font-size:18px;transform:none}.theme-switcher button:hover{color:var(--text-primary)}.theme-switcher button.active{color:var(--bg-primary)}.theme-switcher button:active{transform:scale(.95)}.hero{padding:var(--spacing-xl)0;display:flex;flex-direction:column;justify-content:center;min-height:70vh}.hero-tag{font-family:var(--font-ui);font-size:var(--step--1);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-md);display:inline-block}.hero h1{font-size:clamp(1.375rem,.5rem + 5vw,4rem);max-width:800px;margin-bottom:var(--spacing-lg)}.hero p{font-size:var(--step-1);margin-bottom:var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:6px;font-family:var(--font-ui);font-weight:600;font-size:var(--step--1);text-decoration:none;transition:all .2s ease;cursor:pointer}.btn-primary{background-color:var(--accent-primary);color:var(--text-on-accent);border:1px solid var(--accent-primary)}.btn-primary:hover{background-color:var(--accent-hover);color:var(--text-on-accent);text-decoration:none;transform:translateY(-1px)}.btn-secondary{background-color:initial;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-secondary);color:var(--text-primary);text-decoration:none}.hero-actions{display:flex;gap:var(--spacing-md)}.site-footer{margin-top:auto;border-top:2px solid var(--accent-primary);padding:var(--spacing-xl)0 var(--spacing-lg);background-color:var(--bg-secondary);transition:background-color .3s ease,border-color .3s ease}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-brand{font-family:var(--font-logo);font-size:var(--step-0);font-weight:700;color:var(--text-primary);display:block;margin-bottom:var(--spacing-sm)}.footer-prompt{color:var(--logo-prompt)}.footer-tagline{font-size:var(--step--1);color:var(--text-muted);line-height:1.6;max-width:40ch}.footer-col-title{font-family:var(--font-ui);font-size:var(--step--2);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:var(--spacing-sm);padding-bottom:var(--space-3xs);border-bottom:1px solid var(--border-color)}.footer-nav{display:flex;flex-direction:column;gap:var(--space-2xs)}.footer-nav a{font-size:var(--step--1);color:var(--text-muted);font-family:var(--font-ui);transition:color .2s ease}.footer-nav a:hover{color:var(--accent-primary)}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.footer-legal{font-size:var(--step--2);font-family:var(--font-ui)}.footer-text{color:var(--text-muted);font-size:var(--step--2);font-family:var(--font-ui)}.footer-text a{color:var(--accent-primary)}.footer-text a:hover{color:var(--accent-hover)}.footer-link{color:var(--text-muted);font-size:var(--step--2);font-family:var(--font-ui);transition:color .2s ease}.footer-link:hover{color:var(--accent-primary)}.footer-separator{color:var(--text-muted);font-size:var(--step--2);user-select:none}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease forwards}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.content-container{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.content-body h1{font-size:var(--step-4);margin-bottom:var(--spacing-lg);color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm)}.markdown-content ul,.markdown-content ol{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}.markdown-content li{margin-bottom:var(--spacing-sm)}.markdown-content table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-lg);font-family:var(--font-ui);font-size:var(--step--1)}.markdown-content thead{border-bottom:2px solid var(--border-primary)}.markdown-content th{text-align:left;padding:var(--spacing-sm)var(--spacing-md);font-weight:700;color:var(--text-primary);white-space:nowrap}.markdown-content td{padding:var(--spacing-sm)var(--spacing-md);color:var(--text-secondary);border-bottom:1px solid var(--border-secondary);vertical-align:top}.markdown-content tbody tr:last-child td{border-bottom:none}.markdown-content tbody tr:hover{background:var(--bg-secondary)}.markdown-content img{max-width:100%;height:auto;display:block;margin:var(--spacing-lg)auto;border-radius:6px;border:1px solid var(--border-color)}.markdown-content figure{margin:var(--spacing-lg)0}.markdown-content figcaption{font-size:var(--step--1);text-align:center;color:var(--text-muted)}.list-none{list-style:none;padding:0;margin:0}.grid-2-col{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:var(--spacing-lg)}.gap-4{gap:1rem}.card{display:block;position:relative;text-decoration:none;color:inherit;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:var(--spacing-lg);transition:border-color .2s ease,background-color .2s ease;margin-bottom:var(--spacing-md)}.card:hover{border-color:var(--card-accent,var(--accent-primary));background-color:color-mix(in srgb,var(--card-accent,var(--accent-primary)) 6%,var(--bg-primary))}.card h3{display:flex;align-items:center;gap:var(--space-2xs);margin-top:.25rem;margin-bottom:.5rem;font-size:var(--step-1);color:var(--text-primary)}.card:hover h3{color:var(--card-accent,var(--accent-primary))}.card p{margin-bottom:0;color:var(--text-secondary)}.card i,.card svg{color:var(--card-accent,var(--accent-primary))}.card-link{display:block;text-decoration:none;color:inherit}.card-title-link,.card-title-link:hover{text-decoration:none;color:inherit}.card-title-link::after{content:'';position:absolute;inset:0;z-index:1}.text-sm{font-size:var(--step--1)}.category-heading{font-family:var(--font-ui);text-transform:uppercase;color:var(--text-primary);letter-spacing:.1em;font-size:var(--step--1);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);padding-bottom:.25rem}.blog-header{margin-bottom:var(--spacing-xl)}.blog-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-muted);margin-top:var(--spacing-sm)}.meta-separator{color:var(--text-muted)}.blog-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.blog-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag{display:inline-block;padding:.2rem .6rem;background-color:color-mix(in srgb,var(--syntax-markup) 10%,var(--bg-primary));border:1px solid color-mix(in srgb,var(--syntax-markup) 30%,transparent);border-radius:4px;font-family:var(--font-ui);font-size:var(--step--2);color:var(--text-secondary);transition:background-color .2s ease,border-color .2s ease}.tag:hover{background-color:color-mix(in srgb,var(--syntax-markup) 20%,var(--bg-primary));border-color:var(--syntax-markup);text-decoration:none;color:var(--text-primary)}.blog-card-meta{display:flex;align-items:center;gap:.3rem;font-family:var(--font-ui);font-size:var(--step--2);color:var(--text-muted);margin-bottom:.25rem}.card-meta-link{color:var(--accent-violet);text-decoration:none;position:relative;z-index:2;transition:color .2s ease}.card-meta-link:hover{color:var(--text-primary);text-decoration:none}.card-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3xs);margin-top:.25rem;margin-bottom:.5rem;position:relative;z-index:2}.card-tag .nf-icon{font-size:.85em;color:var(--text-muted)}.card-tag{font-family:var(--font-ui);font-size:var(--step--2);color:var(--text-muted);padding:.1rem .4rem;border:1px solid var(--border-color);border-radius:3px;text-decoration:none;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.card-tag:hover{color:var(--text-primary);border-color:var(--card-accent,var(--accent-primary));background-color:color-mix(in srgb,var(--card-accent,var(--accent-primary)) 8%,var(--bg-primary))}.card-excerpt{font-size:var(--step--1);color:var(--text-secondary);margin-top:.5rem;margin-bottom:0;line-height:1.6}.about-avatar{display:block;margin:0 auto var(--spacing-xl);text-align:center}.about-avatar img{width:clamp(100px,15vw,160px);height:clamp(100px,15vw,160px);border-radius:50%;object-fit:cover;border:2px solid var(--border-color);box-shadow:0 0 0 4px var(--bg-secondary),0 4px 24px rgba(0,0,0,.12)}.mermaid{display:flex;justify-content:center;overflow-x:auto;margin:var(--spacing-lg)0;padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;max-width:100%}.mermaid svg{height:auto;flex-shrink:0}.mermaid p,.mermaid span,.mermaid li{color:inherit}.mermaid .mindmap-node foreignobject div{color:var(--mermaid-node-text,#6c3b3b)}.callout{margin:var(--spacing-lg)0;border-radius:6px;border:1px solid transparent;overflow:hidden}.callout-header{display:flex;align-items:center;gap:.5rem;padding:.6rem var(--spacing-md);font-family:var(--font-ui);font-size:var(--step--1);font-weight:600}.callout-icon{font-size:1rem;line-height:1;flex-shrink:0}.callout-title{letter-spacing:.01em}.callout-body{padding:var(--spacing-sm)var(--spacing-md)var(--spacing-md);border-top:1px solid transparent}.callout-body p{margin-bottom:var(--spacing-sm);font-size:var(--step-0)}.callout-body p:last-child{margin-bottom:0}.callout-body>*:last-child{margin-bottom:0}.callout-info{background-color:color-mix(in srgb,var(--syntax-entity) 6%,var(--bg-primary));border-color:color-mix(in srgb,var(--syntax-entity) 30%,transparent);border-left:4px solid var(--syntax-entity)}.callout-info .callout-header{color:var(--syntax-entity);background-color:color-mix(in srgb,var(--syntax-entity) 10%,var(--bg-primary))}.callout-info .callout-body{border-top-color:color-mix(in srgb,var(--syntax-entity) 15%,transparent)}.callout-warning{background-color:color-mix(in srgb,var(--syntax-keyword) 6%,var(--bg-primary));border-color:color-mix(in srgb,var(--syntax-keyword) 30%,transparent);border-left:4px solid var(--syntax-keyword)}.callout-warning .callout-header{color:var(--syntax-keyword);background-color:color-mix(in srgb,var(--syntax-keyword) 10%,var(--bg-primary))}.callout-warning .callout-body{border-top-color:color-mix(in srgb,var(--syntax-keyword) 15%,transparent)}.callout-tip{background-color:color-mix(in srgb,var(--syntax-string) 6%,var(--bg-primary));border-color:color-mix(in srgb,var(--syntax-string) 30%,transparent);border-left:4px solid var(--syntax-string)}.callout-tip .callout-header{color:var(--syntax-string);background-color:color-mix(in srgb,var(--syntax-string) 10%,var(--bg-primary))}.callout-tip .callout-body{border-top-color:color-mix(in srgb,var(--syntax-string) 15%,transparent)}.callout-note{background-color:color-mix(in srgb,var(--syntax-comment) 6%,var(--bg-primary));border-color:color-mix(in srgb,var(--syntax-comment) 30%,transparent);border-left:4px solid var(--syntax-comment)}.callout-note .callout-header{color:var(--text-secondary);background-color:color-mix(in srgb,var(--syntax-comment) 10%,var(--bg-primary))}.callout-note .callout-body{border-top-color:color-mix(in srgb,var(--syntax-comment) 15%,transparent)}.tldr{position:relative;margin:0 0 var(--spacing-xl);padding:var(--spacing-md)var(--spacing-md)var(--spacing-md)calc(var(--spacing-md) + 3.5rem);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;border-left:4px solid var(--accent-primary)}.tldr-label{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);font-family:var(--font-ui);font-size:var(--step--2);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-primary);writing-mode:vertical-lr;text-orientation:mixed;transform:translateY(-50%)rotate(180deg)}.tldr-body{font-family:var(--font-body);font-size:var(--step-0);color:var(--text-secondary);line-height:1.7}.tldr-body p{margin-bottom:var(--spacing-sm);font-size:var(--step-0);line-height:1.7;color:var(--text-secondary)}.tldr-body p:last-child{margin-bottom:0}.toc{margin:0 0 var(--spacing-xl);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.toc-summary{display:flex;align-items:center;gap:.5rem;padding:.75rem var(--spacing-md);font-family:var(--font-ui);font-size:var(--step--1);font-weight:600;color:var(--text-primary);cursor:pointer;list-style:none;border-bottom:1px solid transparent;transition:background-color .15s ease,border-color .15s ease;user-select:none}.toc-summary::-webkit-details-marker{display:none}.toc-details[open] .toc-summary{border-bottom-color:var(--border-color);background-color:color-mix(in srgb,var(--accent-primary) 5%,var(--bg-secondary))}.toc-summary:hover{background-color:color-mix(in srgb,var(--accent-primary) 5%,var(--bg-secondary))}.toc-summary-icon{color:var(--accent-primary);font-size:var(--step--2)}.toc-content{padding:var(--spacing-sm)var(--spacing-md)}.toc-content nav#TableOfContents ul{list-style:none;padding:0;margin:0}.toc-content nav#TableOfContents>ul{padding:var(--spacing-sm)0}.toc-content nav#TableOfContents ul ul{padding-left:var(--spacing-md);margin-top:.25rem}.toc-content nav#TableOfContents li{margin-bottom:.25rem}.toc-content nav#TableOfContents a{display:block;font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-secondary);text-decoration:none;padding:.15rem .25rem;border-radius:3px;transition:color .15s ease,background-color .15s ease;line-height:1.4}.toc-content nav#TableOfContents a:hover{color:var(--accent-primary);background-color:color-mix(in srgb,var(--accent-primary) 8%,transparent);text-decoration:none}.highlight .chroma .gd{display:block;background-color:color-mix(in srgb,var(--syntax-markup) 12%,transparent);color:var(--syntax-markup);padding:0 var(--spacing-sm);margin:0 calc(-1 * var(--spacing-md));padding-left:var(--spacing-md)}.highlight .chroma .gi{display:block;background-color:color-mix(in srgb,var(--syntax-string) 12%,transparent);color:var(--syntax-string);padding:0 var(--spacing-sm);margin:0 calc(-1 * var(--spacing-md));padding-left:var(--spacing-md)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.nav-toggle{display:none;background:0 0;border:none;padding:var(--space-2xs);cursor:pointer;position:relative;width:36px;height:36px;align-items:center;justify-content:center}.nav-toggle-icon,.nav-toggle-icon::before,.nav-toggle-icon::after{display:block;width:20px;height:2px;background-color:var(--text-primary);transition:transform .2s ease,opacity .2s ease;position:absolute}.nav-toggle-icon::before{content:'';top:-6px}.nav-toggle-icon::after{content:'';top:6px}.nav-toggle[aria-expanded=true] .nav-toggle-icon{background-color:initial}.nav-toggle[aria-expanded=true] .nav-toggle-icon::before{top:0;transform:rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-icon::after{top:0;transform:rotate(-45deg)}.related-posts{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.related-posts h2{font-size:var(--step-1);margin-top:0;margin-bottom:var(--spacing-md)}.related-list{list-style:none;padding:0;margin:0}.related-list li{margin-bottom:var(--spacing-sm)}.related-list a{display:flex;justify-content:space-between;align-items:baseline;gap:var(--spacing-md);padding:var(--spacing-sm)0;border-bottom:1px solid var(--border-color)}.related-list .related-title{color:var(--text-primary);font-family:var(--font-heading);font-weight:600}.related-list time{color:var(--text-muted);font-size:var(--step--1);font-family:var(--font-ui);white-space:nowrap}.related-list a:hover .related-title{color:var(--accent-primary)}.archive-year{font-size:var(--step-2);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--text-primary)}.archive-list{list-style:none;padding:0;margin:0 0 var(--spacing-lg)}.archive-list li{display:flex;align-items:baseline;gap:var(--spacing-md);padding:var(--spacing-sm)0;border-bottom:1px solid var(--border-color)}.archive-list time{color:var(--text-muted);font-size:var(--step--1);font-family:var(--font-ui);white-space:nowrap;min-width:6ch}.archive-list a{color:var(--text-primary);font-family:var(--font-heading)}.archive-list a:hover{color:var(--accent-primary)}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.tag-with-count{display:inline-flex;align-items:center;gap:var(--space-3xs);padding:.3rem .8rem;font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:20px;text-decoration:none;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.tag-with-count:hover{color:var(--text-primary);border-color:var(--accent-primary);background-color:color-mix(in srgb,var(--accent-primary) 8%,var(--bg-primary));text-decoration:none}.tag-count{font-size:var(--step--2);color:var(--text-muted);font-family:var(--font-ui)}.featured-image{margin:0 0 var(--spacing-lg);border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.featured-image img{display:block;width:100%;height:auto}.card-image-left .card-link,.card-image-right .card-link{display:flex;align-items:flex-start;gap:var(--spacing-md)}.card-image-right .card-link{flex-direction:row-reverse}.card-image--side{flex-shrink:0;width:250px;height:auto;border-radius:6px;object-fit:contain}.card-image-left .card-text,.card-image-right .card-text{flex:1;min-width:0}.card-image--wide{display:block;width:100%;height:auto;border-radius:6px}.card-image-top .card-image--wide{margin-bottom:var(--spacing-sm)}.card-image-bottom .card-link{display:flex;flex-direction:column-reverse}.card-image-bottom .card-image--wide{margin-top:var(--spacing-sm)}@media(max-width:600px){.card-image-left .card-link,.card-image-right .card-link{flex-direction:column}.card-image--side{width:100%;height:auto}}.highlight pre{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:var(--spacing-md);overflow-x:auto;font-size:.9rem;line-height:1.6;font-family:var(--font-code);font-feature-settings:"calt" 1,"liga" 1,"ss01" 1,"ss02" 1,"ss03" 1,"ss04" 1,"ss06" 1,"ss07" 1,"ss08" 1,"ss09" 1}.chroma{color:var(--text-primary);background-color:var(--bg-secondary)}.chroma .err{color:var(--syntax-markup)}.chroma .lnt{color:var(--text-muted);margin-right:.8em;padding:0 .4em}.chroma .ln{color:var(--text-muted);margin-right:.8em;padding:0 .4em}.chroma .hl{background-color:color-mix(in srgb,var(--accent-primary) 10%,transparent);display:block}.chroma .k{color:var(--syntax-keyword)}.chroma .kc{color:var(--syntax-keyword)}.chroma .kd{color:var(--syntax-keyword)}.chroma .kn{color:var(--syntax-keyword)}.chroma .kp{color:var(--syntax-keyword)}.chroma .kr{color:var(--syntax-keyword)}.chroma .kt{color:var(--syntax-entity)}.chroma .n{color:var(--text-primary)}.chroma .na{color:var(--syntax-special)}.chroma .nb{color:var(--syntax-entity)}.chroma .nc{color:var(--syntax-entity)}.chroma .nd{color:var(--syntax-func)}.chroma .ne{color:var(--syntax-entity)}.chroma .nf{color:var(--syntax-func)}.chroma .ni{color:var(--syntax-special)}.chroma .nn{color:var(--syntax-entity)}.chroma .nt{color:var(--syntax-tag)}.chroma .nv{color:var(--text-primary)}.chroma .bp{color:var(--syntax-entity)}.chroma .fm{color:var(--syntax-func)}.chroma .vc{color:var(--text-primary)}.chroma .vg{color:var(--text-primary)}.chroma .vi{color:var(--text-primary)}.chroma .l{color:var(--syntax-constant)}.chroma .ld{color:var(--syntax-string)}.chroma .s{color:var(--syntax-string)}.chroma .sa{color:var(--syntax-string)}.chroma .sb{color:var(--syntax-string)}.chroma .sc{color:var(--syntax-string)}.chroma .dl{color:var(--syntax-string)}.chroma .sd{color:var(--syntax-comment)}.chroma .s2{color:var(--syntax-string)}.chroma .se{color:var(--syntax-regexp)}.chroma .sh{color:var(--syntax-string)}.chroma .si{color:var(--syntax-special)}.chroma .sx{color:var(--syntax-string)}.chroma .sr{color:var(--syntax-regexp)}.chroma .s1{color:var(--syntax-string)}.chroma .ss{color:var(--syntax-constant)}.chroma .m{color:var(--syntax-constant)}.chroma .mb{color:var(--syntax-constant)}.chroma .mf{color:var(--syntax-constant)}.chroma .mh{color:var(--syntax-constant)}.chroma .mi{color:var(--syntax-constant)}.chroma .il{color:var(--syntax-constant)}.chroma .mo{color:var(--syntax-constant)}.chroma .o{color:var(--syntax-operator)}.chroma .ow{color:var(--syntax-keyword)}.chroma .p{color:var(--text-primary)}.chroma .c{color:var(--syntax-comment);font-style:italic}.chroma .ch{color:var(--syntax-comment);font-style:italic}.chroma .cm{color:var(--syntax-comment);font-style:italic}.chroma .c1{color:var(--syntax-comment);font-style:italic}.chroma .cs{color:var(--syntax-comment);font-style:italic;font-weight:700}.chroma .cp{color:var(--syntax-special)}.chroma .cpf{color:var(--syntax-special)}.chroma .gd{color:var(--syntax-markup)}.chroma .gi{color:var(--syntax-string)}.chroma .ge{font-style:italic}.chroma .gs{font-weight:700}.chroma .gh{color:var(--syntax-entity);font-weight:700}.chroma .gu{color:var(--syntax-tag)}.chroma .gl{text-decoration:underline}.skip-to-content{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:var(--accent-primary);color:var(--bg-primary);padding:.75rem 1.5rem;border-radius:0 0 8px 8px;font-family:var(--font-ui);font-weight:600;font-size:.875rem;z-index:10001;transition:top .2s ease;text-decoration:none}.skip-to-content:focus{top:0}.heading-anchor{color:var(--text-muted);text-decoration:none;font-weight:400;margin-left:.25em;opacity:0;transition:opacity .2s ease}h1:hover .heading-anchor,h2:hover .heading-anchor,h3:hover .heading-anchor,h4:hover .heading-anchor{opacity:1}.heading-anchor:hover{color:var(--accent-primary)}@media(min-width:2000px){.board{--tile-size:65px;--tile-gap:5px;padding:36px 36px 48px}.page-frame{max-width:1600px}}@media(max-width:1200px){.board{--tile-size:clamp(32px, 4vw, 50px)}.page-frame{margin:16px}}@media(max-width:900px){.board{--tile-size:clamp(26px, 4.5vw, 40px);padding:20px 16px 32px;border-radius:12px}.page-frame{margin:12px;border-radius:12px}.header{padding:14px 20px}.hero{padding:36px 16px 28px}.accent-segment{width:12px;height:12px}}@media(max-width:768px){.nav-toggle{display:flex}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:var(--spacing-md);flex-direction:column;gap:var(--spacing-sm);z-index:99}.nav-links.open{display:flex}.nav-links a{padding:var(--spacing-sm)0;border-bottom:1px solid var(--border-color)}.nav-links a:last-child{border-bottom:none}.header-inner{position:relative}.nav-links{margin-right:0}.theme-switcher{position:static;top:auto;right:auto;left:auto;bottom:auto;transform:none;display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color);background:0 0;border-radius:0;border-left:none;border-right:none;border-bottom:none;backdrop-filter:none;-webkit-backdrop-filter:none}.theme-switcher .theme-indicator{display:none}.theme-switcher button{width:auto;height:auto;padding:var(--spacing-sm);font-size:var(--step-0)}.theme-switcher button .nf-icon{font-size:var(--step-1)}.theme-switcher button.active{color:var(--accent-primary)}}@media(max-width:600px){.board{--tile-size:clamp(18px, 4vw, 28px);--tile-gap:2px;padding:12px 8px 24px}.page-frame{margin:8px;border-radius:10px}.header{padding:10px 16px}.hero-cta{flex-direction:column;gap:8px;width:100%;padding:0 16px}.hero-cta input{width:100%;border-radius:8px}.hero-cta button{width:100%}.accent-bar{display:none}.keyboard-hint{display:none}}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}@media(max-width:600px){.tldr{padding-left:var(--spacing-md)}.tldr-label{position:static;transform:none;writing-mode:horizontal-tb;text-orientation:mixed;display:block;margin-bottom:.4rem;font-size:.7rem}.callout-header{font-size:.85rem}.callout-body{padding:var(--spacing-sm)}.toc-summary{font-size:.85rem;padding:.6rem var(--spacing-sm)}.toc-content{padding:var(--spacing-sm)}.mermaid{padding:var(--spacing-sm)}}:fullscreen .page-frame{max-width:none;margin:0;border-radius:0;min-height:100vh;box-shadow:none;background:var(--bg-secondary)}:fullscreen .header,:fullscreen .hero{display:none!important}:fullscreen .board-section{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}:fullscreen .board{border-radius:0;box-shadow:none;--tile-size:clamp(44px, 4vw, 70px)}