:root{--bg0:#050712;--bg1:#080b1d;--panel: rgba(12, 16, 35, .62);--panel2: rgba(10, 14, 30, .45);--stroke: rgba(120, 160, 255, .18);--stroke2: rgba(255, 255, 255, .08);--text: rgba(244, 247, 255, .92);--muted: rgba(244, 247, 255, .62);--accent:#7aa7ff;--accent2:#a78bfa;--good:#4ade80;--bad:#fb7185;--shadow: 0 20px 60px rgba(0,0,0,.55);--radius: 22px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);background:radial-gradient(1200px 700px at 20% 10%,rgba(122,167,255,.18),transparent 60%),radial-gradient(900px 600px at 80% 20%,rgba(167,139,250,.14),transparent 55%),radial-gradient(800px 600px at 50% 90%,rgba(34,211,238,.1),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1));font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Liberation Sans,sans-serif;overflow-x:hidden}.bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.bg__grid{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background-image:linear-gradient(to right,rgba(122,167,255,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(122,167,255,.06) 1px,transparent 1px);background-size:56px 56px;transform:perspective(900px) rotateX(55deg) translateY(-10%);transform-origin:top;filter:blur(.2px);opacity:.35;-webkit-mask-image:radial-gradient(closest-side at 50% 25%,#000,#0000);mask-image:radial-gradient(closest-side at 50% 25%,#000,#0000)}.bg__glow{position:absolute;width:900px;height:900px;border-radius:999px;filter:blur(60px);opacity:.35}.bg__glow--a{left:-260px;top:-320px;background:radial-gradient(circle,rgba(122,167,255,.9),transparent 60%)}.bg__glow--b{right:-280px;bottom:-340px;background:radial-gradient(circle,rgba(167,139,250,.9),transparent 60%)}.shell{max-width:980px;margin:0 auto;padding:34px 18px 28px;min-height:100%;display:flex;flex-direction:column;gap:18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand__mark{width:38px;height:38px;border-radius:12px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.16),transparent 55%),linear-gradient(135deg,#7aa7fff2,#a78bfad9);box-shadow:0 14px 40px #7aa7ff47}.brand__title{font-weight:700;letter-spacing:.2px}.brand__subtitle{font-size:13px;color:var(--muted);margin-top:1px}.status{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;border:1px solid var(--stroke2);background:#06081259;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status__dot{width:10px;height:10px;border-radius:999px}.status__text{font-size:13px;color:var(--muted)}.card{border-radius:var(--radius);border:1px solid var(--stroke);background:linear-gradient(180deg,var(--panel),var(--panel2));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.chat{flex:1;display:flex;flex-direction:column;min-height:520px;overflow:hidden}.chat__messages{flex:1;padding:22px 20px 18px;overflow:auto;scroll-behavior:smooth}.chat__composer{border-top:1px solid rgba(255,255,255,.08);padding:14px;background:#0000001f}.composer{display:flex;gap:10px;align-items:flex-end}.composer__input{flex:1;resize:none;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#0a0c1a8c;color:var(--text);padding:12px;line-height:1.35;font-size:14px;outline:none;box-shadow:inset 0 0 0 1px #7aa7ff00;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.composer__input:focus{border-color:#7aa7ff61;box-shadow:inset 0 0 0 1px #7aa7ff38,0 0 0 4px #7aa7ff1a}.composer__send{border-radius:16px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.18),transparent 60%),linear-gradient(135deg,#7aa7fff2,#a78bfad9);color:#07080ff2;font-weight:700;padding:12px 14px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:transform .12s ease,filter .12s ease,opacity .12s ease;box-shadow:0 18px 50px #7aa7ff2e}.composer__send:hover{transform:translateY(-1px);filter:saturate(1.05)}.composer__send:active{transform:translateY(0) scale(.99)}.composer__send:disabled{opacity:.5;cursor:not-allowed;transform:none}.composer__sendLabel{font-size:14px}.composer__sendIcon{width:28px;height:28px;border-radius:12px;display:grid;place-items:center;background:#ffffff38}.hint{margin-top:8px;font-size:12px;color:#f4f7ff7a}.msg{display:flex;gap:12px;margin:10px 0;animation:popIn .18s ease-out}@keyframes popIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.msg__avatar{width:30px;height:30px;border-radius:12px;flex:0 0 auto;display:grid;place-items:center;font-weight:800;font-size:12px;border:1px solid rgba(255,255,255,.1);background:#00000040}.msg--user .msg__avatar{background:linear-gradient(135deg,#22d3eed9,#7aa7ffd9);color:#07080ff2;border-color:#ffffff1f}.msg--assistant .msg__avatar{background:#ffffff0f;color:#f4f7ffc7}.msg__bubble{max-width:78%;padding:12px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#0a0c1a7a;box-shadow:0 10px 30px #00000038;white-space:pre-wrap;word-break:break-word;line-height:1.45;font-size:14px}.msg--user{justify-content:flex-end}.msg--user .msg__bubble{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.12),transparent 60%),linear-gradient(135deg,#22d3ee1f,#7aa7ff1a);border-color:#22d3ee38}.msg--assistant .msg__bubble{background:#080a1685;border-color:#7aa7ff29}.typing{display:inline-flex;align-items:center;gap:6px}.dots{display:inline-flex;gap:4px;transform:translateY(1px)}.dot{width:6px;height:6px;border-radius:999px;background:#7aa7ffe6;box-shadow:0 0 14px #7aa7ff59;animation:bounce 1.1s infinite}.dot:nth-child(2){animation-delay:.12s;opacity:.85}.dot:nth-child(3){animation-delay:.24s;opacity:.7}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.toast{border-color:#fb718559;background:#fb718514}@media (max-width: 640px){.shell{padding:22px 12px 18px}.chat{min-height:540px}.msg__bubble{max-width:92%}.brand__subtitle,.composer__sendLabel{display:none}}