:root{color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#e9ecf1}.app{display:flex;flex-direction:column;height:100dvh;max-width:480px;margin:0 auto;background:#f4f4f6}.login-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:24px;gap:16px}.login-screen h1{font-size:20px;color:#1f2933;margin-bottom:8px}.login-screen form{display:flex;flex-direction:column;gap:10px;width:100%;max-width:320px}.login-screen input{padding:12px 14px;border-radius:10px;border:1px solid #d1d5db;font-size:16px}.login-screen button{padding:12px;border-radius:10px;border:none;background:#2563eb;color:#fff;font-size:16px;font-weight:600}.login-error{color:#dc2626;font-size:14px}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#2563eb;color:#fff;flex-shrink:0}.chat-header .title{font-weight:600;font-size:16px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 10px}.chat-header button{background:none;border:none;color:#fff;font-size:13px;opacity:.85;flex-shrink:0}.chat-header .menu-btn{font-size:20px;padding:0 4px}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;pointer-events:none;transition:background .2s ease;z-index:20}.sidebar-overlay.open{background:#00000059;pointer-events:auto}.sidebar{position:absolute;top:0;left:0;bottom:0;width:78%;max-width:320px;background:#fff;transform:translate(-100%);transition:transform .22s ease;display:flex;flex-direction:column;padding:env(safe-area-inset-top,12px) 0 12px;box-shadow:2px 0 12px #00000026}.sidebar-overlay.open .sidebar{transform:translate(0)}.new-chat-btn{margin:12px;padding:10px;border-radius:10px;border:1px solid #2563eb;background:#fff;color:#2563eb;font-weight:600;font-size:14px}.conversation-list{flex:1;overflow-y:auto;padding:4px 8px}.conversation-item{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:8px;cursor:pointer;gap:6px}.conversation-item.active{background:#eef2ff}.conversation-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#1f2933}.conversation-actions{display:flex;gap:4px;flex-shrink:0}.conversation-actions button{background:none;border:none;font-size:14px;opacity:.5;padding:2px 4px}.conversation-actions button:hover{opacity:1}.push-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:#fef9c3;color:#713f12;font-size:13px;flex-shrink:0}.push-banner button{border:none;background:none;font-size:13px;font-weight:600;color:#2563eb;padding:4px 6px}.messages{flex:1;overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:8px}.bubble{max-width:78%;padding:10px 14px;border-radius:16px;font-size:15px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.bubble.user{align-self:flex-end;background:#2563eb;color:#fff;border-bottom-right-radius:4px}.bubble.assistant{align-self:flex-start;background:#fff;color:#1f2933;border-bottom-left-radius:4px;box-shadow:0 1px 2px #00000014}.bubble.pending{opacity:.6}.status-line{font-style:italic;color:#6b7280;animation:status-pulse 1.4s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:.5}50%{opacity:1}}.bubble img{max-width:100%;border-radius:10px;margin-top:6px}.composer{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;background:#f4f4f6;border-top:1px solid #e2e4e9;flex-shrink:0}.composer textarea{flex:1;resize:none;border:1px solid #d1d5db;border-radius:20px;padding:10px 16px;font-size:15px;max-height:100px;font-family:inherit}.composer .icon-btn{width:42px;height:42px;border-radius:50%;border:none;background:#fff;box-shadow:0 1px 2px #00000026;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.composer .icon-btn.send{background:#2563eb;color:#fff}.composer .icon-btn.recording{background:#dc2626;color:#fff}.composer input[type=file]{display:none}