*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--max-width:52rem;--gap:1.5rem;--bg:#0a0a0a;--bg-card:#0f0f0f;--bg-terminal:#050505;--text:#00ffff;--text-dim:#00aaaa;--text-muted:#006666;--accent:#ff00ff;--accent-hover:#ff66ff;--border:#00ffff;--border-dim:#004444;--code-bg:#0a0a0a;--tag-bg:#001a1a;--tag-text:#00ffff;--glow-color:rgba(0, 255, 255, 0.5);--glow-accent:rgba(255, 0, 255, 0.5);--scanline-color:rgba(0, 255, 255, 0.03)}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;background:repeating-linear-gradient( 0,transparent,transparent 2px,var(--scanline-color) 2px,var(--scanline-color) 4px )}@keyframes flicker{0%,100%{opacity:1}92%{opacity:1}93%{opacity:.95}94%{opacity:1}}@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}@keyframes glow-pulse{0%,100%{text-shadow:0 0 5px var(--glow-color),0 0 10px var(--glow-color)}50%{text-shadow:0 0 10px var(--glow-color),0 0 20px var(--glow-color),0 0 30px var(--glow-color)}}html{font-family:var(--font-mono);font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}body{min-height:100vh;display:flex;flex-direction:column;align-items:center;animation:flicker 5s infinite}a{color:var(--accent);text-decoration:none;text-shadow:0 0 5px var(--glow-accent);transition:all .2s ease}a:hover{color:var(--accent-hover);text-shadow:0 0 10px var(--glow-accent),0 0 20px var(--glow-accent);text-decoration:none}.terminal-window{border:1px solid var(--border-dim);background:var(--bg-terminal);margin:var(--gap)0}.terminal-titlebar{background:var(--border-dim);padding:.35rem .75rem;display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted)}.terminal-titlebar::before{content:"● ● ●";color:var(--text-muted);letter-spacing:.25rem}.terminal-content{padding:1rem}header{border-bottom:1px solid var(--border-dim);padding:.75rem 0;background:var(--bg);width:100%}nav{max-width:var(--max-width);margin:0 auto;padding:0 var(--gap);display:flex;align-items:center;justify-content:space-between}nav .logo{font-weight:700;font-size:1rem;color:var(--text);text-decoration:none;text-shadow:0 0 10px var(--glow-color)}nav .logo:hover{color:var(--accent);text-shadow:0 0 15px var(--glow-accent)}nav .logo::before{content:"> ";color:var(--text-dim)}nav ul{list-style:none;display:flex;gap:.25rem}nav ul li::before{content:"./";color:var(--text-muted)}nav ul a{color:var(--text-dim);font-size:.9rem;padding:.25rem .5rem}nav ul a:hover{color:var(--text);background:var(--border-dim);text-shadow:0 0 10px var(--glow-color)}.menu-toggle{display:none;background:0 0;border:1px solid var(--border-dim);font-size:1.25rem;color:var(--text);cursor:pointer;padding:.25rem .5rem}.menu-toggle:hover{background:var(--border-dim);border-color:var(--border)}main{max-width:var(--max-width);margin:0 auto;padding:2rem var(--gap);flex:1;width:100%}footer{border-top:1px solid var(--border-dim);padding:1rem 0;text-align:center;color:var(--text-muted);font-size:.8rem;width:100%}footer .cursor{animation:blink 1s infinite}.ascii-header{color:var(--text);font-size:.65rem;line-height:1.1;text-align:center;margin-bottom:1.5rem;text-shadow:0 0 10px var(--glow-color);animation:glow-pulse 4s ease-in-out infinite;overflow-x:auto;white-space:pre}.ascii-header-small{display:none;font-size:.45rem}.ascii-divider{color:var(--border-dim);text-align:center;margin:1.5rem 0;font-size:.75rem;overflow:hidden;text-overflow:clip}.ascii-gopher{color:var(--text-dim);font-size:.6rem;line-height:1.2;text-shadow:0 0 5px var(--glow-color);margin:1rem 0}.terminal-prompt{margin:1.5rem 0 .5rem;font-size:.9rem}.prompt-user{color:var(--accent)}.prompt-at{color:var(--text-muted)}.prompt-host{color:var(--text);text-shadow:0 0 5px var(--glow-color)}.prompt-colon,.prompt-path{color:var(--text-dim)}.prompt-dollar{color:var(--text)}.prompt-cmd{color:var(--text)}.terminal-output{padding-left:1rem;border-left:2px solid var(--border-dim);margin:.5rem 0 1.5rem}.hero{margin-bottom:2rem}.hero h1{font-size:1.25rem;margin-bottom:.5rem;color:var(--text);text-shadow:0 0 10px var(--glow-color)}.hero h1::before{content:"> ";color:var(--text-dim)}.hero p{font-size:.95rem;color:var(--text-dim)}.recent-posts h2{font-size:1rem;color:var(--text-muted);margin-bottom:.5rem;font-weight:400}.recent-posts h2::before{content:"# "}.post-card{padding:.5rem 0;border-bottom:none;font-size:.9rem}.post-card a{color:inherit;text-decoration:none;display:block}.post-card a:hover{background:var(--bg-card)}.post-card a:hover .post-title{color:var(--accent);text-shadow:0 0 10px var(--glow-accent)}.post-card .file-listing{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}.post-card .file-perms{color:var(--text-muted);font-size:.8rem}.post-card .file-date{color:var(--text-dim);font-size:.8rem;min-width:5rem}.post-card .post-title{color:var(--text);transition:all .2s}.post-card .post-description{color:var(--text-muted);font-size:.8rem;margin-top:.25rem;padding-left:1rem}.post-card .post-description::before{content:"# ";color:var(--text-muted)}.see-all{display:inline-block;margin-top:1rem;font-size:.85rem}.see-all::before{content:"> ";color:var(--text-dim)}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;padding-left:1rem}.tag{background:var(--tag-bg);color:var(--tag-text);font-size:.7rem;padding:.1rem .4rem;border:1px solid var(--border-dim)}.tag::before{content:"["}.tag::after{content:"]"}.blog-list h1{font-size:1rem;color:var(--text);margin-bottom:1rem;font-weight:400}.blog-list h1::before{content:"$ ls -la ./posts/\A";white-space:pre;color:var(--text-muted);display:block;margin-bottom:.5rem}.blog-list h1::after{content:""}.blog-post header{border-bottom:none;padding:0 0 1rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-dim)}.blog-post>header>h1{font-size:1.25rem;margin-bottom:.5rem;color:var(--text);text-shadow:0 0 10px var(--glow-color)}.blog-post>header>h1::before{content:"$ cat ";color:var(--text-muted)}.blog-post time{color:var(--text-muted);font-size:.8rem}.blog-post time::before{content:"# created: "}.blog-post .post-author{color:var(--text-muted);font-size:.8rem}.blog-post .post-author::before{content:"# author: "}.blog-post .post-coauthors{color:var(--text-muted);font-size:.8rem}.blog-post .post-coauthors::before{content:"# with: "}.blog-post .post-coauthors .coauthor:not(:last-child)::after{content:", "}.blog-post .post-reviewers{color:var(--text-muted);font-size:.8rem}.blog-post .post-reviewers::before{content:"# reviewed by: "}.blog-post .post-reviewers .reviewer:not(:last-child)::after{content:", "}.post-content{color:var(--text-dim)}.post-content h2{font-size:1.1rem;margin:2rem 0 .75rem;color:var(--text);text-shadow:0 0 5px var(--glow-color)}.post-content h2::before{content:"## ";color:var(--text-muted)}.post-content h3{font-size:1rem;margin:1.5rem 0 .5rem;color:var(--text)}.post-content h3::before{content:"### ";color:var(--text-muted)}.post-content p{margin-bottom:1rem}.post-content ul,.post-content ol{margin-bottom:1rem;padding-left:1.5rem}.post-content li{margin-bottom:.25rem}.post-content li::marker{color:var(--text-muted)}.post-content blockquote{border-left:2px solid var(--accent);padding-left:1rem;color:var(--text-muted);margin:1rem 0}.post-content blockquote::before{content:"> ";color:var(--accent)}.post-content img{max-width:100%;height:auto;border:1px solid var(--border-dim);margin:1rem 0}.post-nav{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-dim)}.post-nav a::before{content:"$ cd ";color:var(--text-muted)}.post-content code{font-family:var(--font-mono);font-size:.85em;background:var(--code-bg);color:var(--accent);padding:.15em .35em;border:1px solid var(--border-dim)}.post-content pre{background:var(--code-bg);border:1px solid var(--border-dim);padding:1rem;overflow-x:auto;margin-bottom:1.5rem;position:relative}.post-content pre::before{content:"───────────────────────────────────────────────────────────────";display:block;color:var(--border-dim);margin-bottom:.5rem;overflow:hidden}.post-content pre code{background:0 0;padding:0;font-size:.85rem;line-height:1.5;border:none;color:var(--text-dim)}.copy-btn{position:absolute;top:.5rem;right:.5rem;background:var(--bg);border:1px solid var(--border-dim);color:var(--text-muted);padding:.2rem .5rem;font-family:var(--font-mono);font-size:.7rem;cursor:pointer;opacity:0;transition:all .15s}.copy-btn:hover{border-color:var(--border);color:var(--text);background:var(--border-dim)}pre:hover .copy-btn{opacity:1}.projects h1{font-size:1rem;margin-bottom:1.5rem;color:var(--text);font-weight:400}.projects h1::before{content:"$ ls -la ./projects/\A";white-space:pre;color:var(--text-muted);display:block;margin-bottom:.5rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--gap)}.project-card{background:var(--bg-card);border:1px solid var(--border-dim);padding:1rem}.project-card:hover{border-color:var(--border)}.project-card h3{margin-bottom:.5rem;font-size:.95rem}.project-card h3::before{content:"> ";color:var(--text-dim)}.project-card p{color:var(--text-muted);font-size:.85rem;margin-bottom:.75rem}.repo-link{font-size:.8rem}.repo-link::before{content:"$ git clone ";color:var(--text-muted)}.about h1{font-size:1rem;margin-bottom:1rem;color:var(--text);font-weight:400}.about h1::before{content:"$ whoami\A";white-space:pre;color:var(--text-muted);display:block;margin-bottom:.5rem}.about h2{margin-top:2rem;margin-bottom:.5rem;font-size:.95rem;color:var(--text)}.about h2::before{content:"## ";color:var(--text-muted)}.about p{margin-bottom:1rem;color:var(--text-dim)}.about ul{list-style:none;padding:0}.about ul li{margin-bottom:.5rem}.about ul li::before{content:"├── ";color:var(--text-muted)}.about ul li:last-child::before{content:"└── "}.series-list h1{font-size:1rem;color:var(--text);margin-bottom:1rem;font-weight:400}.series-list h1::before{content:"$ ls -la ./posts/series/\A";white-space:pre;color:var(--text-muted);display:block;margin-bottom:.5rem}.series-card{padding:.5rem 0;font-size:.9rem}.series-card a{color:inherit;text-decoration:none;display:block}.series-card a:hover{background:var(--bg-card)}.series-card a:hover .post-title{color:var(--accent);text-shadow:0 0 10px var(--glow-accent)}.series-detail h1{font-size:1.1rem;margin-bottom:.5rem;color:var(--text);text-shadow:0 0 10px var(--glow-color);font-weight:400}.series-detail .series-prompt{color:var(--text-muted);display:block;margin-bottom:.5rem;font-size:1rem;font-weight:400}.series-description{color:var(--text-dim);font-size:.85rem;margin-bottom:1.5rem;padding-left:1rem;border-left:2px solid var(--border-dim)}.series-posts{margin-top:1rem}.series-nav{border:1px solid var(--border-dim);background:var(--bg-card);padding:.75rem 1rem;margin:1rem 0;font-size:.85rem}.series-nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.series-nav-header a{color:var(--accent);font-weight:700}.series-nav-pos{color:var(--text-muted);font-size:.8rem}.series-nav-links{display:flex;justify-content:space-between;gap:1rem}.series-nav-prev,.series-nav-next{color:var(--text-dim);font-size:.8rem;text-decoration:none}.series-nav-prev:hover,.series-nav-next:hover{color:var(--text);text-shadow:0 0 5px var(--glow-color)}.series-nav-next{margin-left:auto}.series-link{display:block;font-size:.8rem;margin-top:.5rem}.series-link::before{content:"$ head ";color:var(--text-muted)}.analytics h1{font-size:1rem;color:var(--text);margin-bottom:1rem;font-weight:400}.analytics .analytics-prompt{color:var(--text-muted);display:block;margin-bottom:.5rem;font-size:1rem}.analytics-controls{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.analytics-label{color:var(--text-muted);font-size:.8rem}.analytics-period-btn{background:var(--bg);border:1px solid var(--border-dim);color:var(--text-dim);font-family:var(--font-mono);font-size:.8rem;padding:.2rem .6rem;cursor:pointer;transition:all .15s}.analytics-period-btn:hover{border-color:var(--border);color:var(--text)}.analytics-period-btn.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 5px var(--glow-accent)}.analytics-loading{color:var(--text-muted);font-size:.85rem;padding:1rem 0}.analytics-loading::before{content:"> "}.analytics-empty{color:var(--text-muted);font-size:.85rem}.analytics-empty::before{content:"# "}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1rem 0}.stat-card{background:var(--bg-card);border:1px solid var(--border-dim);padding:.75rem 1rem}.stat-card:hover{border-color:var(--border)}.stat-label{color:var(--text-muted);font-size:.75rem;margin-bottom:.25rem}.stat-value{color:var(--text);font-size:1.25rem;text-shadow:0 0 5px var(--glow-color)}.analytics-table{width:100%;border-collapse:collapse;font-size:.8rem}.analytics-table th{text-align:left;color:var(--text-muted);font-weight:400;padding:.35rem .5rem;border-bottom:1px solid var(--border-dim)}.analytics-table th::before{content:"# "}.analytics-table td{padding:.35rem .5rem;color:var(--text-dim);border-bottom:1px solid rgba(0,68,68,.3)}.analytics-table tr:hover td{background:var(--bg-card);color:var(--text)}.analytics-path{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.traffic-row{display:flex;align-items:center;gap:.5rem;font-size:.8rem;padding:.15rem 0}.traffic-date{color:var(--text-muted);min-width:4rem;text-align:right}.traffic-bar{color:var(--accent);text-shadow:0 0 3px var(--glow-accent);white-space:nowrap;line-height:1}.traffic-count{color:var(--text-dim);font-size:.75rem;min-width:5rem}[x-cloak]{display:none!important}.acc-panel-wrapper{position:fixed;bottom:1.5rem;right:1.5rem;z-index:999}.acc-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--bg);border:1px solid var(--border-dim);color:var(--text-dim);font-family:var(--font-mono);font-size:.85rem;cursor:pointer;transition:all .2s;margin-left:auto}.acc-toggle:hover{border-color:var(--border);color:var(--text);box-shadow:0 0 8px var(--glow-color)}.acc-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.acc-panel{position:absolute;bottom:calc(100% + .5rem);right:0;width:260px;background:var(--bg-terminal);border:1px solid var(--border-dim);box-shadow:0 0 15px var(--glow-color),inset 0 0 5px rgba(0,0,0,.5)}.acc-enter{transition:opacity .15s ease,transform .15s ease}.acc-enter-start{opacity:0;transform:translateY(.5rem)}.acc-enter-end{opacity:1;transform:translateY(0)}.acc-leave{transition:opacity .1s ease,transform .1s ease}.acc-leave-start{opacity:1;transform:translateY(0)}.acc-leave-end{opacity:0;transform:translateY(.5rem)}.acc-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid var(--border-dim);font-size:.75rem;color:var(--text-muted)}.acc-close{background:0 0;border:none;color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;cursor:pointer;padding:0}.acc-close:hover{color:var(--text)}.acc-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.acc-section{padding:.5rem .75rem;border-bottom:1px solid var(--border-dim)}.acc-section-last{border-bottom:none}.acc-label{font-size:.7rem;color:var(--text-muted);margin-bottom:.35rem}.acc-label::before{content:"# "}.acc-font-controls{display:flex;align-items:center;gap:.5rem}.acc-font-value{font-size:.8rem;color:var(--text);min-width:3rem;text-align:center}.acc-btn{background:var(--bg);border:1px solid var(--border-dim);color:var(--text-dim);font-family:var(--font-mono);font-size:.8rem;padding:.15rem .5rem;cursor:pointer;transition:all .15s}.acc-btn:hover:not(:disabled){border-color:var(--border);color:var(--text)}.acc-btn:disabled{opacity:.3;cursor:not-allowed}.acc-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.acc-swatches{display:flex;gap:.4rem}.acc-swatch{width:1.75rem;height:1.75rem;border:2px solid var(--border-dim);cursor:pointer;transition:all .15s;padding:0}.acc-swatch:hover{transform:scale(1.15);border-color:var(--text-muted)}.acc-swatch.active{border-color:var(--text);box-shadow:0 0 6px var(--glow-color)}.acc-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.acc-reset{width:100%;background:var(--bg);border:1px solid var(--border-dim);color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;padding:.35rem .5rem;cursor:pointer;text-align:left;transition:all .15s}.acc-reset:hover{border-color:var(--border);color:var(--text);box-shadow:0 0 5px var(--glow-color)}.acc-reset:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.htmx-request #content{opacity:.6;transition:opacity .2s}.cursor{color:var(--text);animation:blink 1s infinite}::selection{background:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-dim);border:1px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:768px){.ascii-header{font-size:.45rem}}@media(max-width:640px){html{font-size:15px}.menu-toggle{display:block}nav ul{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border-dim);padding:1rem var(--gap);gap:.5rem;z-index:100}nav ul.open{display:flex}nav{position:relative}.hero h1{font-size:1rem}.project-grid{grid-template-columns:1fr}.ascii-header{display:none}.ascii-header-small{display:block;font-size:.35rem}.ascii-gopher{font-size:.5rem}.post-card .file-listing{flex-direction:column;gap:.25rem}.post-card .file-perms{display:none}.acc-panel-wrapper{bottom:1rem;right:1rem}.acc-panel{width:240px}}@media(max-width:480px){.ascii-header-small{display:none}}