:root{--ink:#102027;--muted:#546e7a;--slate:#37474f;--deep:#102027;--line:#cfd8dc;--paper:#f7f9fa;--sheet:#fff;--amber:#bf4f00;--on-dark:#fff;--on-dark-muted:#cfd8dc}@media (prefers-color-scheme:dark){:root{--ink:#eceff1;--muted:#b0bec5;--line:#37474f;--paper:#0e1416;--sheet:#1a2327;--amber:#ffb74d}}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--paper);color:var(--ink);margin:0;font:17px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--amber)}h1,h2{font-family:Georgia,Times New Roman,serif;line-height:1.2}.bar{background:var(--slate);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.bar a{color:var(--on-dark);text-decoration:none}.bar .brand{font:700 22px Georgia,serif}.bar nav{gap:18px;display:flex}.hero{background:var(--deep);color:var(--on-dark);padding:64px 16px 110px;position:relative;overflow:hidden}.hero h1{max-width:880px;margin:0 auto 16px;font-size:clamp(38px,8vw,72px);position:relative}.hero p{max-width:880px;color:var(--on-dark-muted);margin:0 auto 10px;position:relative}.hero .status{color:#ffb74d}.staffband{opacity:.3;flex-direction:column;justify-content:space-between;height:56px;display:flex;position:absolute;bottom:22px;left:0;right:0}.staffband i{background:var(--on-dark);height:2px;display:block}.modes{max-width:912px;margin:0 auto;padding:32px 16px 0}.modes article{border-bottom:1px solid var(--line);padding:14px 0}.modes h2{margin:0 0 4px;font-size:24px}.modes p{color:var(--muted);margin:0}.plain{max-width:912px;margin:0 auto;padding:28px 16px}.plain h1{margin-top:0;font-size:40px}.plain h2{margin-top:30px;font-size:24px}.plain h2 small{color:var(--amber);font:600 13px ui-monospace,monospace}.plain .status{color:var(--muted)}.plain code{overflow-wrap:anywhere}.copy{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:var(--sheet);border:1px solid var(--line);border-radius:4px;padding:14px}.gallery{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;max-width:912px;margin:0 auto;padding:8px 16px 40px;display:grid}.gallery img{border:1px solid var(--line);border-radius:4px;width:100%;height:auto}.foot{border-top:1px solid var(--line);color:var(--muted);padding:20px 16px;font-size:14px}.foot p{max-width:912px;margin:0 auto 4px}