:root{--bg: #0f1220;--panel: #171a2e;--panel-2: #1b2140;--line: #2a3160;--text: #e8eaf6;--muted: #9aa3c7;--accent: #6c7dff;--danger: #ff6b81;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.5}h1{font-size:1.4rem;margin:0 0 .25rem}h2{font-size:1.1rem;margin:0 0 .75rem}.muted{color:var(--muted)}.small{font-size:.85rem}.empty{padding:2rem 0;text-align:center}.error{color:var(--danger);margin-top:.75rem}.notice{background:var(--panel-2);border:1px solid var(--accent);border-radius:8px;padding:.75rem;margin:.5rem 0}.boot,.centered{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:2rem;width:min(420px,calc(100vw - 2rem))}.app{max-width:900px;margin:0 auto;padding:1.25rem}header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.who{display:flex;flex-direction:column;align-items:flex-end;font-size:.85rem;gap:.25rem}.botid{color:var(--muted);font-size:.8rem;word-break:break-all}.tabs{display:flex;gap:.5rem;margin:1rem 0}.tab{background:none;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.4rem 1rem}.tab.active{background:var(--panel-2);color:var(--text);border-color:var(--accent)}input,textarea,select,button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:.55rem .7rem}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent)}button{background:var(--accent);border-color:var(--accent);cursor:pointer}button:disabled{opacity:.5;cursor:default}button.link{background:none;border:none;color:var(--accent);padding:.25rem .5rem;text-decoration:underline}button.link.danger{color:var(--danger)}label{display:block;margin-bottom:.75rem}label>input,label>textarea,label>select{width:100%;margin-top:.25rem}label.inline{display:flex;align-items:center;gap:.5rem}label.inline>input{width:auto;margin:0}label.important{background:var(--panel-2);padding:.6rem;border-radius:8px}form>button{width:100%;margin-top:.5rem}.row{display:flex;gap:.5rem;align-items:flex-end;margin-bottom:.5rem;flex-wrap:wrap}.row>*{margin-bottom:0}.row .grow,label.grow{flex:1;min-width:8rem}.row>button{width:auto;margin-top:0}fieldset{border:1px solid var(--line);border-radius:10px;margin:0 0 1rem;padding:1rem}legend{color:var(--muted);padding:0 .5rem}input.code{text-align:center;letter-spacing:.5rem;font-size:1.5rem}.turns{min-height:40vh;max-height:55vh;overflow-y:auto;padding-left:.5rem}.turn{display:flex;flex-direction:column;margin-bottom:.75rem}.turn.owner{align-items:flex-start}.turn.bot{align-items:flex-end}.bubble{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:.6rem .85rem;max-width:80%;white-space:pre-wrap}.turn.owner .bubble{background:var(--accent);border-color:var(--accent)}.turn.error .bubble{border-color:var(--danger);color:var(--danger)}.status{font-size:.75rem;color:var(--muted);margin-top:.2rem}.composer{display:flex;gap:.5rem;margin-top:1rem}.composer input{flex:1}.composer button{width:auto;margin:0}.confirm{display:flex;gap:.5rem;margin-top:.5rem}.confirm button{width:auto}.toolbar{margin-bottom:1rem}.toollist{list-style:none;padding:0;margin:0}.toollist li{display:flex;justify-content:space-between;align-items:center;gap:1rem;border:1px solid var(--line);border-radius:10px;padding:.75rem;margin-bottom:.5rem}.pairlist{margin-bottom:1rem}.pairlist>label{margin-bottom:.25rem}.settings section{border:1px solid var(--line);border-radius:12px;padding:1.25rem;margin-bottom:1rem}dl{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;margin:0 0 .75rem}dt{color:var(--muted)}dd{margin:0;word-break:break-all}.secrets{list-style:none;padding:0}.secrets li{display:flex;justify-content:space-between;gap:1rem;padding:.35rem 0}a{color:var(--accent)}code{font-size:.85em}