*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f0f2f5}.page{display:flex;width:100%;height:100%;height:100dvh}.chat-box{background:#fff;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.chat-header{background:#1a73e8;color:#fff;padding:14px 20px;font-size:17px;font-weight:600;display:flex;align-items:center;gap:10px;flex-shrink:0}.dot{width:10px;height:10px;border-radius:50%;background:#81c995;flex-shrink:0}.messages{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px max(16px,calc((100% - 860px)/2));display:flex;flex-direction:column;gap:14px}.bubble{display:flex;flex-direction:column;max-width:75%;gap:4px}.bubble.user{align-self:flex-end;align-items:flex-end}.bubble.assistant,.bubble.error{align-self:flex-start;align-items:flex-start}.label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#80868b;padding:0 4px}.bubble p{padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.bubble.user p{background:#1a73e8;color:#fff;border-bottom-right-radius:4px}.bubble.assistant p{background:#f1f3f4;color:#202124;border-bottom-left-radius:4px}.bubble.error p{background:#fce8e6;color:#c5221f;border-bottom-left-radius:4px}.input-row{display:flex;padding:12px max(16px,calc((100% - 860px)/2));border-top:1px solid #e0e0e0;gap:10px;flex-shrink:0;background:#fff}.input-row input{flex:1;padding:10px 16px;border:1px solid #dadce0;border-radius:24px;font-size:16px;outline:none;transition:border-color .2s;min-height:44px}.input-row input:focus{border-color:#1a73e8}.input-row input:disabled{background:#f8f9fa}.input-row button{background:#1a73e8;color:#fff;border:none;border-radius:24px;padding:10px 22px;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s;min-height:44px;white-space:nowrap}.input-row button:hover:not(:disabled){background:#1557b0}.input-row button:disabled{background:#a8c7fa;cursor:not-allowed}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.cursor{display:inline-block;animation:blink-cursor .7s infinite;margin-left:2px;color:#1a73e8}@media (max-width: 639px){.chat-header{padding:12px 16px;font-size:16px}.messages{padding:16px;gap:12px}.bubble{max-width:88%}.bubble p{font-size:15px}.input-row{padding:10px 12px;gap:8px}.input-row button{padding:10px 16px;font-size:15px}}