:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-dark: #2d3748;--primary-light: #fdfbf7;--text-secondary: #6b7280;--accent-yellow-light: #fef9c3;--accent-blue-light: #e0f2fe;--accent-green-light: #d1fae5;--gradient-start: #fffbeb;--gradient-end: #fce7f3;--border-color-light: #e2e8f0;--standard-transition: background-color .2s;--standard-shadow: 0 10px 25px rgba(0,0,0,.1);--standard-font: .875rem}html,#root{height:100%;width:100%}.light{--background: var(--primary-light);--card-bg: #ffffff;--text: var(--primary-dark);--text-secondary: var(--text-secondary);--border: var(--border-color-light);--button: var(--primary-dark);--button-hover: #4a5568;--input: #ffffff;--chat-bg: #f7fafc;--pill-bg: #edf2f7;--pill-hover: #e2e8f0;--scroll-button: rgba(255, 255, 255, .95);--scrollbar-thumb: #cbd5e0;--scrollbar-track: #edf2f7;--message-user-bg: #edf2f7;--message-assistant-bg: var(--primary-dark);--message-assistant-text: #ffffff}.dark{--background: #111827;--card-bg: #1f2937;--text: #f9fafb;--text-secondary: #9ca3af;--border: #374151;--button: #374151;--button-hover: #4b5563;--input: #374151;--chat-bg: #111827;--pill-bg: #374151;--pill-hover: #4b5563;--scroll-button: rgba(31, 41, 55, .95);--scrollbar-thumb: #4b5563;--scrollbar-track: #1f2937;--message-user-bg: #374151;--message-assistant-bg: #3b82f6;--message-assistant-text: #ffffff}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--background)}.container{--container-vertical-padding: 2rem;height:100dvh;width:100vw;padding:1rem;background:linear-gradient(180deg,var(--gradient-start) 0%,var(--gradient-end) 100%);display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;position:relative;overflow:hidden}.content{width:100%;max-width:800px;height:650px;margin:0 auto;display:flex;flex-direction:column;background-color:var(--card-bg);border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;position:relative;z-index:1;border:1px solid var(--border);max-height:calc(100dvh - var(--container-vertical-padding))}@media (max-width: 768px){.container{padding:5rem .5rem 3rem;--container-vertical-padding: 8rem}.content{max-height:calc(100dvh - var(--container-vertical-padding))}.message{max-width:85%;padding:.7rem;font-size:.85rem}.header{padding:.75rem}.header-title{display:none}.reset-button{font-size:1rem;min-width:1.75rem;height:1.75rem;padding:.4rem}.input-area{padding:.75rem}.input{padding:.7rem}.send-button{padding:.7rem 1rem}.suggested-questions-container{padding:.4rem 1rem}.question-pill{padding:.4rem .8rem;font-size:.8rem}}.header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);background-color:var(--card-bg)}.header-content{display:flex;justify-content:flex-end;align-items:center;gap:1rem;position:relative}.header-buttons{display:flex;gap:.75rem;align-items:center}.header-title{color:var(--text);font-size:1.5rem;font-weight:800;margin:0;position:absolute;left:50%;transform:translate(-50%);letter-spacing:-.025em}.header-logo{height:1.5em;width:1.5em;margin-right:.2em;vertical-align:middle;position:relative;top:-3px}.reset-button{background-color:transparent;border:1px solid var(--border);color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem}.reset-button:hover{background-color:var(--border);color:var(--text);border-color:var(--text-secondary)}.phone-button{background-color:transparent;border:1px solid var(--border);color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem}.phone-button:hover{background-color:var(--border);color:var(--text);border-color:var(--text-secondary)}.phone-button.active{background-color:var(--button);color:#fff;border-color:var(--button)}.phone-button.active:hover{background-color:var(--button-hover);border-color:var(--button-hover)}.conversation-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary);margin-left:.5rem}.conversation-timer{font-family:monospace;font-weight:700}.conversation-indicator{width:8px;height:8px;border-radius:50%;background-color:#10b981;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.chat-container{flex:1;overflow-y:auto;padding:1rem;background-color:var(--chat-bg);scroll-behavior:smooth;scrollbar-width:thin}.chat-container::-webkit-scrollbar{width:8px}.chat-container::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.chat-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.message-list{display:flex;flex-direction:column;gap:1rem}.message{max-width:80%;padding:.875rem 1rem;border-radius:1rem;word-break:break-word;line-height:1.5;box-shadow:0 1px 2px #0000000d}.assistant-message{background-color:var(--message-assistant-bg);color:var(--message-assistant-text);align-self:flex-start;border-bottom-left-radius:.25rem}.user-message{background-color:var(--message-user-bg);color:var(--text);align-self:flex-end;border-bottom-right-radius:.25rem}.transcript-message{opacity:.8;font-style:italic;border-left:3px solid var(--button);padding-left:1rem}.transcript-message:before{content:"🎤 ";opacity:.6}.suggested-questions-container{position:relative;padding:.75rem 1.25rem;border-top:1px solid var(--border);background-color:var(--card-bg)}.suggested-questions{display:flex;gap:.5rem;overflow-x:auto;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;padding:.5rem}.suggested-questions::-webkit-scrollbar{display:none}.scroll-button{position:absolute;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border-radius:50%;background-color:var(--scroll-button);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text);z-index:2;box-shadow:0 2px 4px #0000001a;transition:opacity .2s}.scroll-button-left{left:0}.scroll-button-right{right:0}.question-pill{background-color:var(--pill-bg);color:var(--text);padding:.625rem 1.25rem;border-radius:999px;font-size:var(--standard-font);border:1px solid var(--border);cursor:pointer;white-space:nowrap;transition:all .3s ease;font-weight:500}.question-pill:hover{background-color:var(--button);color:#fff;border-color:var(--button);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.input-area{display:flex;padding:1.25rem 1.5rem;border-top:1px solid var(--border);background-color:var(--card-bg);gap:.75rem}.input{flex:1;padding:.875rem 1rem;border-radius:.5rem;border:1px solid var(--border);background-color:var(--input);color:var(--text);font-size:var(--standard-font);transition:border-color .3s,box-shadow .3s;font-family:Inter,sans-serif}.input:focus{outline:none;border-color:var(--button);box-shadow:0 0 0 3px #1f29371a}.send-button{padding:.875rem 1.75rem;border-radius:.5rem;background-color:var(--button);color:#fff;border:none;cursor:pointer;transition:all .3s ease;font-size:var(--standard-font);font-weight:600}.send-button:hover{background-color:var(--button-hover);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.footer{position:fixed;bottom:.5rem;left:0;right:0;text-align:center;font-size:clamp(.75rem,1.8vw,.875rem);color:var(--text-secondary);pointer-events:none;z-index:10}@media (max-width: 768px){.ai-disclaimer{font-size:.5em;padding:2px 0;margin-bottom:4px}}.link{color:var(--button);text-decoration:none;font-weight:700;pointer-events:auto}.link:hover{text-decoration:underline}.header-controls{position:fixed;right:1.5rem;top:1.5rem;display:flex;gap:.75rem;z-index:10}.control-button{width:2.75rem;height:2.75rem;border-radius:.5rem;background-color:var(--card-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:1.2rem;box-shadow:0 1px 3px #0000001a}.control-button:hover{background-color:var(--button);color:#fff;border-color:var(--button);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background-color:var(--card-bg);padding:2rem;border-radius:.75rem;width:90%;max-width:400px;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid var(--border)}.help-modal{max-width:560px}.help-content h4{margin:0 0 .5rem;color:var(--text)}.help-content ul{margin:0 0 1rem 1.2rem;color:var(--text)}.help-content li{margin:.25rem 0;font-size:var(--standard-font)}.modal-close{position:absolute;right:1rem;top:1rem;background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;transition:color .3s;line-height:1}.modal-close:hover{color:var(--text)}.modal-title{color:var(--text);margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.modal-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text);font-size:var(--standard-font)}.modal-input{padding:.875rem 1rem;border-radius:.5rem;border:1px solid var(--border);background-color:var(--input);color:var(--text);font-size:var(--standard-font);transition:border-color .3s,box-shadow .3s;font-family:Inter,sans-serif}.modal-input:focus{outline:none;border-color:var(--button);box-shadow:0 0 0 3px #1f29371a}.modal-hint{font-size:.75rem;color:var(--text-secondary);margin:0}.modal-submit{padding:.875rem 1.5rem;border-radius:.5rem;background-color:var(--button);color:#fff;border:none;cursor:pointer;transition:all .3s ease;font-size:var(--standard-font);width:100%;font-weight:600}.modal-submit:hover{background-color:var(--button-hover);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.send-button.loading{opacity:.6;cursor:not-allowed;transform:none}.input:disabled{opacity:.6;cursor:not-allowed}.ai-disclaimer{font-size:.65em;color:var(--text-secondary);text-align:center;padding:3px 0;opacity:.8;font-weight:400;letter-spacing:.01em;margin-top:0}.resize-controls{position:absolute;bottom:2px;right:2px;display:flex;flex-direction:column;gap:4px;z-index:10}.size-reset-button{background:none;border:none;color:var(--text-secondary);font-size:10px;cursor:pointer;padding:2px;border-radius:3px;transition:all .2s ease;opacity:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;align-self:flex-end;margin-right:-2px;margin-bottom:-4px;transform:scale(.8)}.resize-handle{width:16px;height:16px;cursor:nw-resize;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.4;-webkit-user-select:none;user-select:none;padding:2px}.resize-handle:hover{opacity:.8}.resize-handle.resizing{opacity:1}.resize-dots{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;width:12px;height:12px;pointer-events:none}.resize-dot{width:2px;height:2px;background-color:transparent;border-radius:50%;transition:background-color .2s ease}.resize-dot-visible{background-color:var(--text-secondary)}.resize-dot:nth-child(6){background-color:var(--text-secondary)}.resize-handle:hover .resize-dot-visible,.resize-handle:hover .resize-dot:nth-child(6){background-color:var(--text)}.resize-handle.resizing .resize-dot-visible,.resize-handle.resizing .resize-dot:nth-child(6){background-color:var(--button)}.resize-controls:hover .size-reset-button{opacity:.6;color:var(--text-secondary);transform:scale(1)}.size-reset-button:hover{opacity:.8;color:var(--text);transform:scale(1.1)}.container.resizing{-webkit-user-select:none;user-select:none}.container.resizing *{cursor:nw-resize!important}.consent-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;flex:1;overflow-y:auto;width:100%;text-align:center}.consent-container h2{color:var(--text)}.consent-container p{color:var(--text);padding:0 1.5rem;max-width:640px;margin:.5rem auto 0}.consent-checkbox{display:flex;align-items:center;margin-top:20px}.consent-checkbox label{color:var(--text)}.consent-checkbox input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid #ccc;border-radius:4px;margin-right:10px;cursor:pointer;position:relative;outline:none}.consent-checkbox input[type=checkbox]:checked{background-color:#4caf50;border-color:#4caf50}.consent-checkbox input[type=checkbox]:checked:after{content:"✔";color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px}.details-form-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;box-sizing:border-box}.details-form{width:100%;max-width:400px;display:flex;flex-direction:column;gap:1.5rem;background-color:var(--card-bg);padding:2rem;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--border)}.details-form h2{color:var(--text);margin:0 0 1rem;font-size:1.5rem;font-weight:700;text-align:center}.form-input{padding:.875rem 1rem;border-radius:.5rem;border:1px solid var(--border);background-color:var(--input);color:var(--text);font-size:var(--standard-font);transition:border-color .3s,box-shadow .3s;font-family:Inter,sans-serif;width:100%;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--button);box-shadow:0 0 0 3px #1f29371a}.submit-button{padding:.875rem 1.5rem;border-radius:.5rem;background-color:var(--button);color:#fff;border:none;cursor:pointer;transition:all .3s ease;font-size:var(--standard-font);width:100%;font-weight:600}.submit-button:hover{background-color:var(--button-hover);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}