*,*::before,*::after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:1.0625rem;line-height:1.7;color:#e2e8f0;background:#0a0a0f;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:'kern' 1, 'liga' 1;min-height:100vh;display:flex;flex-direction:column}.wrapper{max-width:700px;margin:0 auto;padding:0 2rem}h1,h2,h3,h4,h5,h6{font-family:"JetBrains Mono","Fira Code","Cascadia Code","SF Mono",monospace;font-weight:700;letter-spacing:-0.03em;color:#e2e8f0;line-height:1.25}h1{font-size:2.25rem;margin:0 0 0.6em}h2{font-size:1.5rem;margin:2.5em 0 0.6em}h3{font-size:1.2rem;margin:2em 0 0.5em}h4{font-size:1.05rem;margin:1.5em 0 0.5em}p{margin:0 0 1.4em}strong{font-weight:600;color:#e2e8f0}em{font-style:italic}a{color:#22d3ee;text-decoration:none;transition:color 0.15s ease, border-color 0.15s ease}a:hover{color:#51dcf2;text-decoration:underline;text-decoration-color:#0e7490;text-underline-offset:3px}ul,ol{margin:0 0 1.4em;padding-left:1.5em}ul li,ol li{margin-bottom:0.35em}ul li::marker,ol li::marker{color:#475569}blockquote{margin:1.5em 0;padding:1em 1.5em;border-left:3px solid #22d3ee;background:#111318;border-radius:0 6px 6px 0;color:#64748b}blockquote>:last-child{margin-bottom:0}blockquote p{color:#64748b}code{font-family:"JetBrains Mono","Fira Code","Cascadia Code","SF Mono",monospace;font-size:0.85em;background:#111318;color:#22d3ee;padding:0.15em 0.45em;border-radius:4px;border:1px solid #1e2028}pre{background:#111318;border:1px solid #1e2028;border-radius:8px;padding:1.25em 1.5em;overflow-x:auto;margin:1.5em 0}pre code{color:#e2e8f0;background:none;border:none;padding:0;font-size:0.85em;line-height:1.65}hr{border:none;border-top:1px solid #1e2028;margin:3em 0}img{max-width:100%;height:auto;border-radius:8px}.site-header{padding:1.5rem 0;border-bottom:1px solid #1e2028}.site-header .wrapper{display:flex;justify-content:space-between;align-items:center}.site-title{font-family:"JetBrains Mono","Fira Code","Cascadia Code","SF Mono",monospace;font-size:0.95rem;font-weight:500;color:#64748b;text-decoration:none;letter-spacing:-0.01em}.site-title:hover{color:#e2e8f0;text-decoration:none}.site-title .title-prompt{color:#22d3ee}.site-nav{display:flex;gap:1.75rem}.nav-link{font-family:"JetBrains Mono","Fira Code","Cascadia Code","SF Mono",monospace;font-size:0.875rem;font-weight:500;color:#475569;text-decoration:none;transition:color 0.15s ease;position:relative}.nav-link:hover{color:#22d3ee;text-decoration:none}.nav-link.active{color:#22d3ee}.nav-link.active::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:1px;background:#22d3ee}.site-content{flex:1;padding:0 0 4rem}.hero{padding:4rem 0 3rem;border-bottom:1px solid #1e2028}.hero-prompt{font-family:"JetBrains Mono","Fira Code","Cascadia Code","SF Mono",monospace;font-size:0.875rem;margin-bottom:1.5rem;color:#475569}.hero-prompt .prompt-user{color:#3fb950}.hero-prompt .prompt-sep{color:#475569}.hero-prompt .prompt-path{color:#22d3ee}.hero-prompt .prompt-dollar{color:#475569}.cursor-blink{color:#22d3ee;animation:blink 1s step-end infinite;margin-left:2px}@keyframes blink{0%, 100%{opacity:1}50%{opacity:0}}.hero-name{font-family:"JetBrains Mono","Fira Code","Cascadia Code","SF Mono",monospace;font-size:2.5rem;font-weight:700;letter-spacing:-0.04em;color:#e2e8f0;margin:0 0 0.5em;line-height:1.15}.hero-tagline{font-size:1.125rem;color:#64748b;line-height:1.65;max-width:520px;margin:0}.posts-section{padding-top:2.5rem}.section-heading{font-family:"JetBrains Mono","Fira Code","Cascadia Code","SF Mono",monospace;font-size:0.8rem;font-weight:500;text-transform:uppercase;letter-spacing:0.1em;color:#475569;margin:0 0 1.5em;display:flex;align-items:center;gap:0.75em;border:none}.section-heading .heading-dashes{color:#0e7490}.section-heading .heading-line{flex:1;height:1px;background:#1e2028}.post-list{list-style:none;margin:0;padding:0}.post-item{padding:1.5em 0;border-bottom:1px solid #1e2028;margin:0}.post-item:first-child{padding-top:0}.post-item:last-child{border-bottom:none}.post-date{font-family:"JetBrains Mono","Fira Code","Cascadia Code","SF Mono",monospace;font-size:0.8rem;color:#475569;letter-spacing:0.02em;display:block;margin-bottom:0.3em}.post-title{font-family:"JetBrains Mono","Fira Code","Cascadia Code","SF Mono",monospace;font-size:1.2rem;font-weight:600;margin:0 0 0.25em;line-height:1.35}.post-title a{color:#e2e8f0;text-decoration:none}.post-title a:hover{color:#22d3ee;text-decoration:none}.post-excerpt{font-size:0.95rem;color:#64748b;margin:0;line-height:1.55}.post{padding-top:2rem}.post-header{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #1e2028}.post-meta-top{display:flex;align-items:center;gap:1.5em;margin-bottom:1.25rem;font-family:"JetBrains Mono","Fira Code","Cascadia Code","SF Mono",monospace;font-size:0.8rem}.back-link{color:#475569;text-decoration:none;transition:color 0.15s ease}.back-link:hover{color:#22d3ee;text-decoration:none}.post-header .post-date{color:#475569;margin:0}.reading-time{color:#475569}.reading-time::before{content:'\00b7';margin-right:1.5em}.post-title{font-family:"JetBrains Mono","Fira Code","Cascadia Code","SF Mono",monospace;font-size:2rem;font-weight:700;letter-spacing:-0.035em;line-height:1.2;margin:0 0 0.5em;color:#e2e8f0}.post-description{font-size:1.1rem;color:#64748b;margin:0;line-height:1.55}.post-content details.expandable-template{margin:1.5em 0;border:1px solid #1e2028;border-radius:8px;overflow:hidden}.post-content details.expandable-template summary{padding:0.75em 1em;cursor:pointer;font-family:"JetBrains Mono","Fira Code","Cascadia Code","SF Mono",monospace;font-size:0.9rem;font-weight:500;color:#22d3ee;background:#111318;list-style:none}.post-content details.expandable-template summary::-webkit-details-marker{display:none}.post-content details.expandable-template summary:hover{color:#51dcf2}.post-content details.expandable-template .highlight{margin:0;border-radius:0;border:none;border-top:1px solid #1e2028}.post-content .diagram-figure{margin:2em 0;text-align:center;max-width:640px;margin-left:auto;margin-right:auto}.post-content .diagram-figure img{width:100%;height:auto;max-height:480px;object-fit:contain}.post-content .full-diagram-figure{margin:2em 0;text-align:center;max-width:100%;margin-left:auto;margin-right:auto}.post-content .full-diagram-figure img{width:100%;height:auto;max-height:700px;object-fit:contain}.post-content h2{padding-bottom:0.4em;border-bottom:1px solid #1e2028}.post-content h3{color:#e2e8f0}.post-content h3 code{font-size:0.9em}.page{padding-top:2rem}.page-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #1e2028}.page-heading{font-family:"JetBrains Mono","Fira Code","Cascadia Code","SF Mono",monospace;font-size:2rem;font-weight:700;letter-spacing:-0.035em;margin:0}.page-content h2{padding-bottom:0.4em;border-bottom:1px solid #1e2028}.error-page{text-align:center;padding:6rem 0}.error-page h1{font-family:"JetBrains Mono","Fira Code","Cascadia Code","SF Mono",monospace;font-size:6rem;color:#282c36;margin:0 0 0.1em;line-height:1;letter-spacing:-0.05em}.error-page p{color:#64748b;font-size:1rem;margin:0 0 0.5em}.error-page a{font-family:"JetBrains Mono","Fira Code","Cascadia Code","SF Mono",monospace;font-weight:500;font-size:0.9rem}.site-footer{border-top:1px solid #1e2028;padding:2rem 0;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-left{font-family:"JetBrains Mono","Fira Code","Cascadia Code","SF Mono",monospace;font-size:0.8rem;color:#475569}.footer-left .footer-prompt{color:#0e7490}.footer-links{display:flex;gap:1.5rem}.footer-link{font-family:"JetBrains Mono","Fira Code","Cascadia Code","SF Mono",monospace;font-size:0.8rem;color:#475569;text-decoration:none}.footer-link:hover{color:#22d3ee;text-decoration:none}::selection{background:#22d3ee;color:#0a0a0f}::-moz-selection{background:#22d3ee;color:#0a0a0f}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0f}::-webkit-scrollbar-thumb{background:#282c36;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}@media (max-width: 600px){.wrapper{padding:0 1.25rem}.hero{padding:2.5rem 0 2rem}.hero-name{font-size:1.75rem}.hero-tagline{font-size:1rem}.post-title{font-size:1.05rem}.post-header .post-title,.page-heading{font-size:1.5rem}.post-meta-top{flex-wrap:wrap;gap:0.75em}.site-header .wrapper{flex-direction:row}.footer-content{flex-direction:column;gap:1em;text-align:center}.error-page h1{font-size:4rem}}