:root{--acc-projects:#b9a4ff;--acc-thoughts:#e0a54d;--acc-writing:#ff5a5a;--bg:#000000;--window:#000000;--text:#d9d6e4;--muted:#8b8399;--seg:#171226;--seg-line:#2a2440;--accent:var(--acc-projects);--font-display:'Pixelify Sans',monospace;--font-ui:'Pixelify Sans',monospace;--font-body:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,'Liberation Mono',monospace;--median:clamp(2.75rem,5.5vw,5.5rem);--radius:16px;--col:720px}html[data-section=thoughts]{--accent:var(--acc-thoughts)}html[data-section=writing]{--accent:var(--acc-writing)}html[data-theme=light]{--bg:#ece3d1;--window:#ece3d1;--text:#3b3320;--muted:#8a7c55;--seg:#e0d4bb;--seg-line:#c9b990;--acc-projects:#1c1c1c;--acc-thoughts:#7a5a2e;--acc-writing:#c0392b}html:has(.theme-switch:checked){--bg:#ece3d1;--window:#ece3d1;--text:#3b3320;--muted:#8a7c55;--seg:#e0d4bb;--seg-line:#c9b990;--acc-projects:#1c1c1c;--acc-thoughts:#7a5a2e;--acc-writing:#c0392b}:root{--accent-border:color-mix(in srgb, var(--accent) 82%, #ffffff);--accent-glow:color-mix(in srgb, var(--accent) 42%, transparent);--accent-glow-hot:color-mix(in srgb, var(--accent) 30%, transparent)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.7;-webkit-font-smoothing:antialiased}.window{position:relative;background:var(--window);border:2px solid var(--accent-border);border-radius:var(--radius);box-shadow:inset 0 0 70px -12px var(--accent-glow),inset 0 0 26px -6px var(--accent-glow-hot),0 20px 45px -14px #000}.site-header{position:relative;z-index:3;max-width:1180px;margin:26px auto 0;padding:18px clamp(1.5rem,4vw,3rem);display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--accent-border);line-height:1.4;text-decoration:none}.site-nav{font-family:var(--font-ui);font-size:23px;display:flex;gap:1.5rem}.site-nav a{color:var(--muted);text-decoration:none;transition:color .12s}.site-nav a:hover,.site-nav a[aria-current]{color:var(--accent)}.theme-switch{position:absolute;opacity:0;pointer-events:none}.theme-toggle{font-family:var(--font-ui);font-size:21px;color:var(--muted);border:1.5px solid var(--muted);border-radius:8px;padding:.05rem .6rem;background:0 0;cursor:pointer;user-select:none}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.reading{max-width:1180px;margin:0 auto;padding:0 clamp(1rem,3vw,2rem)40vh;position:relative}.doily{position:absolute;top:-46px;left:0;right:0;height:340px;z-index:0;pointer-events:none;opacity:.5;background-image:repeating-linear-gradient(45deg,var(--accent) 0 1px,transparent 1px 9px),repeating-linear-gradient(-45deg,var(--accent) 0 1px,transparent 1px 9px);-webkit-mask-image:radial-gradient(120% 100% at 50% 0%,#000 0%,#000 30%,transparent 72%);mask-image:radial-gradient(120% 100% at 50% 0%,#000 0%,#000 30%,transparent 72%);image-rendering:pixelated}.article{position:relative;z-index:2;max-width:var(--col);margin:64px auto 0;padding:var(--median)}.article h1{font-family:var(--font-display);font-weight:700;font-size:clamp(19px,2.2vw,26px);line-height:1.5;color:color-mix(in srgb,var(--accent) 18%,var(--text));margin:.2rem 0 1.4rem}.kicker{font-family:var(--font-ui);font-size:22px;color:var(--accent);margin-bottom:.4rem;text-transform:lowercase}.article h2{font-family:var(--font-ui);font-weight:400;font-size:33px;color:color-mix(in srgb,var(--accent) 12%,var(--text));margin:2.6rem 0 .6rem;scroll-margin-top:2rem}.article h3{font-family:var(--font-ui);font-weight:400;font-size:26px;color:var(--text);margin:1.8rem 0 .5rem}.article p{margin:0 0 1.15rem}.article a{color:var(--accent);text-underline-offset:3px}.article img{max-width:100%;border-radius:10px}pre{font-family:var(--font-mono);font-size:13.5px;line-height:1.6;background:var(--window);border:1.5px solid var(--seg-line);border-radius:10px;padding:1rem 1.15rem;overflow-x:auto;box-shadow:inset 0 0 40px -18px var(--accent-glow)}code{font-family:var(--font-mono)}:not(pre)>code{color:var(--accent);font-size:.9em}.note{border:1.5px solid var(--accent-border);border-radius:10px;padding:1rem 1.2rem;margin:1.6rem 0;box-shadow:inset 0 0 45px -10px var(--accent-glow)}.note b{font-family:var(--font-ui);font-size:20px;color:var(--accent);font-weight:400}.console{position:sticky;top:38vh;float:left;margin-left:max(0px,calc((100% - var(--col))/2 - 190px));width:158px;font-family:var(--font-ui);color:var(--muted);border:1.5px solid var(--seg-line);border-radius:10px;padding:.5rem .6rem .6rem;z-index:2;background:var(--window);box-shadow:0 12px 30px -16px #000,inset 0 0 30px -14px var(--accent-glow)}.console .c-title{font-size:19px;color:var(--accent);letter-spacing:.03em}.console .c-row{font-size:20px;display:flex;justify-content:space-between;margin-top:.15rem}.console .c-row span:last-child{color:var(--text)}.bar{position:relative;height:12px;margin:.5rem 0 .35rem;background:var(--seg);border:1.5px solid var(--seg-line);border-radius:3px;overflow:hidden}.bar__fill{position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);background:var(--accent)}.bar::after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent 0 7px,var(--seg) 7px 9px);pointer-events:none}@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}.c-left{display:none}.js .c-left{display:inline}.js .c-read{display:none}.bar{display:none}@supports(animation-timeline:scroll()){.no-js .bar{display:block}.no-js .bar__fill{animation:fill linear both;animation-timeline:scroll(root block)}}.js .bar{display:block}.js .bar__fill{animation:none}.toc{position:fixed;right:clamp(1rem,3vw,2.5rem);top:50%;transform:translateY(-50%);z-index:4;font-family:var(--font-ui);font-size:20px;color:var(--muted);max-width:190px;opacity:.55;transition:opacity .18s}.toc:hover{opacity:1}.toc .toc-label{font-size:17px;color:color-mix(in srgb,var(--muted) 70%,transparent);letter-spacing:.08em;margin-bottom:.35rem}.toc #TableOfContents ul{list-style:none;margin:0;padding:0}.toc #TableOfContents li{margin:0}.toc a{display:block;color:var(--muted);text-decoration:none;padding:.12rem 0;line-height:1.25}.toc a:hover,.toc a[data-active]{color:var(--accent)}.toc a[data-active]::before{content:"› "}.landing{max-width:1180px;margin:0 auto;padding:40px clamp(1rem,3vw,2rem)30vh}.hero{padding:clamp(2.5rem,7vw,6rem);margin-bottom:2rem}.hero-title{font-family:var(--font-display);font-weight:700;font-size:clamp(22px,4vw,44px);line-height:1.4;color:var(--accent-border);margin:.3rem 0 0}.hero-body{margin-top:1.4rem;max-width:60ch}.feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.4rem}.feed-item[data-section=projects]{--accent:var(--acc-projects)}.feed-item[data-section=thoughts]{--accent:var(--acc-thoughts)}.feed-item[data-section=writing]{--accent:var(--acc-writing)}.feed-item{display:flex;flex-direction:column;gap:.35rem;padding:1.4rem 1.5rem;text-decoration:none;color:var(--text);min-height:130px;transition:transform .12s}.feed-item:hover{transform:translateY(-2px)}.feed-kicker{font-family:var(--font-ui);font-size:19px;color:var(--accent)}.feed-title{font-family:var(--font-ui);font-size:27px;line-height:1.15;color:var(--text)}.feed-date{font-family:var(--font-ui);font-size:16px;color:var(--muted);margin-top:auto}.dyn{max-width:1180px;margin:0 auto;padding:64px clamp(1rem,3vw,2rem)40vh;display:grid;grid-template-columns:minmax(280px,1fr)minmax(0,var(--col));gap:clamp(1.5rem,4vw,4rem);align-items:start}.dyn-aside{position:relative}.dyn-sticky{position:sticky;top:34vh}.dyn-title{font-family:var(--font-display);font-weight:700;font-size:clamp(18px,2vw,28px);line-height:1.5;color:var(--accent-border);margin:.3rem 0 0}.dyn-body{margin:0}.site-footer{max-width:1180px;margin:0 auto;padding:2rem clamp(1.5rem,4vw,3rem);display:flex;justify-content:space-between;font-family:var(--font-ui);font-size:19px;color:var(--muted)}.post-list{list-style:none;margin:1.5rem 0 0;padding:0}.post-list li{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--seg-line)}.post-list a{color:var(--text);text-decoration:none}.post-list a:hover{color:var(--accent)}.post-date{font-family:var(--font-ui);font-size:18px;color:var(--muted)}@media(max-width:1100px){.toc{display:none}.console{position:static;float:none;width:auto;margin:0 0 1.5rem}.dyn{grid-template-columns:1fr}.dyn-sticky{position:static}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}