*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#ffffff;--sidebar-bg:#f7f7f8;--border:#e5e7eb;--text:#111827;--text-muted:#9ca3af;--user-bubble:#f3f4f6;--avatar-bg:#10a37f;--send-on:#000000;--send-off:#e5e7eb;--send-icon-off:#9ca3af;--sidebar-w:260px}body,html{height:100%;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}body{min-height:100vh}.app{display:flex;height:100vh;width:100%;overflow:hidden}.sidebar{display:none}.main{flex:1 1;min-width:0;display:flex;flex-direction:column;height:100vh}.mob-header{align-items:center;padding:0 17px;height:54px;border-bottom:1px solid #f2f2f2;background:var(--bg);gap:12px}.mob-header,.mob-menu-btn{flex-shrink:0;display:flex}.mob-menu-btn{background:none;border:none;padding:4px 0;cursor:pointer;flex-direction:column;gap:5px}.mob-menu-btn span{display:block;height:1.5px;background:var(--text);border-radius:2px}.mob-menu-btn span:first-child{width:23px}.mob-menu-btn span:nth-child(2){width:9px}.mob-menu-btn span:nth-child(3){width:19px}.header-name{font-size:20px;font-weight:600;color:var(--text);flex:1 1}.header-status{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text);font-weight:500;flex-shrink:0}.status-dot{width:6px;height:6px;border-radius:3px;background:var(--avatar-bg);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.messages{flex:1 1;overflow-y:auto;padding:20px 16px 8px}.messages,.msg-inner{display:flex;flex-direction:column;gap:2px}.msg-inner{width:100%}.messages::-webkit-scrollbar{width:5px}.messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}.messages::-webkit-scrollbar-track{background:transparent}.empty{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 24px;text-align:center}.empty-heading{font-size:20px;font-weight:600;color:var(--text);letter-spacing:-.01em}.empty-sub{font-size:14px;color:var(--text-muted);max-width:280px;line-height:1.6}.row{display:flex;flex-direction:column;animation:rise .18s ease forwards;padding:3px 0}@keyframes rise{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.host-inner,.row.host{align-items:flex-start}.host-inner{display:flex;gap:10px;max-width:88%}.msg-avatar{width:26px;height:26px;border-radius:50%;background:var(--avatar-bg);color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.host-text{font-size:14.5px;line-height:1.7;color:var(--text);white-space:pre-wrap;word-break:break-word;padding-top:3px}.host-time{font-size:11px;color:var(--text-muted);margin-top:4px;padding-left:36px}.row.user{align-items:flex-end}.user-bubble{background:var(--user-bubble);border-radius:18px;border-bottom-right-radius:4px;padding:10px 15px;font-size:14.5px;line-height:1.65;color:var(--text);max-width:88%;white-space:pre-wrap;word-break:break-word}.user-time{font-size:11px;color:var(--text-muted);margin-top:4px;text-align:right}.typing-row{gap:10px;padding:6px 0;animation:rise .18s ease forwards}.typing-dots,.typing-row{display:flex;align-items:center}.typing-dots{gap:4px}.dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:bounce 1.2s ease-in-out infinite}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.input-area{flex-shrink:0;padding:10px 15px 14px;background:var(--bg)}.input-outer{background:#f3f3f3;border-radius:21px 21px 33px 33px;padding:8px 7px 7px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.model-badge{display:inline-flex;align-items:center;background:#e8e8e8;border-radius:18px;height:26px;padding:0 14px;font-size:12px;color:#666771;align-self:flex-start;white-space:nowrap;margin-left:19px}.input-wrap{position:relative;display:flex;align-items:flex-end;background:#fff;border:1.5px solid transparent;border-radius:26px;transition:border-color .15s}.input-wrap:focus-within{border-color:rgba(0,0,0,.08)}textarea{flex:1 1;background:transparent;border:none;outline:none;color:var(--text);font-family:inherit;font-size:15px;line-height:1.6;resize:none;padding:13px 98px 13px 20px;min-height:50px;max-height:160px}textarea::placeholder{color:var(--text-muted)}.send-btn{position:absolute;right:10px;bottom:8px;width:79px;height:32px;border-radius:22px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,transform .1s;background:var(--send-on);color:#fff;font-family:inherit}.send-btn:hover:not(:disabled){background:#1a1a1a}.send-btn:active:not(:disabled){transform:scale(.91)}.send-btn:disabled{background:var(--send-off);color:var(--send-icon-off);cursor:not-allowed}.send-label{font-size:12px;font-weight:400}.input-hint{display:none}.new-chat-btn{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;border:none;background:transparent;color:var(--text);font-family:inherit;font-size:13.5px;font-weight:500;cursor:pointer;transition:background .15s;width:100%;text-align:left}.new-chat-btn:hover{background:#ededee}.mob-sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:100;animation:fadeIn .18s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mob-sidebar-panel{position:fixed;top:0;left:0;bottom:0;width:260px;background:var(--sidebar-bg);border-right:1px solid var(--border);z-index:101;display:flex;flex-direction:column;padding:16px 12px;gap:4px;animation:slideIn .22s ease forwards}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.mob-panel-brand{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:8px}.mob-panel-name{font-size:20px;font-weight:600;color:var(--text);letter-spacing:-.01em}.mob-panel-status{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text);font-weight:500;margin-top:1px}@media (min-width:768px){.sidebar{display:flex;flex-direction:column;width:var(--sidebar-w);flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--border);padding:16px 12px;gap:4px}.sidebar-brand{padding:8px 10px;margin-bottom:8px}.sidebar-name{font-size:20px;font-weight:600;color:var(--text);letter-spacing:-.01em}.sidebar-status{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text);font-weight:500;margin-top:1px}.mob-header{display:none}.messages{padding:0;align-items:stretch}.msg-inner{padding:36px 24px 8px}.empty,.msg-inner{max-width:680px;width:100%;margin:0 auto}.empty-heading{font-size:24px}.empty-sub{max-width:320px}.host-inner,.user-bubble{max-width:78%}.input-area{padding:0;background:transparent}.input-centering{max-width:680px;margin:0 auto;padding:12px 24px 28px}.input-hint{display:block;font-size:11px;color:var(--text-muted);text-align:center;margin-top:7px}}@media (min-width:1280px){:root{--sidebar-w:280px}.empty,.input-centering,.msg-inner{max-width:720px}}