:root{--bg: #f3f4f6;--surface: #ffffff;--border: #d1d5db;--text: #111827;--text-muted: #6b7280;--accent: #2563eb;--accent-hover: #1d4ed8;--danger: #dc2626;--success: #16a34a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--bg);min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{max-width:820px;margin:0 auto;padding:24px 16px 64px}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:24px;border-bottom:2px solid var(--accent)}header>div{font-weight:700;font-size:1.1em;letter-spacing:.03em}nav{display:flex;gap:16px;align-items:center;font-size:.9em}.card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:16px 20px;margin-bottom:14px;box-shadow:0 1px 3px #00000012}.card h2{margin:0 0 12px;font-size:1.1em}.card h3{margin:16px 0 8px;font-size:.95em;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}button{background:var(--accent);color:#fff;border:none;border-radius:5px;padding:7px 14px;font-size:.88em;font-weight:500;cursor:pointer;margin-top:10px}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{border:1px solid var(--border);border-radius:5px;padding:7px 10px;font:inherit;font-size:.9em;width:100%;background:var(--surface);color:var(--text)}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}label{display:block;font-size:.82em;font-weight:500;color:var(--text-muted);margin:10px 0 3px;text-transform:uppercase;letter-spacing:.05em}table{width:100%;border-collapse:collapse;font-size:.9em}th{text-align:left;padding:6px 10px;font-size:.8em;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--border)}td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--border)}pre{background:#f9fafb;border:1px solid var(--border);border-radius:5px;padding:12px;overflow:auto;font-size:.82em;color:var(--text-muted)}code{font-family:SFMono-Regular,Consolas,monospace;font-size:.88em;background:#f1f5f9;padding:1px 5px;border-radius:3px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}img{max-width:100%}.error{color:var(--danger)}.success{color:var(--success)}.muted{color:var(--text-muted);font-size:.88em}