:root{--bg: #f6f7f9;--card: #fff;--text: #18212c;--muted: #5a6877;--line: #d9dee5;--accent: #1b5fd6;--ok: #137a3f;--warn: #8a5300;--bad: #b42318}@media (prefers-color-scheme: dark){:root{--bg: #0f151c;--card: #172029;--text: #e7edf3;--muted: #98a6b6;--line: #2a3643;--accent: #6ea2ff;--ok: #4cc38a;--warn: #f0b44c;--bad: #ff7b72}}*{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:820px;margin:0 auto;padding:24px 16px 64px}header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}h1{font-size:22px;margin:0 0 8px}h2{font-size:15px;margin:24px 0 8px;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:13px}.ok{color:var(--ok)}.warn{color:var(--warn)}.error{color:var(--bad)}.note{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:10px 12px;color:var(--muted);font-size:13px}.row{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px 14px;margin-bottom:8px}.top{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:start}@media (max-width: 560px){.top{grid-template-columns:1fr}}code{font:12px ui-monospace,Menlo,Consolas,monospace;color:var(--muted)}.badge{font-size:11px;border:1px solid var(--line);border-radius:10px;padding:1px 7px;margin-left:6px;color:var(--muted);font-weight:400}button{font:inherit;padding:6px 12px;border-radius:6px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer}button.ghost{background:transparent;color:var(--accent)}button.ghost.danger{color:var(--bad);border-color:var(--bad)}button.link{background:none;border:none;color:var(--accent);padding:0;margin-left:8px;text-decoration:underline}button:disabled{opacity:.5;cursor:default}form{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}input,select{font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text)}input{flex:1;min-width:220px}label{display:block;margin:16px 0 4px}button.persona{display:block;width:100%;text-align:left;margin-bottom:8px;background:var(--card);color:var(--text);border-color:var(--line)}ul.history{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}ul.history li{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
