:root{--ground:#eef1f4;--surface:#fff;--surface-2:#f6f8fa;--ink:#17212c;--ink-2:#4a5866;
--ink-3:#77838f;--line:#c6ced7;--line-soft:#dfe4ea;--accent:#a35d0c;--accent-soft:#f6ead8;
--ok:#2d7355;--ok-soft:#e4f0ea;--warn:#9c3c26;--warn-soft:#f7e7e2;--new:#4c3a8f;}
*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);
font-family:"IBM Plex Sans",system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5}
header{background:var(--ink);color:#fff;padding:12px 24px;display:flex;align-items:center;gap:16px}
header .brand{font-weight:600;letter-spacing:-.01em}
header .sp{flex:1}header a{color:#cfd6de;text-decoration:none;font-size:13px}header a:hover{color:#fff}
.wrap{max-width:1120px;margin:24px auto;padding:0 24px}
.card{background:var(--surface);border:1px solid var(--line-soft);border-radius:6px;padding:18px;margin-bottom:16px}
h1{font-size:24px;margin:0 0 6px;font-weight:600;letter-spacing:-.02em}
h2{font-size:16px;margin:0 0 12px;font-weight:600}
.muted{color:var(--ink-3);font-size:12px}
.mono{font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace;font-size:12px}
table{width:100%;border-collapse:collapse;font-size:13px}
th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);
padding:6px 8px;border-bottom:1px solid var(--line)}
td{padding:8px;border-bottom:1px solid var(--line-soft);vertical-align:top}
tr:hover td{background:var(--surface-2)}
a{color:var(--new)}
input[type=text],input[type=password],select,textarea{width:100%;padding:8px 10px;border:1px solid var(--line);
border-radius:4px;font:inherit;background:#fff}
textarea{min-height:70px;resize:vertical}
button,.btn{background:var(--ink);color:#fff;border:0;border-radius:4px;padding:8px 14px;
font:inherit;font-weight:500;cursor:pointer;text-decoration:none;display:inline-block}
button:hover{background:#2a3644}
.btn-sm{padding:5px 10px;font-size:12px}
.pill{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;
letter-spacing:.04em}
.pill-ok{background:var(--ok-soft);color:var(--ok)}
.pill-acc{background:var(--accent-soft);color:var(--accent)}
.pill-warn{background:var(--warn-soft);color:var(--warn)}
.pill-grey{background:var(--line-soft);color:var(--ink-2)}
.q{border-left:3px solid var(--line);padding:12px 0 12px 14px;margin-bottom:6px}
.q.choice{border-left-color:var(--accent)}
.q.done{border-left-color:var(--ok)}
.q .code{font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--ink-3)}
.q .prompt{margin:3px 0 8px}
.row{display:flex;gap:10px;align-items:flex-start}
.grow{flex:1}
.note{background:var(--accent-soft);border-left:3px solid var(--accent);padding:10px 12px;
border-radius:0 4px 4px 0;font-size:13px;margin-bottom:14px}
.note.ok{background:var(--ok-soft);border-left-color:var(--ok)}
.note.warn{background:var(--warn-soft);border-left-color:var(--warn)}
.login{max-width:360px;margin:80px auto}
.login label{display:block;margin:12px 0 4px;font-size:12px;font-weight:600;color:var(--ink-2)}