:root{--bg:#0b0d0c;--surface:#151a17;--text:#e6ece7;--muted:#9aa7a0;--accent:#a8c9a3;--link:#8fc8e8;--rule:#26302a;--radius:12px;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}body{margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--link)}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap{max-width:860px;margin:0 auto;padding:0 20px}header.site,footer.site{border-bottom:1px solid var(--rule)}footer.site{border-bottom:0;border-top:1px solid var(--rule);color:var(--muted);margin-top:64px;font-size:14px}header.site .wrap,footer.site .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;padding-bottom:16px;display:flex}.brand{color:var(--accent);letter-spacing:.04em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:700;text-decoration:none}nav ul{flex-wrap:wrap;gap:16px;margin:0;padding:0;list-style:none;display:flex}nav a{color:var(--text);text-decoration:none}nav a[aria-current=page]{color:var(--accent)}h1,h2{font-family:ui-monospace,SF Mono,Menlo,monospace;line-height:1.25}h1{color:var(--accent);margin:40px 0 12px;font-size:2rem}h2{margin:36px 0 8px;font-size:1.25rem}.lead{color:var(--muted);font-size:1.15rem}.card{background:var(--surface);border-radius:var(--radius);align-items:center;gap:20px;padding:20px;display:flex}.card img{border-radius:8px;flex:none}.shots{flex-wrap:wrap;gap:16px;margin:24px 0;display:flex}.card h3{margin:0;font-family:ui-monospace,SF Mono,Menlo,monospace}.shots img{width:200px;height:auto;image-rendering:pixelated}.note{color:var(--muted)}.lang{font-size:14px}details{background:var(--surface);border-radius:var(--radius);margin:8px 0;padding:12px 16px}summary{cursor:pointer;font-weight:600}form.contact{gap:6px;max-width:560px;display:grid}form.contact label{margin-top:10px;font-weight:600}form.contact input,form.contact textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--muted);border-radius:8px;width:100%;padding:10px 12px}form.contact input:focus-visible,form.contact textarea:focus-visible,form.contact button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}form.contact .note{margin:0;font-size:15px}form.contact .cf-turnstile{margin-top:12px}form.contact button{font:inherit;color:var(--bg);background:var(--accent);cursor:pointer;border:0;border-radius:8px;justify-self:start;margin-top:12px;padding:10px 22px;font-weight:600}.honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}
