:root{color-scheme:light dark;--bg: #faf9f6;--surface: #ffffff;--border: #e3e0d8;--text: #1c1c1a;--text-muted: #6b6a64;--accent: #2f4f2f;--accent-text: #ffffff;--danger: #a33;--radius: 10px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #17181a;--surface: #202226;--border: #33363b;--text: #ececea;--text-muted: #9a9a95;--accent: #8fbf8f;--accent-text: #12210f;--danger: #e88}}:root[data-theme=dark]{--bg: #17181a;--surface: #202226;--border: #33363b;--text: #ececea;--text-muted: #9a9a95;--accent: #8fbf8f;--accent-text: #12210f;--danger: #e88}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:760px;margin:0 auto;padding:32px 20px 64px}h1{font-size:22px;margin:0 0 4px}h2{font-size:16px;margin:32px 0 8px}.muted{color:var(--text-muted);font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}label{display:block;margin:12px 0 4px;font-size:13px;color:var(--text-muted)}input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font:inherit}button{margin-top:16px;padding:10px 18px;border:0;border-radius:8px;background:var(--accent);color:var(--accent-text);font:inherit;font-weight:600;cursor:pointer}button:disabled{opacity:.55;cursor:default}button.secondary{background:transparent;color:var(--text);border:1px solid var(--border);font-weight:400;padding:6px 12px;margin:0 6px 0 0}.error{color:var(--danger);font-size:14px;margin-top:12px}.notice{background:var(--surface);border-left:3px solid var(--accent);padding:12px 16px;border-radius:6px;margin:12px 0;font-size:14px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.scroll-x{overflow-x:auto}.row{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.row input{flex:1 1 240px}.row button{margin-top:0}nav.top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--surface)}nav.top a{color:var(--text);margin-right:14px;text-decoration:none}nav.top a:hover{text-decoration:underline}