html,body,#root{width:100%;height:100%}*{box-sizing:border-box}body{color:#1f2937;background:#fff;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea{font:inherit}button{cursor:pointer}.app{height:100vh;display:flex;overflow:hidden}.sidebar{background:#f8fafc;border-right:1px solid #e5e7eb;flex-direction:column;width:270px;display:flex}.sidebar-header{justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex}.logo{align-items:center;gap:9px;font-size:18px;font-weight:700;display:flex}.icon-button{background:0 0;border:0;border-radius:8px;padding:8px}.icon-button:hover{background:#e5e7eb}.new-chat{background:#fff;border:1px solid #d1d5db;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:44px;margin:8px 14px 20px;font-weight:600;display:flex}.new-chat:hover{background:#f3f4f6}.history{flex:1;padding:0 12px;overflow-y:auto}.history-title{color:#6b7280;text-transform:uppercase;padding:8px;font-size:12px;font-weight:700}.history-item{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:8px;padding:10px 12px;font-size:14px;overflow:hidden}.history-item:hover{background:#e5e7eb}.sidebar-footer{border-top:1px solid #e5e7eb;padding:12px}.menu-item{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.menu-item:hover{background:#e5e7eb}.user-profile{align-items:center;gap:10px;padding:12px 8px 4px;display:flex}.user-profile strong{font-size:14px;display:block}.user-profile span{color:#6b7280;font-size:12px;display:block}.avatar{background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.main{background:#fff;flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid #e5e7eb;align-items:center;height:64px;padding:0 24px;display:flex}.model-info{align-items:center;gap:9px;font-weight:600;display:flex}.chat{flex:1;overflow-y:auto}.welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:30px;display:flex}.welcome-icon{color:#fff;background:#111827;border-radius:20px;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:20px;display:flex}.welcome h1{margin:0 0 10px;font-size:30px}.welcome p{color:#6b7280;margin:0}.messages{max-width:900px;margin:0 auto;padding:30px 24px 120px}.message{gap:14px;margin-bottom:28px;line-height:1.6;display:flex}.message-avatar{border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.message.user .message-avatar{background:#e5e7eb}.message.assistant .message-avatar{color:#fff;background:#111827}.message-content{white-space:pre-wrap;word-break:break-word;padding-top:4px}.typing{gap:5px;padding:14px 0;display:flex}.typing span{background:#9ca3af;border-radius:50%;width:7px;height:7px;animation:1.2s infinite pulse}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,80%,to{opacity:.3}40%{opacity:1}}.composer-container{width:100%;max-width:900px;margin:0 auto;padding:14px 24px 18px}.composer{background:#fff;border:1px solid #d1d5db;border-radius:16px;align-items:flex-end;gap:10px;padding:10px 10px 10px 16px;display:flex;box-shadow:0 4px 20px #0000000d}.composer textarea{resize:none;background:0 0;border:0;outline:none;flex:1;max-height:180px;padding:8px 0}.send-button{color:#fff;background:#111827;border:0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.send-button:hover{background:#374151}.send-button:disabled{opacity:.4;cursor:not-allowed}.disclaimer{text-align:center;color:#9ca3af;padding-top:8px;font-size:11px}@media (width<=700px){.sidebar{display:none}.topbar{padding:0 16px}.messages{padding-left:16px;padding-right:16px}.composer-container{padding-left:12px;padding-right:12px}.welcome h1{font-size:25px}}