:root{--bg:#0b0f17;--panel:#0f1626;--border:#1c2640;--text:#e8eefc;--muted:#a9b4d0;--accent:#2b61ff;--shadow:0 10px 30px rgba(0,0,0,.35);--radius:18px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);height:100vh;overflow:hidden;background:var(--bg)}.bg{position:fixed;inset:0;background:radial-gradient(1200px 800px at 20% 0%,rgba(43,97,255,.14),transparent 60%),radial-gradient(900px 600px at 90% 30%,rgba(120,255,210,.08),transparent 55%),radial-gradient(800px 500px at 50% 100%,rgba(255,120,210,.06),transparent 60%),var(--bg)}.shell{position:relative;height:100vh;max-width:980px;margin:0 auto;display:flex;flex-direction:column;padding:14px;gap:12px}.topbar{height:64px;border:1px solid var(--border);background:rgba(12,18,34,.68);backdrop-filter:blur(10px);border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;padding:10px 12px;box-shadow:var(--shadow)}.left{display:flex;align-items:center;gap:12px}.logo{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,var(--accent),rgba(43,97,255,.35));border:1px solid rgba(255,255,255,.08)}.title .name{font-weight:900;letter-spacing:.2px}.title .sub{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px;margin-top:2px}.dot{width:8px;height:8px;border-radius:99px;background:#39d98a;box-shadow:0 0 0 6px rgba(57,217,138,.08)}.right{display:flex;align-items:center;gap:10px}.pill{border:1px solid var(--border);background:rgba(18,26,45,.55);color:var(--text);padding:10px 12px;border-radius:999px;cursor:pointer;transition:.15s;font-weight:800}.pill:hover{transform:translateY(-1px);border-color:rgba(43,97,255,.6)}.pill.ghost{cursor:default;font-weight:600;color:var(--muted)}.chat{flex:1;border:1px solid var(--border);background:rgba(11,15,23,.55);border-radius:var(--radius);overflow:auto;padding:18px 16px 12px}.wrap{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.row{display:flex;gap:12px;align-items:flex-start}.row.me{justify-content:flex-end}.avatar{width:34px;height:34px;border-radius:12px;border:1px solid var(--border);background:rgba(18,26,45,.6);display:grid;place-items:center;font-weight:900;flex:0 0 auto}.bubble{max-width:100%;border:1px solid var(--border);background:rgba(18,26,45,.35);border-radius:18px;padding:12px 14px;line-height:1.5;white-space:pre-wrap;box-shadow:0 10px 28px rgba(0,0,0,.18)}.row.me .bubble{background:rgba(43,97,255,.16);border-color:rgba(43,97,255,.4)}.row.me .avatar{display:none}.typing{display:inline-flex;gap:6px;align-items:center}.typing span{width:6px;height:6px;border-radius:99px;background:var(--muted);opacity:.7;animation:bounce 1s infinite ease-in-out}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.30s}@keyframes bounce{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}.composer{border:1px solid var(--border);background:rgba(12,18,34,.70);backdrop-filter:blur(10px);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow)}.box{display:flex;gap:10px;align-items:flex-end;border:1px solid var(--border);background:rgba(15,22,38,.6);border-radius:18px;padding:10px}textarea{width:100%;resize:none;border:0;outline:none;background:transparent;color:var(--text);font-size:14px;line-height:1.35;max-height:220px;min-height:42px;padding:8px}.send{border:0;background:var(--accent);color:#fff;padding:10px 14px;border-radius:14px;cursor:pointer;font-weight:900;transition:.15s;flex:0 0 auto}.send:disabled{opacity:.6;cursor:not-allowed}.send:hover{transform:translateY(-1px)}.mini{display:flex;justify-content:space-between;gap:10px;margin-top:10px;color:var(--muted);font-size:12px;padding:0 4px}