:root{--bg: #f2f6fb;--bg-deep: #e7edf7;--panel: #ffffff;--sidebar: #0f172a;--sidebar-soft: #1d2941;--line: #d4deeb;--text: #152238;--muted: #667892;--accent: #0e63ff;--accent-strong: #0b4ec8;--assistant: #ffffff;--user: #e9f1ff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);font-family:Plus Jakarta Sans,IBM Plex Sans,Segoe UI,sans-serif;background:radial-gradient(1200px 700px at 10% 0%,#ffffff 0%,transparent 55%),radial-gradient(1000px 600px at 95% 100%,#dce8fb 0%,transparent 60%),linear-gradient(170deg,var(--bg) 0%,var(--bg-deep) 100%);overflow:hidden}.layout{height:100dvh;display:grid;grid-template-columns:330px 1fr;overflow:hidden}.sidebar{background:linear-gradient(180deg,#0e1629,#111e33 55%,#15243a);color:#dce9ff;border-right:1px solid #2c3a56;padding:18px;display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden}.sidebar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sidebar-head h1{margin:0;font-size:18px;font-weight:700;letter-spacing:.2px}.sidebar-subtitle{margin:2px 0 0;font-size:12px;color:#9db2d4}.new-chat-btn{border:1px solid #31486f;background:#1b2f4d;color:#e6f1ff;border-radius:10px;height:34px;padding:0 12px;cursor:pointer;font-weight:600}.new-chat-btn:hover{background:#21406a}.sidebar-stats{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8da3c6;font-size:12px}.toggle-old-btn{border:1px solid #39527a;background:#162944;color:#d7e6ff;border-radius:999px;padding:4px 10px;font-size:11px;cursor:pointer}.sidebar-list{display:flex;flex-direction:column;gap:9px;overflow-y:auto;flex:1;min-height:0;padding-right:2px}.sidebar-item{border:1px solid #2f4365;border-radius:12px;background:linear-gradient(180deg,#152742,#14243d);color:#e9f3ff;padding:10px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:5px}.sidebar-item:hover{border-color:#416091}.sidebar-item.active{border-color:#7eb3ff;box-shadow:inset 0 0 0 1px #7eb3ff}.sidebar-item .title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-row{display:flex;justify-content:space-between;align-items:center}.sidebar-item .meta{font-size:11px;color:#9eb2d1}.sidebar-item .meta.mode{text-transform:uppercase;letter-spacing:.4px}.hint{font-size:13px;color:var(--muted)}.chat{display:grid;grid-template-rows:auto 1fr auto auto;height:100%;min-height:0}.chat-head{border-bottom:1px solid var(--line);padding:14px 20px;background:#fffc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:space-between}.chat-head-main h2{margin:0;font-size:18px}.chat-head-main p{margin:3px 0 0;color:var(--muted);font-size:12px}.chat-status{border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:12px;color:var(--muted);background:#f7fafe}.chat-status.live{color:#083d9a;border-color:#b9cdf2;background:#e9f1ff}.chat-body{overflow-y:auto;padding:22px;min-height:0}.messages{display:flex;flex-direction:column;gap:14px;max-width:900px;margin:0 auto}.message-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:flex-start}.message-row.user{grid-template-columns:minmax(0,1fr) 44px}.message-row.user .message-avatar{order:2}.message-avatar{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#f6f9ff;display:grid;place-items:center;font-size:12px;font-weight:700;color:#3f587a}.message{width:fit-content;max-width:min(760px,100%);padding:12px 14px;border:1px solid var(--line);border-radius:16px;line-height:1.5;box-shadow:0 8px 24px #1c325312}.message.user{margin-left:auto;background:linear-gradient(180deg,#eff5ff 0%,var(--user) 100%)}.message.assistant{background:linear-gradient(180deg,#fff,#f8fbff)}.message-content p{margin:0 0 8px}.message-content p:last-child{margin-bottom:0}.message-content pre{background:#0f1c2f;color:#e5eefc;border-radius:10px;padding:10px;overflow:auto}.message-content code{font-family:IBM Plex Mono,SFMono-Regular,monospace}.message-meta{margin-top:9px;display:flex;gap:10px;color:var(--muted);font-size:11px}.typing-row{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#fff;margin-top:2px}.typing-row span{width:6px;height:6px;border-radius:999px;background:#7084a4;animation:blink 1.2s infinite ease-in-out}.typing-row span:nth-child(2){animation-delay:.2s}.typing-row span:nth-child(3){animation-delay:.4s}.typing-row em{font-style:normal;color:var(--muted);font-size:12px;margin-left:4px}@keyframes blink{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.composer{border-top:1px solid var(--line);padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:10px;background:#ffffffe6}.composer-input-wrap{min-width:0}.composer textarea{width:100%;border-radius:12px;border:1px solid var(--line);resize:none;padding:10px;font:inherit;background:#fff}.composer textarea:focus{outline:none;border-color:#a9c4f2;box-shadow:0 0 0 3px #0e63ff1f}.composer-tip{margin-top:6px;font-size:11px;color:var(--muted)}.composer button{border:none;border-radius:12px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff;padding:0 18px;cursor:pointer;font-weight:600}.composer button:hover:not(:disabled){filter:brightness(1.05)}.composer button:disabled{opacity:.5;cursor:default}.error{padding:8px 16px;color:#a60000;font-size:13px;background:#fff2f2;border-top:1px solid #f0cdcd}@media (max-width: 980px){.layout{grid-template-columns:1fr;grid-template-rows:220px 1fr}.sidebar{border-right:none;border-bottom:1px solid #2c3a56;padding:14px;height:220px}.sidebar-list{max-height:none}}@media (max-width: 640px){.chat-head,.chat-body,.composer{padding-left:12px;padding-right:12px}.message-row,.message-row.user{grid-template-columns:32px minmax(0,1fr)}.message-row.user .message-avatar{order:0}.message-avatar{width:32px;height:32px;border-radius:10px;font-size:10px}.composer{grid-template-columns:1fr}.composer button{height:42px}}