:root{--bg:#0b0f14;--surface:rgba(255,255,255,0.04);--surface-strong:rgba(255,255,255,0.07);--border:rgba(255,255,255,0.09);--text:#e8edf3;--muted:#8b98a8;--accent:#4ea1ff;--ok:#3ecf8e;--warn:#f5a623;--bad:#ff6b6b;--radius:14px}@media (prefers-color-scheme:light){:root{--bg:#f5f7fa;--surface:rgba(255,255,255,0.85);--surface-strong:#ffffff;--border:rgba(15,23,32,0.1);--text:#16202b;--muted:#5c6b7a}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}.shell{max-width:1040px;margin:0 auto;padding:32px 20px 64px}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:6px}h1{font-size:1.4rem;margin:0;letter-spacing:-.01em}h2{font-size:1.05rem;margin:0 0 4px}.subtitle{color:var(--muted);font-size:.87rem;margin:0 0 24px}.stats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;min-width:118px}.stat b{display:block;font-size:1.35rem;font-weight:650;letter-spacing:-.02em}.stat span{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.05em}form.search{display:flex;gap:8px;margin-bottom:18px}input[type=password],input[type=search],input[type=text]{flex:1 1;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 14px;color:var(--text);font:inherit;outline:none}input:focus{border-color:var(--accent)}button{background:var(--accent);border:none;border-radius:10px;color:#06121f;font:inherit;font-weight:600;padding:10px 18px;cursor:pointer}button.ghost{background:var(--surface-strong);border:1px solid var(--border);color:var(--text);font-weight:500}.list{display:flex;flex-direction:column;gap:8px}.row{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;transition:border-color .15s ease,background .15s ease}.row:hover{border-color:var(--accent);background:var(--surface-strong)}.row-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.row-name{font-weight:600}.row-meta{font-size:.8rem;margin-left:auto}.preview,.row-meta{color:var(--muted);white-space:nowrap}.preview{font-size:.87rem;overflow:hidden;text-overflow:ellipsis}.tag{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.tag.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.tag.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.tag.bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,transparent)}.tag.mute{color:var(--muted)}.thread{display:flex;flex-direction:column;gap:12px;margin-top:20px}.msg{max-width:76%;padding:10px 14px;border-radius:16px;white-space:pre-wrap;word-break:break-word}.msg .when{display:block;font-size:.7rem;color:var(--muted);margin-top:6px}.msg.user{align-self:flex-start;background:var(--surface-strong);border:1px solid var(--border);border-bottom-left-radius:4px}.msg.assistant{align-self:flex-end;background:color-mix(in srgb,var(--accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-bottom-right-radius:4px}.msg.system{align-self:center;max-width:92%;background:transparent;border:1px dashed var(--border);font-size:.8rem;text-align:center}.back,.msg.system{color:var(--muted)}.back{font-size:.85rem;display:inline-block;margin-bottom:16px}.back:hover{color:var(--accent)}.empty{border:1px dashed var(--border);border-radius:var(--radius);padding:40px 20px;text-align:center;color:var(--muted)}.error{border:1px solid color-mix(in srgb,var(--bad) 45%,transparent);background:color-mix(in srgb,var(--bad) 10%,transparent);border-radius:var(--radius);padding:14px 16px;color:var(--bad);font-size:.9rem}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-card h1{margin-bottom:6px}.login-card form{display:flex;flex-direction:column;gap:12px;margin-top:20px}.login-card button{width:100%}