:root{--text:#1f2328;--text-muted:#57606a;--bg:#fff;--border:#d0d7de;--accent:#0969da;--accent-hover:#0550ae;--danger:#cf222e;color:var(--text);background:var(--bg);font:15px/1.5 system-ui,Segoe UI,Roboto,sans-serif}body{margin:0}.app{max-width:960px;margin:0 auto;padding:16px 24px 48px}h1{margin:16px 0;font-size:24px}h2{margin:24px 0 12px;font-size:20px}h3{margin:0 0 8px;font-size:16px}h4{color:var(--text-muted);margin:12px 0 6px;font-size:14px}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.card{border:1px solid var(--border);border-radius:6px;margin-bottom:16px;padding:12px 16px}nav.row{margin:12px 0 20px}button{font:inherit;border:1px solid var(--border);cursor:pointer;background:#f6f8fa;border-radius:6px;padding:5px 12px}button:hover{background:#eef1f4}button.active{background:var(--accent);border-color:var(--accent);color:#fff}button:disabled{cursor:not-allowed;opacity:.5}input,select{font:inherit;border:1px solid var(--border);border-radius:4px;padding:4px 6px}table{border-collapse:collapse;width:100%;margin-top:8px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:6px 10px}.warning{color:var(--danger);margin:4px 0;font-size:13px}.hint{color:var(--text-muted);font-size:13px}