:root{color-scheme:light dark;--paper: #fafaf7;--paper-warm: #f3f0e8;--paper-card: #ffffff;--ink: #1a1a1a;--ink-soft: #4a4a4a;--ink-faint: #8a8a8a;--rule: #d6d3c9;--rule-soft: #e8e5dc;--accent: #9a3412;--yellow: #fff59d;--yellow-soft: #fff8d4;--shadow: rgba(26, 26, 26, .85);--on-yellow: #1a1a1a;--ins-bg: #d4efc9;--ins-fg: #2d5016;--del-bg: #f9d5d5;--del-fg: #6a1717;--serif: "Iowan Old Style", "Palatino Linotype", "Palatino", "Georgia", serif;--mono: ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;--max: 38rem;--max-post: 42rem}:root[data-theme=dark]{--paper: #17150f;--paper-warm: #26221a;--paper-card: #1c1a12;--ink: #ece7d7;--ink-soft: #aea99a;--ink-faint: #6c685d;--rule: #3a372d;--rule-soft: #2a2820;--accent: #e28b5a;--yellow: #ecc94b;--yellow-soft: #33290f;--shadow: rgba(0, 0, 0, .55);--ins-bg: #21361a;--ins-fg: #b5dba0;--del-bg: #3a1818;--del-fg: #e7a7a7}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #17150f;--paper-warm: #26221a;--paper-card: #1c1a12;--ink: #ece7d7;--ink-soft: #aea99a;--ink-faint: #6c685d;--rule: #3a372d;--rule-soft: #2a2820;--accent: #e28b5a;--yellow: #ecc94b;--yellow-soft: #33290f;--shadow: rgba(0, 0, 0, .55);--ins-bg: #21361a;--ins-fg: #b5dba0;--del-bg: #3a1818;--del-fg: #e7a7a7}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:18px}body{font-family:var(--serif);background:var(--paper);color:var(--ink);line-height:1.6;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit}::selection{background:var(--yellow);color:var(--on-yellow)}.wrap{max-width:var(--max);margin:0 auto;padding:4rem 1.5rem 6rem}.wrap-post{max-width:var(--max-post);margin:0 auto;padding:4rem 1.5rem 6rem}header.site{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4rem;font-size:.95rem;position:relative;padding-top:.5rem}header.site:before{content:"";position:absolute;top:-14px;left:calc(50% - 28px);width:56px;height:20px;background:var(--yellow);opacity:.72;transform:rotate(-2.5deg);box-shadow:0 1px 2px #00000014;pointer-events:none;z-index:0}header.site a.home{font-weight:600;color:var(--ink);text-decoration:none;font-variant:small-caps;letter-spacing:.05em;position:relative;z-index:1}header.site nav{display:flex;gap:1.5rem;position:relative;z-index:1}header.site nav a{color:var(--ink-soft);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s,color .15s;padding-bottom:1px}header.site nav a:hover,header.site nav a[aria-current=page]{border-bottom-color:var(--ink);color:var(--ink)}.lede{font-size:1.35rem;line-height:1.5;margin-bottom:1.25rem;color:var(--ink)}.lede .hi{background:var(--yellow);color:var(--on-yellow);padding:0 .25rem;display:inline-block;transform:rotate(-.8deg);box-decoration-break:clone;-webkit-box-decoration-break:clone}.now{font-family:var(--mono);font-size:.82rem;color:var(--ink-soft);margin-bottom:4rem;padding:.4rem .7rem .4rem .6rem;background:var(--paper-warm);border-left:2px solid var(--accent);display:inline-block;border-radius:0 3px 3px 0;max-width:100%}.now:before{content:"$ now — ";color:var(--accent);font-weight:600}section{margin-bottom:4rem}section:last-of-type{margin-bottom:0}h2.section-title{font-size:.85rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:1.5rem;font-family:var(--serif);display:flex;align-items:center;gap:.85rem}h2.section-title:after{content:"";flex:1;height:1px;background-image:repeating-linear-gradient(90deg,var(--ink-faint) 0 4px,transparent 4px 9px);opacity:.55}.post-list{list-style:none}.post-list li{padding:1rem 0;border-bottom:1px solid var(--rule-soft);display:grid;grid-template-columns:5rem 1fr;gap:1rem;align-items:baseline}.post-list li:last-child{border-bottom:0}.post-list .date{font-size:.85rem;color:var(--ink-faint);font-variant-numeric:tabular-nums;font-family:var(--mono)}.post-list a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule);padding-bottom:1px;transition:border-color .15s}.post-list a:hover{border-bottom-color:var(--ink)}.post-list .venue{font-family:var(--mono);font-size:.7rem;color:var(--ink-faint);margin-left:.6rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}a.featured-card{display:block;color:inherit;text-decoration:none;position:relative;margin:0 0 2rem}.featured{padding:1.75rem 2rem 1.9rem;background:var(--yellow-soft);border:1px solid var(--ink);box-shadow:4px 4px 0 var(--shadow);margin-bottom:1rem;transform:rotate(-.35deg);transition:transform .15s,box-shadow .15s;position:relative}a.featured-card:hover .featured{transform:rotate(-.35deg) translate(-1px,-1px);box-shadow:5px 5px 0 var(--shadow)}.featured:before{content:"★ featured";position:absolute;top:-11px;left:1.25rem;background:var(--ink);color:var(--yellow);font-family:var(--mono);font-size:.7rem;padding:2px 9px;letter-spacing:.08em}:root[data-theme=dark] .featured:before{background:var(--yellow);color:var(--on-yellow)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .featured:before{background:var(--yellow);color:var(--on-yellow)}}.featured .label{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.5rem;display:block}.featured h3{font-size:1.4rem;line-height:1.3;margin-bottom:.6rem;font-weight:600;color:var(--ink)}.featured p{color:var(--ink-soft);font-size:1rem;line-height:1.55}.project-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:.5rem}.project-card{background:var(--paper-card);border:1px solid var(--ink);padding:1.1rem 1.25rem;box-shadow:3px 3px 0 var(--shadow);text-decoration:none;color:inherit;display:block;transition:transform .12s,box-shadow .12s;position:relative}.project-card:nth-child(3n+1){transform:rotate(-.3deg)}.project-card:nth-child(3n+2){transform:rotate(.25deg)}.project-card:nth-child(3n){transform:rotate(-.15deg)}.project-card:hover{transform:translate(-1.5px,-1.5px) rotate(0);box-shadow:5px 5px 0 var(--shadow)}.project-card .row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.25rem}.project-card h3{font-size:1.15rem;font-weight:600;line-height:1.3}.project-card .year{font-family:var(--mono);font-size:.78rem;color:var(--ink-faint);flex-shrink:0}.project-card p{color:var(--ink-soft);font-size:.95rem;line-height:1.55;margin-bottom:.55rem}.project-card .meta-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem}.project-card .stack{font-family:var(--mono);font-size:.72rem;color:var(--ink-faint)}.tag{font-family:var(--mono);font-size:.68rem;padding:2px 7px;border-radius:999px;letter-spacing:.03em;border:1px solid var(--rule);background:var(--paper-warm);color:var(--ink-soft);text-transform:uppercase;white-space:nowrap}.tag.live{background:var(--yellow-soft);color:var(--ink);border-color:#e5c96a}.tag.archived{background:var(--paper-warm);color:var(--ink-faint)}.all-link{display:inline-block;margin-top:1.25rem;font-size:.9rem;color:var(--ink-faint);text-decoration:none;font-family:var(--mono)}.all-link:after{content:" →"}.all-link:hover{color:var(--ink)}footer.site{margin-top:6rem;padding-top:2rem;border-top:1px dashed var(--rule);display:flex;justify-content:space-between;font-family:var(--mono);font-size:.82rem;color:var(--ink-faint);gap:1rem;flex-wrap:wrap;align-items:baseline}footer.site .footer-actions{display:inline-flex;align-items:center;flex-wrap:wrap;gap:0 1rem}footer.site a{color:var(--ink-soft);text-decoration:none}footer.site a:hover{color:var(--on-yellow);background:var(--yellow);padding:0 4px}article.post{background:var(--paper-card);border:1px solid var(--ink);padding:3rem 2.75rem 3.5rem;box-shadow:6px 6px 0 var(--shadow);margin-bottom:2rem;position:relative}article.post:before{content:"";position:absolute;top:1.25rem;right:1.25rem;width:58px;height:58px;border:1.5px solid var(--accent);border-radius:50%;opacity:.25;background-image:repeating-linear-gradient(45deg,transparent 0 3px,var(--accent) 3px 4px);pointer-events:none}article.post h1{font-size:2rem;line-height:1.2;margin-bottom:.5rem;font-weight:500;max-width:calc(100% - 70px)}article.post .post-meta{color:var(--ink-faint);font-family:var(--mono);font-size:.82rem;margin-bottom:2.5rem;padding-bottom:1rem;border-bottom:1px dashed var(--rule);letter-spacing:.03em}article.post p{margin-bottom:1.25rem;line-height:1.65}article.post ul,article.post ol{margin:.5rem 0 1.25rem 1.5rem}article.post li{margin-bottom:.35rem}article.post h2{font-size:1.3rem;margin:2.5rem 0 1rem;font-weight:600}article.post h3{font-size:1.1rem;margin:2rem 0 .75rem;font-weight:600}article.post blockquote{border-left:2px solid var(--accent);background:var(--yellow-soft);padding:.75rem 1.25rem;color:var(--ink);font-style:italic;margin:1.5rem 0;font-size:1.08rem}article.post blockquote p:last-child{margin-bottom:0}article.post pre{background:var(--paper-warm);padding:1rem 1.25rem;border:1px solid var(--rule);overflow-x:auto;font-size:.85rem;margin:1.25rem 0;font-family:var(--mono);line-height:1.55;border-radius:3px}.astro-code,.astro-code span{color:var(--shiki-light);background-color:transparent}:root[data-theme=dark] .astro-code,:root[data-theme=dark] .astro-code span{color:var(--shiki-dark)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .astro-code,:root:not([data-theme=light]) .astro-code span{color:var(--shiki-dark)}}article.post code{font-family:var(--mono);font-size:.9em;background:var(--paper-warm);padding:1px 5px;border-radius:2px}article.post pre code{background:none;padding:0}article.post em{font-style:italic}article.post strong{font-weight:600}article.post hr{border:0;border-top:1px dashed var(--rule);margin:2.5rem 0}.post-footer{font-family:var(--mono);font-size:.85rem;color:var(--ink-faint);display:flex;justify-content:space-between;padding:1rem .5rem;gap:1rem;flex-wrap:wrap}.post-footer a{color:var(--ink-soft);text-decoration:none}.post-footer a:hover{color:var(--ink)}.demo{background:var(--paper-card);border:1px solid var(--ink);padding:1.25rem 1.25rem 1.1rem;margin:1rem 0 2rem;box-shadow:4px 4px 0 var(--shadow);position:relative}.demo:before{content:"▸ live demo";position:absolute;top:-10px;left:1rem;background:var(--accent);color:var(--paper);font-family:var(--mono);font-size:.7rem;padding:2px 8px;letter-spacing:.05em}.demo textarea,.demo input[type=text]{width:100%;font-family:var(--mono);font-size:.83rem;padding:.55rem .7rem;border:1px solid var(--rule);background:var(--paper);color:var(--ink);resize:vertical;min-height:78px;border-radius:2px}.demo input[type=text]{min-height:0}.demo textarea:focus,.demo input[type=text]:focus{outline:none;border-color:var(--accent);background:var(--paper-card)}.demo .cols{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.75rem}.demo .diff{font-family:var(--mono);font-size:.83rem;line-height:1.55;padding:.75rem .85rem;background:var(--paper-warm);min-height:56px;white-space:pre-wrap;word-wrap:break-word;border:1px dashed var(--rule)}.diff .ins{background:var(--ins-bg);color:var(--ins-fg);padding:1px 2px}.diff .del{background:var(--del-bg);color:var(--del-fg);padding:1px 2px;text-decoration:line-through}.demo canvas{width:100%;height:240px;background:#14140c;display:block;border:1px solid var(--rule);border-radius:2px}.demo-hint{font-family:var(--mono);font-size:.72rem;color:var(--ink-faint);margin-top:.55rem}.demo button{font-family:var(--mono);font-size:.78rem;padding:.35rem .75rem;background:var(--paper-warm);border:1px solid var(--ink);color:var(--ink);cursor:pointer;border-radius:2px;box-shadow:2px 2px 0 var(--shadow);transition:transform .08s,box-shadow .08s}.demo button:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--shadow)}.demo button:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--shadow)}.demo button[disabled]{opacity:.5;cursor:not-allowed;box-shadow:1px 1px 0 var(--shadow)}.demo .log{font-family:var(--mono);font-size:.76rem;line-height:1.55;padding:.75rem .85rem;background:#14140c;color:#f3f0e8;min-height:120px;max-height:280px;overflow-y:auto;border:1px solid var(--rule);border-radius:2px;white-space:pre-wrap;word-wrap:break-word}.demo .log .ts{color:#8a8670}.demo .log .ok{color:#a7d87a}.demo .log .err{color:#ec7979}.demo .log .evt{color:#f5c84b}.demo .race{display:grid;grid-template-columns:5rem 1fr 3.5rem;gap:.5rem;align-items:center;padding:.35rem 0;font-family:var(--mono);font-size:.78rem}.demo .race .bar-track{height:14px;background:var(--paper-warm);border:1px solid var(--rule);position:relative;overflow:hidden}.demo .race .bar-fill{position:absolute;top:0;left:0;height:100%;background:var(--accent);transition:width .1s linear}.demo .race.done .bar-fill{background:#6a8f2e}.demo .race .bar-time{text-align:right;color:var(--ink-soft);font-variant-numeric:tabular-nums}.demo .fake-dom{background:var(--paper-card);border:1px solid var(--rule);padding:1rem;border-radius:2px;font-family:system-ui,sans-serif;font-size:.9rem;min-height:140px;position:relative}.demo .fake-dom .f-label{font-size:.78rem;color:var(--ink-soft);margin-bottom:.25rem;display:block}.demo .fake-dom .f-input{border:1px solid var(--rule);padding:.4rem .55rem;border-radius:3px;width:100%;font-family:inherit;font-size:inherit;margin-bottom:.65rem}.demo .fake-dom .f-input.focused{border-color:var(--accent);box-shadow:0 0 0 2px var(--yellow-soft)}.demo .fake-dom .f-btn{background:var(--ink);color:var(--paper);border:0;padding:.4rem .85rem;border-radius:3px;font-family:inherit;font-size:.85rem;cursor:pointer;position:relative}.demo .fake-dom .f-btn.hovered{background:var(--accent)}.demo .fake-dom .f-cursor{position:absolute;width:14px;height:18px;pointer-events:none;z-index:10;transition:top .3s ease,left .3s ease}.demo .fake-dom .f-result{margin-top:.75rem;padding:.5rem .75rem;background:var(--paper-warm);border-radius:3px;font-family:var(--mono);font-size:.78rem;color:var(--ink-soft);min-height:1.5rem}.demo .fake-dom .f-result.pass{background:var(--ins-bg);color:var(--ins-fg)}.demo .fake-dom .f-result.fail{background:var(--del-bg);color:var(--del-fg)}ol.principles{list-style:none;counter-reset:p;margin:2rem 0}ol.principles li{counter-increment:p;padding:.9rem 0 .9rem 2.75rem;border-bottom:1px dashed var(--rule);position:relative;font-size:1rem;line-height:1.55}ol.principles li:before{content:counter(p,decimal-leading-zero);position:absolute;left:0;top:.9rem;font-family:var(--mono);font-size:.8rem;color:var(--accent);font-weight:600}kbd{background:var(--yellow);color:var(--on-yellow);padding:2px 8px;border:1px solid var(--ink);border-radius:3px;font-family:var(--mono);font-size:.85em;box-shadow:1px 1px 0 var(--shadow)}.kbd-hint{font-family:var(--mono);font-size:.82rem;color:var(--ink-soft);margin-top:1.25rem;display:inline-block}.theme-toggle{display:inline-flex;align-items:stretch;border:0;border-radius:4px;background:transparent;padding:0;gap:0;line-height:0;opacity:.72}.theme-toggle:hover,.theme-toggle:focus-within{opacity:1}.theme-toggle button{appearance:none;-webkit-appearance:none;background:transparent;border:0;padding:2px 4px;border-radius:3px;cursor:pointer;color:var(--ink-faint);display:inline-flex;align-items:center;justify-content:center;transition:background .12s,color .12s;font:inherit}.theme-toggle button:hover{color:var(--ink-soft)}.theme-toggle button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.theme-toggle button[aria-pressed=true]{background:var(--rule-soft);color:var(--ink-soft);box-shadow:none}.theme-toggle svg{width:12px;height:12px;display:block}@media(max-width:640px){html{font-size:17px}.wrap,.wrap-post{padding:2.5rem 1.25rem 4rem}header.site{flex-direction:column;gap:1rem;align-items:flex-start}header.site:before{left:0;top:-15px}.post-list li{grid-template-columns:1fr;gap:.2rem}.post-list .date{font-size:.8rem}article.post{padding:2rem 1.5rem 2.5rem}article.post:before{width:42px;height:42px}article.post h1{font-size:1.7rem;max-width:calc(100% - 55px)}.featured{padding:1.25rem 1.5rem 1.5rem}.featured h3{font-size:1.2rem}.demo .cols{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation-duration:1ms!important;transition-duration:1ms!important}.featured,.project-card{transform:none!important}}#copy-toast[data-astro-cid-4ededkxi]{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:var(--ink);color:var(--paper);padding:.55rem 1rem;border-radius:3px;font-family:var(--mono);font-size:.82rem;box-shadow:3px 3px 0 var(--shadow);z-index:100;opacity:0;transition:opacity .2s;pointer-events:none}#copy-toast[data-astro-cid-4ededkxi][data-show]{opacity:1}#copy-toast[data-astro-cid-4ededkxi] kbd[data-astro-cid-4ededkxi]{background:var(--yellow);color:var(--ink);padding:1px 6px;margin-left:.25rem;border:1px solid var(--paper);border-radius:2px;font-size:.82em}