:root{--bg: #f3efe7;--panel: #fffdf8;--border: #d9d1c4;--text: #1f1c16;--muted: #6d665a;--accent: #2054d4;--user: #e6f0ff;--assistant: #ffffff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 10%,#fff7e8 0%,var(--bg) 45%,#ebe2d7 100%)}.layout{height:100%;display:grid;grid-template-columns:320px 1fr}.sidebar{border-right:1px solid var(--border);background:linear-gradient(180deg,#f9f4ea,#efe5d7);padding:16px;display:flex;flex-direction:column;gap:12px}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-head h1{font-size:18px;margin:0}.sidebar-head button{border:1px solid var(--border);background:#fff;border-radius:10px;height:34px;padding:0 12px;cursor:pointer}.sidebar-list{display:flex;flex-direction:column;gap:8px;overflow:auto}.sidebar-item{border:1px solid var(--border);border-radius:12px;background:#ffffffbf;padding:10px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:2px}.sidebar-item.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.sidebar-item .title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item .meta{font-size:12px;color:var(--muted)}.hint{font-size:13px;color:var(--muted)}.chat{display:grid;grid-template-rows:auto 1fr auto auto;height:100%}.chat-head{border-bottom:1px solid var(--border);padding:14px 20px;background:#fff9}.chat-head h2{margin:0;font-size:17px}.chat-body{overflow:auto;padding:20px}.messages{display:flex;flex-direction:column;gap:12px}.message{max-width:min(760px,95%);padding:12px 14px;border:1px solid var(--border);border-radius:14px;line-height:1.45;box-shadow:0 1px 1px #0000000a}.message p{margin:0 0 8px}.message p:last-child{margin-bottom:0}.message.user{margin-left:auto;background:var(--user)}.message.assistant{background:var(--assistant)}.typing-row{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:#fff}.typing-row span{width:6px;height:6px;border-radius:999px;background:#777;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}@keyframes blink{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.composer{border-top:1px solid var(--border);padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:10px;background:var(--panel)}.composer textarea{width:100%;border-radius:12px;border:1px solid var(--border);resize:none;padding:10px;font:inherit}.composer button{border:none;border-radius:12px;background:var(--accent);color:#fff;padding:0 16px;cursor:pointer}.composer button:disabled{opacity:.5;cursor:default}.error{padding:8px 16px;color:#a60000;font-size:13px}@media (max-width: 900px){.layout{grid-template-columns:1fr}.sidebar{height:180px;border-right:none;border-bottom:1px solid var(--border)}}