:root{--bg:#0d1117;--panel:#161b22;--line:#2a313c;--text:#e6edf3;--muted:#8b949e;--accent:#58d68d;--accent2:#5dade2;--warn:#f4d03f}
*{box-sizing:border-box}html,body{margin:0}
body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.65}
a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:820px;margin:0 auto;padding:0 20px}
nav{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(13,17,23,.92);backdrop-filter:blur(6px);z-index:5}
nav .wrap{display:flex;align-items:center;gap:18px;height:56px;overflow-x:auto}
nav .brand{font-family:"JetBrains Mono",monospace;font-weight:600;color:var(--accent);margin-right:auto;white-space:nowrap}
nav a.link{font-family:"JetBrains Mono",monospace;font-size:14px;color:var(--muted);white-space:nowrap}
nav a.link:hover{color:var(--text);text-decoration:none}
nav a.link.on{color:var(--text)}nav a.link.on::before{content:"> ";color:var(--accent)}
header{padding:64px 0 32px}
.prompt{font-family:"JetBrains Mono",monospace;color:var(--muted);font-size:14px}
.prompt b{color:var(--accent);font-weight:600}
h1{font-size:clamp(36px,7vw,60px);margin:8px 0 6px;letter-spacing:-1px;line-height:1.15}
h1 .cursor{display:inline-block;width:.5ch;background:var(--accent);margin-left:4px;animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){h1 .cursor{animation:none}}
.tag{color:var(--muted);font-size:18px;max-width:580px;margin:0}
.links{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.btn{font-family:"JetBrains Mono",monospace;font-size:14px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:8px 14px;border-radius:8px}
.btn:hover{border-color:var(--accent);text-decoration:none}
h2{font-family:"JetBrains Mono",monospace;font-size:15px;color:var(--accent);font-weight:600;margin:44px 0 14px}
h2::before{content:"## ";color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}
.card h3{margin:0 0 6px;font-size:18px}.card p{margin:0;color:var(--muted);font-size:15px}
.card p+p{margin-top:10px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.chip{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 9px}
.status{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--accent)}.status.wip{color:var(--warn)}
.prose p{color:var(--text);max-width:640px}.prose .muted{color:var(--muted)}
.placeholder{border:1px dashed var(--line);border-radius:12px;padding:18px;color:var(--muted);font-size:15px}
table.specs{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:15px}
table.specs td{padding:9px 14px;border-top:1px solid var(--line);vertical-align:top}
table.specs tr:first-child td{border-top:0}
table.specs td:first-child{font-family:"JetBrains Mono",monospace;font-size:13px;color:var(--accent2);width:34%;white-space:nowrap}
.sub{color:var(--muted);font-size:15px;margin:-6px 0 14px}
footer{border-top:1px solid var(--line);margin-top:64px;padding:24px 0 40px;color:var(--muted);font-size:14px;display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between}