:root{--bg: #0b0c10;--surface: #111216;--muted: #2a2d35;--text: #e7e9ee;--subtle: #a9afbf;--primary: #6ef3a6}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif}.chat-shell{height:100%;display:grid;place-items:center;padding:16px}.card{width:min(820px,100%);height:min(720px,90vh);background:linear-gradient(180deg,#12141a,#0e0f14);border:1px solid #1f2230;border-radius:16px;box-shadow:0 10px 30px #0006;display:flex;flex-direction:column;overflow:hidden}.header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #1e2130;background:linear-gradient(180deg,#151822,#11131a)}.badge{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--primary),#2cf);display:grid;place-items:center;color:#061017;font-weight:900}.title{font-weight:700;letter-spacing:.2px}.sub{color:var(--subtle);font-size:12px}.scroll{flex:1;overflow:auto;padding:14px 16px;scroll-behavior:smooth}.msg{display:flex;margin:10px 0;gap:10px;align-items:flex-end}.msg.user{justify-content:flex-end}.bubble{max-width:72ch;padding:10px 14px;border-radius:18px;line-height:1.4;font-size:15px;word-wrap:break-word;box-shadow:0 1px 2px #00000040}.user .bubble{background:linear-gradient(135deg,#007aff,#0a84ff);color:#fff;border-top-right-radius:4px}.assistant .bubble{background:#e5e5ea;color:#000;border-top-left-radius:4px}.scroll{flex:1;overflow:auto;padding:14px 16px;background:linear-gradient(180deg,#0b0c10,#0e0f14)}.time{color:#7c8399;font-size:11px;margin-top:4px}.inputbar{display:flex;gap:10px;padding:12px;border-top:1px solid #1e2130;background:linear-gradient(180deg,#10121a,#0d0f14)}textarea{flex:1;resize:none;min-height:44px;max-height:120px;border:1px solid #23263a;background:#0f121a;color:var(--text);border-radius:12px;padding:10px 12px;outline:none}button.send{min-width:46px;height:44px;border-radius:12px;border:1px solid #1f2333;background:linear-gradient(180deg,#171a26,#131622);color:#cfd6ea;cursor:pointer;display:grid;place-items:center}button.send:disabled{opacity:.5;cursor:not-allowed}.typing{color:#7c8399;font-size:12px;margin:6px 4px}.powered{color:#5e6477;font-size:11px;text-align:center;padding:8px}.avatar{width:32px;height:32px;border-radius:8px;object-fit:contain;background:#0b0c10;display:block}.avatar.avatar--sm{width:28px;height:28px;border-radius:8px}@keyframes popIn{0%{opacity:0;transform:translateY(6px)}60%{opacity:1;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.msg{animation:popIn .2s cubic-bezier(.22,1,.36,1)}.scroll::-webkit-scrollbar{width:8px}.scroll::-webkit-scrollbar-track{background:transparent}.scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px;transition:background .2s ease}.scroll::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.scroll{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.scroll::-webkit-scrollbar-thumb:active{background:#fff6}