:root{--primary: #1d4ed8;--primary-dark: #1e40af;--bg: #f9fafb;--surface: #ffffff;--text: #111827;--muted: #6b7280;--border: #e5e7eb;--danger: #b91c1c;--success: #047857;font-family:-apple-system,Segoe UI,Heebo,system-ui,sans-serif;color-scheme:light dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text)}body{min-height:100vh;display:flex;flex-direction:column}a{color:var(--primary)}.nav{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 20px;display:flex;align-items:center;gap:16px}.nav a{color:var(--text);text-decoration:none;font-weight:500}.nav .brand{font-weight:800;color:var(--primary);font-size:18px}.nav .spacer{flex:1}main{flex:1;max-width:960px;width:100%;margin:0 auto;padding:32px 20px}.hero{text-align:center;padding:60px 20px}.hero h1{font-size:40px;margin:0 0 12px}.hero p{color:var(--muted);font-size:18px;max-width:640px;margin:0 auto 24px}.btn{display:inline-block;padding:10px 18px;border-radius:8px;background:var(--primary);color:#fff;border:0;cursor:pointer;font-weight:600;text-decoration:none;min-height:40px;font-size:14px}.btn:hover{background:var(--primary-dark)}.btn.secondary{background:transparent;color:var(--primary);border:1px solid var(--primary)}.btn.danger{background:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;margin:0 0 16px}.card h2{margin-top:0}.form{display:flex;flex-direction:column;gap:14px;max-width:440px;margin:0 auto}.form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500}.form input,.form select,.form textarea{padding:10px 12px;border:1px solid var(--border);border-radius:8px;font:inherit;background:var(--surface);color:var(--text)}.form input:focus-visible,.form select:focus-visible,.form textarea:focus-visible{outline:3px solid #fbbf24;outline-offset:2px}.notice{padding:10px 14px;border-radius:8px;font-size:14px}.notice.error{background:#fee2e2;color:var(--danger);border:1px solid #fecaca}.notice.success{background:#d1fae5;color:var(--success);border:1px solid #a7f3d0}.notice.info{background:#dbeafe;color:var(--primary);border:1px solid #bfdbfe}.code{background:#0f172a;color:#e2e8f0;padding:14px;border-radius:8px;font-family:ui-monospace,Cascadia Mono,monospace;font-size:13px;overflow-x:auto;-webkit-user-select:all;user-select:all}.row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}table{width:100%;border-collapse:collapse}th,td{text-align:start;padding:10px;border-bottom:1px solid var(--border)}th{font-size:13px;color:var(--muted);font-weight:600}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:var(--border);color:var(--text)}.pill.ok{background:#d1fae5;color:var(--success)}@media (prefers-color-scheme: dark){:root{--bg: #0f172a;--surface: #1e293b;--text: #f1f5f9;--muted: #94a3b8;--border: #334155}.code{background:#020617}.notice.error{background:#4c1d1d;color:#fee2e2;border-color:#7f1d1d}.notice.success{background:#064e3b;color:#d1fae5;border-color:#047857}.notice.info{background:#1e3a8a;color:#dbeafe;border-color:#2563eb}}