:root{--bg: #fafaf9;--fg: #1c1917;--muted: #78716c;--accent: #166534;--border: #e7e5e4;--card: #ffffff;--mono: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;--serif: "Lora", Georgia, "Times New Roman", serif;--sans: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif}html.dark{--bg: #0c0a09;--fg: #e7e5e4;--muted: #a8a29e;--accent: #4ade80;--border: #292524;--card: #1c1917}*{box-sizing:border-box}html{color-scheme:light}html.dark{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}main{max-width:53rem;width:min(53rem,100%);margin:0 auto;padding:0 1.25rem 5rem}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{text-decoration:none}h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.25}h1{font-size:1.9rem;margin:0 0 .35rem}h2{font-size:1.35rem;margin:3.2rem 0 1rem}h3{font-size:1.08rem;margin:1.6rem 0 .5rem}.muted{color:var(--muted)}.italic{font-style:italic}.meta{font-family:var(--mono);font-size:.78rem;color:var(--muted);letter-spacing:.01em}.site-head{max-width:53rem;width:min(53rem,100%);margin:0 auto;padding:1.25rem;display:flex;justify-content:space-between;align-items:baseline}.site-head .brand{font-family:var(--mono);font-size:.9rem;color:var(--fg);text-decoration:none}.site-head nav{display:flex;gap:1.1rem;align-items:baseline}.site-head nav a{font-family:var(--mono);font-size:.8rem;color:var(--muted);text-decoration:none}.site-head nav a:hover{color:var(--fg)}.theme-toggle{background:none;border:1px solid var(--border);border-radius:6px;color:var(--muted);font-family:var(--mono);font-size:.75rem;padding:.15rem .5rem;cursor:pointer}.theme-toggle:hover{color:var(--fg);border-color:var(--muted)}@media(max-width:640px){.site-head{padding:1rem}.site-head nav a{display:none}.site-head nav{gap:0}}.card{border:1px solid var(--border);border-radius:10px;background:var(--card);padding:1rem 1.15rem;margin:.9rem 0}.card:hover{border-color:var(--muted)}.card h3{margin:0 0 .3rem}figure{margin:1.4rem 0}figure img,figure video{width:100%;border-radius:10px;border:1px solid var(--border);display:block;background:#000}figcaption{font-family:var(--mono);font-size:.75rem;color:var(--muted);margin-top:.45rem}hr.sep{border:none;border-top:1px solid var(--border);margin:3rem 0}.feature{display:block;text-decoration:none;color:inherit;border:1px solid var(--border);border-radius:10px;background:var(--card);margin:.9rem 0;overflow:hidden}.feature:hover,.feature:active{border-color:var(--accent)}.feature-media img{width:100%;display:block;border:none;border-radius:0;aspect-ratio:2 / 1;object-fit:cover;background:var(--card)}.feature-body{padding:1rem 1.15rem}.feature-body h3{margin:0 0 .35rem;color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.feature:hover h3,.feature:active h3{text-decoration:none}.feature-body p{margin:0 0 .55rem;font-size:.95rem;line-height:1.6}.feature-body .meta{margin:0}.worklist{list-style:none;padding:0;margin:.4rem 0 0}.worklist a{display:flex;align-items:baseline;gap:.9rem;padding:.65rem .15rem;border-bottom:1px solid var(--border);text-decoration:none;color:inherit}.worklist a:hover,.worklist a:active{border-color:var(--accent)}.worklist .wt{font-family:var(--serif);font-size:1.02rem;line-height:1.35;color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.worklist a:hover .wt,.worklist a:active .wt{text-decoration:none}.worklist .ws{flex:1;text-align:right}@media(max-width:640px){.worklist .ws{display:none}}.built{margin:1.6rem 0 2rem;display:grid;gap:.55rem 2.5rem}@media(min-width:760px){.built{grid-template-columns:1fr 1fr}}.built div{border-left:2px solid var(--border);padding-left:.9rem}.built dt{font-family:var(--mono);font-size:.8rem;color:var(--accent);margin-bottom:.15rem}.built dd{margin:0;font-size:.92rem;line-height:1.55;max-width:60ch}.prose{max-width:none}.prose>*{max-width:68ch}.prose p{margin:1.05rem 0;line-height:1.75}.prose h2{font-size:1.18rem;margin:3rem 0 .4rem}.prose h2 .hnum{color:var(--muted);font-weight:400}.prose h3{font-size:1.02rem;margin:2.4rem 0 .3rem}.prose figure,.prose .snippet,.prose .diagram-wrap{max-width:100%;margin:1.9rem 0}figure.media .slot{display:none}figure.media.missing video,figure.media.missing img{display:none}figure.media.missing figcaption{display:none}figure.media.missing .slot{display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;aspect-ratio:16 / 9;text-align:center;padding:1.25rem;border:1.5px dashed var(--border);border-radius:10px;color:var(--muted);font-size:.9rem;line-height:1.5;max-width:68ch}.snippet{border:1px solid var(--border);border-radius:10px;overflow:hidden}.snippet-file{font-family:var(--mono);font-size:.74rem;color:var(--muted);padding:.5rem .9rem;border-bottom:1px solid var(--border);background:var(--card);overflow-wrap:anywhere}.snippet pre{margin:0;padding:.9rem;overflow-x:auto;font-size:.8rem;line-height:1.6}.snippet pre code{font-family:var(--mono)}.snippet-note{font-size:.84rem;color:var(--muted);line-height:1.6;padding:.65rem .9rem;border-top:1px solid var(--border)}.diagram-wrap{overflow-x:auto}.diagram-wrap svg{min-width:640px;width:100%;height:auto}::selection{background:var(--accent);color:var(--bg)}