:root{--bg:#0f1115;--panel:#141823cc;--text:#e6e9ef;--muted:#a7afc0;--accent:#7c5cff;--accent2:#00d4ff;--border:#262b36}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#0b0e12,#11151c);color:var(--text);font:14px/1.5 Inter,system-ui,Segoe UI,Roboto}
.wrap{max-width:1100px;margin:22px auto;padding:0 16px}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.brand{font-weight:700;font-size:18px;letter-spacing:.4px;opacity:.95}
.tabs{display:flex;gap:8px}
.tab{background:#131722;border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:14px;cursor:pointer;opacity:.9}
.tab.active{background:linear-gradient(135deg,#171a25,#151d2c);border-color:#30384a;box-shadow:0 0 0 1px #2a3140 inset}
.panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:14px}
.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.title{font-weight:600}
.subtitle{opacity:.85;margin:8px 0}
.note{color:var(--muted)}
.actions{display:flex;gap:8px;align-items:center}
.btn{background:#171c28;border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:12px;cursor:pointer}
.btn.primary{background:linear-gradient(135deg,var(--accent),#5661ff);border:none}
.sel{background:#0f1320;color:var(--text);border:1px solid var(--border);padding:6px 8px;border-radius:10px}
.list{max-height:420px;overflow:auto;border:1px dashed #2a3140;border-radius:14px;padding:8px;background:#0e121a}
.row{display:flex;gap:8px;align-items:flex-start;padding:6px;border-bottom:1px dashed #1d2330}
.row:last-child{border-bottom:0}
.bubble{background:#151a23;padding:8px 10px;border-radius:10px;max-width:80%}
.bubble.user{border:1px solid #2a3140}
.bubble.model{border:1px solid #33415a;background:#141c2a}
.meta{color:var(--muted);font-size:12px;margin-left:auto}
.empty{color:var(--muted);padding:20px;text-align:center}
.suggestions{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.suggestions .card{background:#121726;border:1px solid var(--border);border-radius:12px;padding:10px}
.suggestions .ru{color:#ffd9ff}
.suggestions .en{color:#d0f4ff;margin-top:6px}
.hidden{display:none}
.split{display:grid;grid-template-columns:260px 1fr;gap:12px}
.left{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:12px}
.right{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:12px}
.users{list-style:none;margin:8px 0 0;padding:0}
.users li{margin:4px 0}
.user-link{display:block;padding:6px 8px;border:1px solid var(--border);border-radius:12px;color:var(--text);text-decoration:none}
.user-link.active,.user-link:hover{border-color:#3a4660;background:#111827}
.batches{margin-top:10px}
.batch{display:flex;gap:8px;align-items:flex-start;border:1px solid var(--border);border-radius:12px;padding:8px;margin:6px 0;background:#0e121a}
pre{white-space:pre-wrap;color:#d8e1ff;margin:0}
.code{width:100%;background:#0e121a;color:#e6e9ef;border:1px solid var(--border);border-radius:12px;padding:12px;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}
.noselect{user-select:none}
/* Small fix for checkbox/radio visibility in dark theme */
input[type="checkbox"], input[type="radio"]{accent-color:#7c5cff}