*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#777777 transparent}html,body{font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background-color:#777;border-radius:5px}h1,h2,h3,h4,h5,h6{font-weight:700;font-family:Lato,sans-serif}p,span,div{font-weight:400;font-family:Lato,sans-serif}.light-text{font-weight:300;font-family:Lato,sans-serif}.bold-text{font-weight:700;font-family:Lato,sans-serif}.black-text{font-weight:900;font-family:Lato,sans-serif}.primary-background{background:linear-gradient(95.91deg,#4857e3,#04c075)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;text-align:center}.modal-content h3{margin-bottom:1rem;color:#333}.modal-content p{color:#666}.preloaded-image{position:relative}.preloaded-image__loader{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6}.preloaded-image__spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.preloaded-image__img{opacity:0;transition:opacity .3s ease-in-out}.preloaded-image__img.loaded{opacity:1}.preloaded-image__img{width:200px;height:200px;object-fit:cover;padding-bottom:20px}.search-container{font-family:system-ui,-apple-system,sans-serif}.search-container .search-trigger{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#f3f4f6;border:none;border-radius:8px;color:#4b5563;cursor:pointer;transition:background-color .2s}@media (max-width: 767px){.search-container .search-trigger{display:none}}.search-container .search-trigger:hover{background-color:#e5e7eb}.search-container .shortcut{margin-left:8px;font-size:14px;color:#9ca3af}@media (max-width: 767px){.search-container .shortcut{display:none}}.search-container .mobile-search-button{display:none!important;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#f3f4f6;border:none;color:#4b5563;cursor:pointer}@media (max-width: 767px){.search-container .mobile-search-button{display:flex}}.search-container .mobile-search-button:hover{background-color:#e5e7eb}.search-container .overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background-color:#00000080;overflow-y:auto;display:flex;align-items:center;justify-content:center}@media (max-width: 767px){.search-container .overlay{align-items:flex-start}}.search-container .modal-wrapper{padding:16px;width:100%;max-width:42rem}@media (max-width: 767px){.search-container .modal-wrapper{padding:8px;max-width:100%;margin-top:0}}.search-container .search-modal{width:100%;text-align:left;background-color:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media (max-width: 767px){.search-container .search-modal{border-radius:0 0 8px 8px}}.search-container .header{position:relative;display:flex;align-items:center;padding:16px;border-bottom:1px solid #e5e7eb}@media (max-width: 767px){.search-container .header{padding:12px}}.search-container .search-icon{position:absolute;left:24px;color:#9ca3af}@media (max-width: 767px){.search-container .search-icon{left:16px}}.search-container .search-input{width:100%;padding:8px 16px 8px 48px;border:none;background-color:transparent;font-size:16px;color:#111827}@media (max-width: 767px){.search-container .search-input{padding-left:40px;font-size:14px}}.search-container .search-input:focus{outline:none}.search-container .close-button{padding:8px;border:none;border-radius:8px;background-color:transparent;cursor:pointer;color:#6b7280}.search-container .close-button:hover{background-color:#f3f4f6}.search-container .results-container{padding:16px;height:50vh;overflow-y:auto}@media (max-width: 767px){.search-container .results-container{padding:12px;height:calc(100vh - 60px)}}.search-container .results-list{list-style:none;margin:0;padding:0}.search-container .result-item{padding:12px;border-radius:8px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f3f4f6}@media (max-width: 767px){.search-container .result-item{padding:8px}}.search-container .result-item:hover{background-color:#f9fafb}.search-container .message-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.search-container .message-icon{color:#6b7280;flex-shrink:0}.search-container .message-text{font-size:15px;color:#111827;font-weight:500}@media (max-width: 767px){.search-container .message-text{font-size:14px}}.search-container .message-date{margin-left:auto;font-size:12px;color:#6b7280}.search-container .response-preview{font-size:13px;color:#6b7280;margin-left:28px;margin-top:4px}@media (max-width: 767px){.search-container .response-preview{font-size:12px}}.search-container .coach-type{font-size:12px;font-weight:500;color:#6b7280;background-color:#f3f4f6;padding:2px 4px;border-radius:4px;margin-left:6px}.search-container .no-results-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;height:100%}.search-container .no-results-image{width:160px;height:160px;margin-bottom:16px}.search-container .no-results{text-align:center;color:#6b7280}.search-container .loader{text-align:center;padding:16px;color:#6b7280}.search-container .highlight{background-color:#ff0;padding:4px;border-radius:4px;text-decoration:underline}.search-container .recent-searches-title{margin-bottom:10px;color:#6b7280;font-weight:500}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:50}.modal-overlay .backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080}.modal-overlay .modal-content{position:relative;width:100%;max-width:600px;background-color:#fff;border-radius:12px;padding:24px}.modal-overlay .modal-content .close-button{position:absolute;top:24px;right:24px;background:none;border:none;cursor:pointer;padding:4px}.modal-overlay .modal-content .title{font-size:28px;font-weight:700;text-align:center;margin-bottom:8px;color:#333}.modal-overlay .modal-content .subtitle{font-size:20px;color:#666;text-align:center;margin-bottom:32px}.modal-overlay .modal-content .selected-avatar-container{display:flex;flex-direction:column;align-items:center;margin-bottom:22px;position:relative;height:120px}.modal-overlay .modal-content .selected-avatar-container .selected-avatar{position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:120px;border-radius:50%;z-index:1}.modal-overlay .modal-content .selected-avatar-container .frame-image{position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:120px;z-index:2}.modal-overlay .modal-content .avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:2px 18px;max-height:48vh;overflow-y:auto;margin-bottom:24px;scroll-behavior:smooth}.modal-overlay .modal-content .avatar-grid .avatar-button{padding:0;background:none;border:none;cursor:pointer;width:100%;position:relative}.modal-overlay .modal-content .avatar-grid .avatar-button.selected{border:double 4px transparent;border-radius:50%;transition:all .2s ease;background-image:linear-gradient(#fff,#fff),linear-gradient(95.91deg,#4857e3,#04c075);background-origin:border-box;background-clip:padding-box,border-box}.modal-overlay .modal-content .avatar-grid .avatar-button .avatar-image{width:100%;height:100%;border-radius:50%;background:linear-gradient(95.91deg,#4857e31a,#04c0751a);object-fit:cover;transition:all .2s ease;aspect-ratio:1/1}.modal-overlay .modal-content .avatar-grid .loader-container{padding:20px;display:flex;justify-content:center;align-items:center;grid-column:1/-1}.modal-overlay .modal-content .avatar-grid .loader-container .loader{width:32px;height:32px;border:4px solid #e8f4fb;border-bottom:4px solid #3c92c1;border-radius:50%;animation:spin 1s linear infinite}.modal-overlay .modal-content .done-button{width:100px;padding:12px;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;margin:0 auto;display:block}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999;padding:16px;border-radius:16px}.modal-container{background-color:#fff;border-radius:16px;box-shadow:0 2px 10px #0000001a;max-height:90vh;width:100%;max-width:500px;position:relative;animation:modalFadeIn .3s ease-out}.modal-header{padding:18px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:center;position:relative}.modal-header .modal-title{font-size:20px;font-weight:700;margin:0;text-align:center}.modal-header .close-button{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;padding:12px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-header .close-button.hovered{background-color:#f0f0f0;transform:translateY(-50%) rotate(90deg)}.modal-content{padding:16px;overflow-y:auto;z-index:1000}.submit-button-container{text-align:center;margin-top:16px}.submit-button-container .submit-button{background:linear-gradient(95.91deg,#4857e3,#04c075);color:#fff;border:none;border-radius:8px;padding:12px 40px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin:24px auto 8px}.submit-button-container .submit-button.loading{opacity:.7;cursor:not-allowed}.submit-button-container .submit-button:hover:not(.loading){transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.submit-button-container .submit-button:active:not(.loading){transform:translateY(0);box-shadow:none}.loading-spinner{width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.modal-header .modal-title{font-size:16px;line-height:1.2;padding:0 24px}.modal-content{padding:12px}.submit-button{padding:10px 32px;font-size:14px}}.select-energy{padding:16px;display:flex;flex-direction:column;min-height:400px;justify-content:space-between}.select-energy .coaches-container{flex-grow:1;display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.select-energy .role-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease;background-color:transparent;text-align:left}.select-energy .role-item:hover:not(.selected){background-color:#f7f7f7}.select-energy .role-item.selected{background-color:#f0f7ff}.select-energy .role-content .role-title{margin:0;font-size:1rem;font-weight:400;text-align:left}.select-energy .role-content .role-subtitle{color:#666;margin:4px 0 0;font-size:.875rem;font-weight:400}.select-energy .check-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background-color:transparent;border:2px solid #ccc}.select-energy .check-circle.selected{background:linear-gradient(95.91deg,#4857e3,#04c075);border:double 2px transparent;background-image:linear-gradient(95.91deg,#4857e3,#04c075);background-origin:border-box;background-clip:content-box,border-box}.select-energy .submit-container{text-align:center;margin-top:8px;flex-shrink:0}.select-energy .submit-container .submit-button{color:#fff;border:none;border-radius:8px;padding:12px 40px;cursor:pointer;font-size:16px;font-weight:600;transition:background-color .3s ease;display:block;margin:16px auto 0}.select-energy .submit-container .submit-button:disabled{cursor:not-allowed;opacity:.7}.select-energy .submit-container .submit-button .button-content{display:flex;align-items:center;justify-content:center;gap:8px}.select-energy .submit-container .submit-button .loader{animation:spin 1s linear infinite}.coach-status-simple{margin:12px 0 8px;padding:10px 12px;background-color:#f8f9ff;border-radius:6px;border:1px solid #e0e4ff;flex-shrink:0}.coach-status-simple .status-content{display:flex;align-items:center;gap:8px;justify-content:center}.coach-status-simple .status-content .spinning{color:#4857e3;animation:spin 1s linear infinite}.coach-status-simple .status-content span{font-size:14px;color:#4857e3;font-weight:500}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center}.modal-overlay .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;transition:opacity .2s ease}.modal-overlay .confirm-modal-container{position:relative;width:100%;max-width:450px;background:#fff;border-radius:8px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin:0 20px}.close-button{position:absolute;top:16px;right:16px;color:#6b7280;background:none;border:none;cursor:pointer;padding:8px;transition:color .2s ease}.close-button:hover{color:#374151}.modal-title{font-size:18px;font-weight:600;margin-bottom:16px;color:#111827}.modal-description{color:#4b5563;margin-bottom:24px;line-height:1.5}.save-option{margin-bottom:24px}.save-option .hidden-checkbox{position:absolute;opacity:0}.save-option .save-label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s ease}.save-option .save-label:hover{background-color:#f9fafb}.save-option .checkmark-container{width:32px;height:32px;border-radius:8px;background-color:#3b82f6;display:flex;align-items:center;justify-content:center;color:#fff}.save-option .checkmark-container.unchecked{background-color:transparent;border:2px solid #d1d5db}.save-option .checkmark{width:20px;height:20px}.save-option .save-text{font-size:18px;color:#111827}.button-container{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.primary-button{background:linear-gradient(95.91deg,#4857e3,#04c075);color:#fff;padding:12px 24px;border-radius:8px;border:none;font-weight:500;cursor:pointer;transition:all .2s ease}.primary-button:hover{transform:scale(1.02);transition:all .4s ease}.primary-button.loading{opacity:.7;cursor:wait}.cancel-button{background-color:#fff;color:#6b7280;padding:12px 24px;border-radius:8px;border:1px solid #d1d5db;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#374151}.loader-container{display:flex;align-items:center;justify-content:center;gap:8px}.loader-container .loader-icon{animation:spin 1s linear infinite}@media (max-width: 480px){.modal-container{margin:0 16px;padding:20px}.modal-title{font-size:20px}.save-text{font-size:16px}.primary-button,.cancel-button{padding:10px 20px}}.nav-header{background:linear-gradient(90.5deg,#0094c6,#0288bc,#037db2,#0371a8,#056b9e,#005b94);width:100vw;position:sticky;top:0;left:0;z-index:100}.nav-content{position:relative;max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;padding:12px 24px;min-height:82px}.logo-section{display:flex;align-items:center;gap:8px;flex-shrink:0}.logo-section .simpli5-logo{height:54px;cursor:pointer}.logo-section .multiply-sign{font-size:20px;margin:0 4px;color:#fff}.desktop-menu{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;margin-left:24px}.actions-section{display:flex;align-items:center;gap:24px}.actions-section .action-icons{display:flex;gap:24px}.actions-section .header-icon{color:#fff;cursor:pointer;width:24px;height:24px}.actions-section .header-icon:hover{opacity:.8}.actions-section .logout-button{background-color:#0074ae;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-weight:500;transition:background-color .2s}.actions-section .logout-button:hover{background-color:#005c8a}.mobile-menu-button,.mobile-menu{display:none}.logout-modal-text{font-size:16px;font-weight:500;text-align:center}.logout-modal-buttons{display:flex;gap:16px;justify-content:center;margin-top:22px;margin-bottom:16px}.logout-modal-button{background:linear-gradient(95.91deg,#4857e3,#04c075);color:#fff;border:none;border-radius:4px;padding:12px 22px;cursor:pointer;font-weight:500;transition:all .2s ease}.logout-modal-button:disabled{cursor:wait;opacity:.7}.logout-modal-button:hover,.logout-modal-button:active{background-color:#005c8a}.logout-modal-button:focus{outline:none}@media (max-width: 1024px){.desktop-menu{display:none}.mobile-menu-button{display:block;background:none;border:none;color:#fff;cursor:pointer;padding:8px;margin-left:auto}.mobile-menu{display:none;width:100%;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);margin-top:16px}.mobile-menu.show{display:flex;flex-direction:column;gap:20px}.nav-content{padding:12px}.logo-section .simpli5-logo{height:40px}}@media (max-width: 480px){.nav-content{padding:8px}.logo-section .simpli5-logo{height:32px}.mobile-menu .action-icons{gap:16px}.logout-button{padding:6px 12px;font-size:14px}}.animate-spin{animation:spin 1s linear infinite}.chat-input-root{min-width:100%;margin-bottom:1rem;padding:0 .75rem}.input-container{position:relative;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:.75rem;transition:all .2s ease;box-shadow:0 2px 4px #0000000d;width:100%;max-width:90%;margin:0 auto;overflow:hidden}.input-area{display:flex;flex-direction:column;width:100%;min-width:0}.sample-questions{width:100%;position:relative;margin-bottom:.5rem}.sample-questions-container{width:100%;display:flex;overflow-x:auto;gap:.5rem;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sample-questions-container::-webkit-scrollbar{display:none}.sample-question-button{background:#2d3748;color:#fff;border:none;border-radius:9999px;padding:.5rem 1rem;cursor:pointer;transition:all .2s ease;font-size:.875rem;white-space:nowrap;flex-shrink:0}.sample-question-button:hover{background:#4a5568}.input-field{width:100%;border:none;outline:none;font-size:1rem;padding:.25rem;padding-right:100px;background:transparent;color:#1f2937;min-height:24px;font-family:Lato,sans-serif}.input-field::placeholder{color:#9ca3af;font-size:.875rem;font-weight:500;font-family:Lato,sans-serif}.actions{position:absolute;right:.75rem;bottom:.75rem;display:flex;gap:.5rem;background-color:#fff}.action-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:9999px;background:transparent;color:#0087c8;cursor:pointer;transition:all .2s ease}.action-button:hover{background:#f0f9ff}.action-button:disabled{color:#9ca3af;cursor:not-allowed}.action-button.send-button{background:linear-gradient(95.91deg,#4857e3,#04c075);color:#fff}.action-button.send-button:disabled{background:#e5e7eb}@media (max-width: 640px){.chat-input-root{padding:0 .5rem}.input-container{padding:.5rem;max-width:100%}.sample-questions-container{gap:.25rem;display:none}.sample-question-button{padding:.25rem .5rem;font-size:10}.actions{right:.5rem;bottom:.5rem}}@media (max-width: 380px){.chat-input-root{padding:0 .25rem;margin-bottom:.5rem}.input-container{padding:.25rem}.actions{right:.25rem;bottom:.25rem}.action-button{width:32px;height:32px}}.chat-preview-root{width:100%;height:100%;background-color:#fff;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding:1rem}.preview-intro{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.preview-intro .intro-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.preview-intro .image-container{position:relative;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:2rem}.preview-intro .image-container:hover .character-image{transform:translateY(-5px)}.preview-intro .image-container .character-image{width:156px;height:auto;object-fit:contain;margin-bottom:-2rem;z-index:2;transition:transform .3s ease}.preview-intro .image-container .title-banner{padding:.75rem;border-radius:9999px;position:relative;z-index:1;min-width:204px;text-align:center}.preview-intro .image-container .title-banner .title{color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.preview-intro .intro-question{font-size:1.5rem;font-weight:700;color:#1a1a1a;text-align:center;margin:0;line-height:1.2}.cards-section{width:100%;max-width:800px;margin:0 auto}.cards-section .cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.cards-section .card{background:#fff;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb;transition:all .2s ease;height:100%}.cards-section .card:hover{box-shadow:0 6px 12px -2px #00000026}.cards-section .card .icon-container{background:linear-gradient(90.5deg,#0094c61a,#0288bc1a);width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.cards-section .card .card-title{font-size:1rem;font-weight:700;line-height:1.3;margin:0;color:#111827}.cards-section .card .description{font-size:1rem;line-height:1.5;color:#6b7280;margin:0}@media (max-width: 1024px){.chat-preview-root{gap:1.5rem}.preview-intro .intro-question{font-size:1rem}.cards-section .cards-container{gap:1rem}}@media (max-width: 768px){.chat-preview-root{padding:1rem .5rem;gap:1rem;height:90%;overflow:auto}.preview-intro .image-container{max-width:300px}.preview-intro .image-container .character-image{width:100px}.preview-intro .image-container .title-banner{padding:.5rem 1.5rem;min-width:180px}.preview-intro .intro-question{font-size:1.75rem}.cards-section .cards-container{grid-template-columns:1fr}.cards-section .card{width:100%;margin:0 auto}}@media (max-width: 480px){.chat-preview-root{padding:1rem .5rem;height:100%;overflow:auto}.preview-intro .image-container{max-width:250px}.preview-intro .image-container .character-image{width:92px}.preview-intro .image-container .title-banner{padding:.5rem 1.25rem;min-width:160px}.preview-intro .image-container .title{font-size:.75rem}.preview-intro .intro-question{font-size:1.5rem}.cards-section .card .icon-container{width:18px;height:18px}.cards-section .card .card-title,.cards-section .card .description{font-size:.75rem}}.timer{color:#fff;font-size:1rem;font-weight:500;font-variant-numeric:tabular-nums;min-width:70px;border:1px solid #ffffff;border-radius:44px;padding:.5rem;text-align:center}@media (max-width: 640px){.timer{font-size:1rem;min-width:60px}}@media (max-width: 480px){.timer{display:none}}.feedback-form{max-width:800px;margin:20px auto;background-color:#fff;border-radius:8px;position:relative;font-family:sans-serif;padding:0 12px}.feedback-form .form-section{margin-bottom:30px}.feedback-form .question-title{font-size:16px;font-weight:500;margin-bottom:20px}.feedback-form .options-container{display:flex;gap:15px;flex-wrap:wrap}.feedback-form .option-button{flex:1;min-width:100px;min-height:40px;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;background-color:transparent}.feedback-form .option-button.selected{border:1px solid transparent;background-image:linear-gradient(95.91deg,#4857e31a,#04c0751a),linear-gradient(#fff,#fff),linear-gradient(95.91deg,#4857e3,#04c075);background-origin:border-box;background-clip:content-box,padding-box,border-box}.feedback-form .option-button:hover{background-color:#4857e30d}.feedback-form .feedback-textarea{width:100%;min-height:120px;padding:15px;border-radius:8px;border:1px solid rgba(4,192,117,.1);font-size:16px;resize:vertical;transition:border-color .2s ease}.feedback-form .feedback-textarea:focus{outline:none;border-color:#4857e3}.feedback-form .submit-button{color:#fff;padding:15px 40px;border-radius:8px;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto;transition:all .2s ease;min-width:140px}.feedback-form .submit-button.disabled{background-color:#a0a0a0;cursor:not-allowed;opacity:.7}.feedback-form .submit-button:not(.disabled):hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.feedback-form .loading-spinner{width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.feedback-form{margin:10px auto;padding:0 8px}.feedback-form .option-button{min-width:80px;font-size:14px}.feedback-form .question-title,.feedback-form .feedback-textarea{font-size:14px}.feedback-form .submit-button{font-size:16px;padding:12px 30px}}@media (max-width: 480px){.feedback-form .options-container{gap:10px}.feedback-form .option-button{min-width:70px;font-size:13px;padding:8px}}.loading-screen{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-screen .loading-container{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-screen .loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #3c92c1;border-radius:50%;animation:spin 1s linear infinite}.loading-screen .loading-text{color:#666;font-size:16px;font-weight:500;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-header{padding:16px;border-bottom:1px solid #e5e7eb;width:100%;position:sticky;top:0;z-index:10}@media (max-width: 768px){.chat-header{padding:12px;display:none}}.chat-header .chat-header-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;max-width:100%;position:relative}@media (max-width: 768px){.chat-header .chat-header-container{justify-content:center;gap:12px}}.chat-header .chat-header-container .agent-tag{padding:14px 22px;font-size:14px;font-weight:500;border:1px solid #e5e7eb;border-radius:20px;display:inline-block;max-width:fit-content;order:2}@media (max-width: 768px){.chat-header .chat-header-container .agent-tag{padding:8px 16px;font-size:13px;max-width:calc(100% - 48px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.chat-header .chat-header-container .mobile-menu-btn{display:none;background:none;border:none;padding:8px;cursor:pointer;color:#111827}@media (max-width: 768px){.chat-header .chat-header-container .mobile-menu-btn{display:block;order:1}}.chat-header .chat-header-container .mobile-menu-btn:hover{opacity:.8}.chat-header .chat-header-container .mobile-menu-btn:active{opacity:.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.thank-you-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;max-width:800px;margin:0 auto;text-align:center}.thank-you-title{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:40px;font-family:sans-serif}.thank-you-button{color:#fff;padding:15px 60px;font-size:20px;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-family:sans-serif;transition:all .2s ease}.thank-you-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.thank-you-button:active{transform:translateY(0);box-shadow:none}@media (max-width: 768px){.thank-you-container{padding:30px 15px}.thank-you-title{font-size:20px;margin-bottom:30px}.thank-you-button{padding:12px 50px;font-size:18px}}@media (max-width: 480px){.thank-you-container{padding:20px 10px}.thank-you-title{font-size:18px;margin-bottom:25px}.thank-you-button{padding:10px 40px;font-size:16px}}.chat-root{display:flex;flex-direction:column;height:calc(100vh - var(--header-height) - 22px);width:100%;position:relative;background:#fff;overflow:hidden}.chat-container{display:flex;flex-direction:column;width:100%;height:100%;margin:0 auto;max-width:1200px;padding:0 1rem}@media (max-width: 768px){.chat-container{padding:0 .5rem}}.powered-text{margin:.2rem auto;cursor:pointer;transition:opacity .2s ease;display:block;text-align:center}.powered-text:hover{opacity:.8}@media (max-width: 480px){.powered-text{display:none}}.typing-gif{flex-shrink:0;opacity:.8;transition:opacity .3s ease}.typing-gif.hide{opacity:0}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.message-content{position:relative}.message-content .typing-indicator{will-change:opacity;transform:translateY(-2px)}.typing-gif-wrapper{will-change:opacity,visibility;position:relative;display:inline-flex;align-items:flex-end}.typing-gif-wrapper img{pointer-events:none}.message-content{gap:8px}.tooltip-container{position:relative;display:inline-flex;align-items:center}.tooltip-container .typing-indicator{height:26px;margin-left:6px;margin-top:0;will-change:opacity}.tooltip-container .tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:6px 10px;background-color:#000c;color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;margin-bottom:8px;z-index:1000}.tooltip-container .tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:rgba(0,0,0,.8) transparent transparent transparent}.tooltip-container:hover .tooltip{opacity:1;visibility:visible}.loading-dots{display:flex;align-items:center;gap:8px}.loading-dots div{color:#666;font-size:14px}.dark .message-content[data-streaming=true]:after{background-color:#fff}.light .message-content[data-streaming=true]:after{background-color:#000}.messages-wrapper{flex:1;position:relative;overflow:hidden;height:calc(100vh - var(--header-height) - 86px);padding:1rem}@media (max-width: 768px){.messages-wrapper{padding:1rem;height:calc(100vh - var(--header-height) - 78px)}}@media (max-width: 480px){.messages-wrapper{padding:.5rem}}.preview-wrapper{height:100%;overflow-y:auto}.preview-wrapper::-webkit-scrollbar{width:6px}.preview-wrapper::-webkit-scrollbar-track{background:#eee}.preview-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.preview-wrapper::-webkit-scrollbar-thumb:hover{background:#737373}.chat-messages{height:calc(100vh - 356px);overflow-y:auto;padding:2.5rem 2rem;display:flex;flex-direction:column;gap:1.25rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#eee}.chat-messages::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#737373}@media (max-width: 768px){.chat-messages{padding:1rem;gap:1rem}}@media (max-width: 480px){.chat-messages{height:calc(100vh - 328px);padding:.75rem;gap:.75rem}}.voice-widget-wrapper{display:inline-block}.voice-widget-wrapper.disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.chat-input-container{flex-shrink:0;width:100%;background:#fff;margin-top:auto;text-align:center}@media (max-width: 768px){.chat-input-container{padding:.75rem}}@media (max-width: 480px){.chat-input-container{padding:.5rem}}.message-container{position:relative;margin-bottom:32px;width:100%;display:flex;flex-direction:column}.message-container.USER{align-items:flex-end}.message-container.USER .message-bubble{flex-direction:row-reverse}.message-container.USER .message-content{text-align:right}.message-bubble{display:flex;gap:12px;max-width:80%;animation:fadeIn .3s ease-in-out;margin-bottom:8px}@media (max-width: 768px){.message-bubble{max-width:85%}}@media (max-width: 480px){.message-bubble{max-width:90%;gap:.5rem}}.assistant-message{align-self:flex-start}.assistant-message .message-content{background:linear-gradient(95.91deg,#4857e31a,#04c0751a);color:#333}.user-message{align-self:flex-end;flex-direction:row-reverse}.user-message .message-content{background:linear-gradient(95.91deg,#4857e3,#04c075);color:#fff}.assistant-icon{width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:50%;overflow:hidden}@media (max-width: 480px){.assistant-icon{width:1.75rem;height:1.75rem}}.assistant-icon .icon{width:100%;height:100%;object-fit:cover;border-radius:50%}.message-content{padding:6px 12px;border-radius:8px}.USER .message-content{background-color:#e3f2fd;margin-left:auto}.ASSISTANT .message-content{background-color:#f5f5f5}@media (max-width: 768px){.message-content{font-size:.9375rem;padding:.625rem .875rem}}@media (max-width: 480px){.message-content{font-size:.875rem;padding:.5rem .75rem}}.loading-content{min-width:60px;min-height:32px;display:flex;align-items:center;justify-content:center}.loading-dots{display:inline-flex;justify-content:center;align-items:center;gap:6px}.loading-dots span{width:6px;height:6px;background-color:#333;border-radius:50%;animation:blink 1.4s infinite both}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}@media (min-width: 1200px){.chat-container{max-width:1440px;margin:0 auto}.message-bubble{max-width:70%}.chat-messages{padding:3rem 2.5rem}}@media (max-height: 500px) and (orientation: landscape){.chat-root{height:100vh}.messages-wrapper{height:calc(100vh - 120px)}.chat-messages{height:calc(100vh - 150px);padding:1rem}.chat-input-container{padding:.5rem}.message-bubble{max-width:95%}}@media print{.chat-root{height:auto;overflow:visible}.chat-input-container,.loading-content,.powered-text{display:none}.messages-wrapper,.chat-messages{height:auto;overflow:visible}}@media (prefers-contrast: high){.message-content{border:1px solid #333333}.assistant-message .message-content{background:#fff;color:#333}.user-message .message-content{background:#333;color:#fff}}@media (prefers-reduced-motion: reduce){.message-bubble,.loading-dots span{animation:none}}@media (prefers-color-scheme: dark){.message-content{box-shadow:0 1px 2px #ffffff1a}}.message-container{position:relative;margin-bottom:16px}.message-rating-container{position:absolute;left:48px;bottom:-28px;display:flex;gap:12px;padding:4px;opacity:1;z-index:1}.rating-btn{background:transparent;border:none;padding:6px;cursor:pointer;color:#666;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.rating-btn:hover{transform:scale(1.1);background-color:#f0f0f0}.rating-btn.active{transform:scale(1.1)}.rating-btn.active svg{color:#2563eb}.assistant-message{margin-bottom:16px}.message-container:hover .message-rating-container{opacity:1}