*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #f5f5f5;--color-surface: #ffffff;--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-user-bubble: #4f46e5;--color-ai-bubble: #e8e8e8;--color-user-text: #ffffff;--color-ai-text: #1a1a1a;--color-text: #1a1a1a;--color-muted: #888888;--color-error: #dc2626;--radius: 12px;--max-width: 640px}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5}.app{display:flex;flex-direction:column;height:100%;max-width:var(--max-width);margin:0 auto;padding:0 16px}.app__header{text-align:center;padding:20px 0 12px;border-bottom:1px solid #ddd}.app__header h1{font-size:1.25rem;font-weight:600}.app__main{flex:1;overflow-y:auto;padding:16px 0}.app__error{text-align:center;color:var(--color-error);font-size:.875rem;padding:8px 16px;background:#fef2f2;border-radius:var(--radius);margin-bottom:8px}.app__footer{display:flex;justify-content:center;padding:16px 0;border-top:1px solid #ddd}.chat-history{display:flex;flex-direction:column;gap:12px;min-height:100%}.chat-history__empty{text-align:center;color:var(--color-muted);margin:auto;font-size:.9rem}.chat-msg{display:flex}.chat-msg--user{justify-content:flex-end}.chat-msg--ai{justify-content:flex-start}.chat-msg__bubble{max-width:80%;padding:10px 16px;border-radius:var(--radius);font-size:.95rem;line-height:1.5;word-wrap:break-word}.chat-msg--user .chat-msg__bubble{background:var(--color-user-bubble);color:var(--color-user-text);border-bottom-right-radius:4px}.chat-msg--ai .chat-msg__bubble{background:var(--color-ai-bubble);color:var(--color-ai-text);border-bottom-left-radius:4px}.record-btn{width:64px;height:64px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s;background:var(--color-primary);color:#fff}.record-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:scale(1.05)}.record-btn:disabled{cursor:not-allowed;opacity:.7}.record-btn--recording{background:#dc2626;animation:pulse 1.2s ease-in-out infinite}.record-btn--recording:hover{background:#b91c1c}@keyframes pulse{0%,to{box-shadow:0 0 #dc262680}50%{box-shadow:0 0 0 12px #dc262600}}.spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}