*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#1a1a1a;height:100dvh}#root{height:100%}.chat-container{display:flex;flex-direction:column;height:100%;max-width:700px;margin:0 auto}.chat-header{padding:16px 20px;background:#1a73e8;color:#fff;font-size:18px;font-weight:600;text-align:center}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.message{max-width:80%;padding:10px 14px;border-radius:12px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.message.user{align-self:flex-end;background:#1a73e8;color:#fff;border-bottom-right-radius:4px}.message.assistant{align-self:flex-start;background:#fff;border:1px solid #e0e0e0;border-bottom-left-radius:4px}.message.error{align-self:center;background:#fee;border:1px solid #fcc;color:#c00;font-size:14px}.chat-input-area{display:flex;gap:8px;padding:16px 20px;background:#fff;border-top:1px solid #e0e0e0}.chat-input-area input{flex:1;padding:10px 14px;border:1px solid #ccc;border-radius:8px;font-size:16px;outline:none}.chat-input-area input:focus{border-color:#1a73e8}.chat-input-area button{padding:10px 20px;background:#1a73e8;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer}.chat-input-area button:disabled{opacity:.5;cursor:not-allowed}.voice-label{display:block;font-size:11px;opacity:.7;margin-bottom:2px}.timing-label{display:block;font-size:11px;opacity:.5;margin-top:6px}.mic-button{padding:10px 14px;background:#1a73e8;color:#fff;border:none;border-radius:8px;font-size:18px;cursor:pointer;line-height:1}.mic-button.recording{background:#d93025;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.chat-image{max-width:100%;border-radius:8px;margin-top:8px;display:block}.typing-indicator{align-self:flex-start;padding:10px 14px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;color:#888;font-style:italic}