.credits-badge{display:flex;align-items:center;justify-content:flex-end;background:var(--green-success-bg);color:var(--green-dark);border-radius:var(--radius-lg);font-size:1em;font-weight:600;padding:var(--space-3) 16px;margin-bottom:var(--space-4);margin-top:var(--space-1);box-shadow:0 1px 4px var(--green-shadow-subtle);min-width:120px;max-width:220px;transition:background .2s}.credits-badge.low{background:#fff3e0;color:#e65100}.credits-badge.zero{background:#ffebee;color:#c62828}.credits-badge.hidden{display:none!important}.extra-credit-section{margin-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);align-items:center;text-align:center;width:100%}.extra-credit-heading{font-size:1.3em;font-weight:600;color:var(--primary-color);margin:0 0 var(--space-2)}.extra-credit-cta{font-size:.95em;color:var(--text-secondary);margin:0;line-height:1.5}.extra-credit-email{padding:var(--space-4) 12px;border-radius:var(--radius-sm);border:1px solid #e0e0e0;font-size:1em;width:100%;max-width:320px;text-align:center}.extra-credit-section .modal-button{margin:0 auto;min-width:140px}.extra-credit-feedback{font-size:.98em;color:var(--green-dark);margin-top:var(--space-1);min-height:18px}:root{--primary-color:#4caf50;--secondary-color:#3498db;--primary-color-light:#81c784;--background-light:#f8fdf9;--background-medium-light:#e8f5e9;--text-dark:#2e7d32;--white-color:#fff;--border-light:#e0e0e0;--green-dark:#388e3c;--green-hover:#45a049;--green-light-bg:#f1f8f4;--green-success-bg:#eafaf0;--green-shadow-subtle:rgba(76,175,80,.07);--green-shadow-light:rgba(76,175,80,.1);--green-shadow-medium:rgba(76,175,80,.2);--green-shadow-strong:rgba(76,175,80,.35);--blue-primary:#007bff;--blue-dark:#0056b3;--blue-light-bg:#f8fbff;--error-color:#f44336;--error-danger:#dc3545;--error-bg:#fef5f5;--border-medium:#ccc;--text-heading:#2c3e50;--text-secondary:#757575;--text-disabled:#999;--shadow-subtle:rgba(0,0,0,.05);--shadow-light:rgba(0,0,0,.1);--shadow-medium:rgba(0,0,0,.15);--shadow-strong:rgba(0,0,0,.2);--overlay-dark:rgba(0,0,0,.5);--white-overlay-light:rgba(255,255,255,.15);--white-overlay-medium:rgba(255,255,255,.8);--space-0:0;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-6:12px;--space-8:16px;--space-10:20px;--space-12:24px;--space-16:32px;--space-20:40px;--space-24:48px;--radius-none:0;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:50%}.age-buttons-container{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:var(--space-6);margin:var(--space-8) auto;max-width:800px;width:100%}@media (max-width:600px){.age-buttons-container{grid-template-columns:repeat(2,1fr)!important;gap:var(--space-4);max-width:100%}}.age-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6);background-color:var(--white-color);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;user-select:none;min-height:85px;gap:var(--space-3)}.age-button:hover{border-color:var(--secondary-color);background-color:var(--blue-light-bg);transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,152,219,.15)}.age-button.active,.age-button.selected{border-color:var(--primary-color);background-color:#e8f5e9;box-shadow:0 4px 12px var(--green-shadow-medium);font-weight:600}.age-button.active::after,.age-button.selected::after,.checkbox-group label.selected::after{content:'✓';position:absolute;top:6px;right:8px;width:20px;height:20px;background-color:var(--primary-color);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.age-button-icon{font-size:2em;line-height:.8}.age-button-label{font-size:.9em;font-weight:500;color:var(--text-color);line-height:1.2}@media (max-width:600px){.age-button{padding:var(--space-8) var(--space-4);min-height:90px}.age-button-icon{font-size:2.2em}.age-button-label{font-size:.9em}}#logo,.hezu-logo{width:130px;height:130px;cursor:pointer;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.header-content{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start}header h1{color:var(--text-heading);margin-bottom:0;font-size:1.8em}#hezuAnimatedTitle,#hezuSubtitle,header p{color:var(--green-dark);word-break:break-word;max-width:100vw}#hezuSubtitle,header p{margin:.2em 0;opacity:.95;border-bottom:none!important;font-size:1.1em;font-family:'Nunito',Arial,sans-serif;font-weight:400}#hezuAnimatedTitle{margin-bottom:.2em!important;font-size:2.7em;font-weight:700;font-family:'Poppins','Nunito',Arial,sans-serif;white-space:normal}#topAuthBar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);padding:var(--space-6);font-size:.9em;background:var(--green-dark);color:var(--white-color);border-radius:0 0 12px 12px;margin-bottom:var(--space-4);justify-content:center}#topAuthBar .user-email{flex:1 1 auto;font-weight:500;color:var(--white-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#topAuthBar .usage-info{flex:0 0 auto;font-size:.85em;color:#fff;text-align:right}#topAuthBar button,.language-selector{flex:0 0 auto;color:var(--white-color);cursor:pointer;font-family:'Poppins',sans-serif}#topAuthBar button{padding:5px 10px;background:rgba(255,255,255,.13);border:none;font-size:.85em;border-radius:var(--radius-md);transition:background .2s}#topAuthBar button:hover{background:rgba(255,255,255,.22)}.language-selector{padding:var(--space-4) 16px;font-size:.9em;font-weight:500;background:var(--white-overlay-light);border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-xl);transition:all .3s ease;outline:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);letter-spacing:.3px}.language-selector:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.4);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-medium)}.language-selector:focus{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.5);box-shadow:0 0 0 3px rgba(255,255,255,.1)}.language-selector option{background:#2d7a2f;color:var(--white-color);padding:var(--space-6);font-weight:500}#googleButton,.profile-header{display:flex;align-items:center}#googleButton{flex:0 0 auto;min-width:48px;min-height:32px;margin-left:auto;justify-content:center}.profile-section{background-color:var(--background-light);border-radius:var(--radius-sm);margin-bottom:var(--space-12);border:1px solid var(--border-color-light);overflow:hidden}.profile-header{padding:var(--space-8) 20px;cursor:pointer;justify-content:space-between;background-color:var(--background-medium-light);border-bottom:1px solid var(--border-color-light)}.profile-header:hover{background-color:var(--background-medium)}.profile-title{margin:0;font-size:1.15em;font-weight:600;color:var(--text-dark)}.optional-text{font-weight:400;font-size:.9em;color:var(--text-light)}.toggle-icon{font-size:1.5em;font-weight:700;color:var(--primary-color);transition:transform .2s ease-in-out}.profile-header[aria-expanded=true] .toggle-icon{transform:rotate(180deg)}.profile-content{padding:var(--space-10);border-top:none;display:block}.otras-text,.profile-content.hidden{display:none}.otras-text{width:calc(100% - 22px);margin-top:var(--space-4);padding:var(--space-6);border:1px solid #ddd;border-radius:var(--radius-md);box-sizing:border-box}.form-row{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-bottom:var(--space-8)}.form-group{display:flex;flex-direction:column;flex-grow:1}.form-group.full-width{flex-basis:100%}.horizontal-group{flex-direction:row;align-items:center;gap:var(--space-6)}.form-label{display:block;margin-bottom:var(--space-3);font-weight:500;font-size:.95em;color:var(--text-dark)}.fixed-width-label{flex-shrink:0;width:auto;margin-bottom:0}.label-hint{font-weight:400;font-size:.85em;color:var(--text-light)}.form-input{font-size:1em;font-family:'Nunito',sans-serif;background-color:var(--white-color);transition:border-color .2s ease,box-shadow .2s ease}.form-input,.form-select,.form-textarea{width:100%;border-radius:var(--radius-md)}.form-select,.form-textarea{font-size:1em;font-family:'Nunito',sans-serif;background-color:var(--white-color);transition:border-color .2s ease,box-shadow .2s ease;padding:var(--space-6) 12px;border:1px solid var(--border-color-medium)}.form-input{padding:var(--space-4) 10px;border:1px solid var(--border-medium);box-sizing:border-box;margin-bottom:var(--space-6)}#customControlsContainer,.age-selection-section,.custom-controls{margin:0;padding:0;background-color:transparent;border-radius:0;border:0;gap:0}.conversational-step{margin:0;background-color:transparent;border-radius:0;gap:0}.age-selection-section label:first-of-type,.conversational-step .conversational-question,.custom-controls>label:first-of-type{display:block;margin-bottom:0;padding-bottom:0;font-weight:600;font-size:1.1em;color:var(--text-color)}[data-i18n-key=age_selector_label]{margin-left:10px}.custom-controls label:not(:first-of-type){display:block;margin-top:var(--space-8);margin-bottom:var(--space-4);font-weight:600;font-size:.95em;color:var(--text-color)}.common-additional-controls .form-input,.common-additional-controls .form-textarea,.custom-controls input[type=text],.custom-controls select{background-color:var(--primary-color);color:var(--white-color);border:1px solid var(--green-dark);font-family:'Poppins',sans-serif;margin-bottom:var(--space-8);font-size:1em}.custom-controls input[type=text],.custom-controls select{border-radius:var(--radius-md);padding:var(--space-6) 15px;box-sizing:border-box;width:100%}.common-additional-controls select,.custom-controls select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,%3Csvg fill="white" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7 10l5 5 5-5z"/%3E%3Cpath d="M0 0h24v24H0z" fill="none"/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:right 15px center;padding-right:var(--space-20)}.common-additional-controls select option,.custom-controls select option{background-color:var(--white-color);color:var(--text-color)}.common-additional-controls .form-input::placeholder,.common-additional-controls .form-textarea::placeholder,.custom-controls input[type=text]::placeholder{color:var(--white-overlay-medium);opacity:1}.common-additional-controls .form-input::-moz-placeholder,.common-additional-controls .form-textarea::-moz-placeholder,.custom-controls input[type=text]::-moz-placeholder{color:var(--white-overlay-medium);opacity:1}.common-additional-controls .form-input:-ms-input-placeholder,.common-additional-controls .form-input::-ms-input-placeholder,.common-additional-controls .form-textarea:-ms-input-placeholder,.common-additional-controls .form-textarea::-ms-input-placeholder,.custom-controls input[type=text]:-ms-input-placeholder,.custom-controls input[type=text]::-ms-input-placeholder{color:var(--white-overlay-medium)}.common-additional-controls .form-input:focus,.common-additional-controls .form-textarea:focus,.custom-controls input[type=text]:focus,.custom-controls select:focus{border-color:#2e7d32;box-shadow:0 0 0 .2rem rgba(76,175,80,.45);outline:none}.form-textarea{min-height:80px;resize:vertical}.form-subtitle{font-size:1.05em;font-weight:600;color:var(--text-dark);margin-top:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--border-color-light);padding-bottom:var(--space-4)}.location-row{align-items:flex-end}.location-row .form-group{flex-grow:2}.location-row .form-group:last-child{flex-grow:1}.button-secondary.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-6) 15px;background-color:var(--background-medium-light);color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--radius-md);font-size:.95em;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease;white-space:nowrap;font-family:'Poppins',sans-serif}.button-secondary.icon-button:hover,.dropdown-menu label:hover,.multi-select-options label:hover{background-color:var(--primary-color-light);color:var(--white-color)}.button-secondary.icon-button svg,.common-additional-controls .icon-button svg{margin-right:var(--space-3)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.use-case-buttons{display:grid;gap:var(--space-8);margin-bottom:var(--space-16);justify-items:stretch;justify-content:center;align-items:stretch;max-width:900px;margin-left:auto;margin-right:auto;grid-template-columns:repeat(4,1fr)}#promptSection button#submitButton,.use-case-buttons button{cursor:pointer;color:var(--white-color);border:none;border-radius:var(--radius-md);font-family:'Poppins',sans-serif}.use-case-buttons button{background-color:var(--primary-color);text-align:center;line-height:1.4;min-height:56px;width:100%;box-shadow:0 2px 8px var(--shadow-light);padding:var(--space-8) 12px;font-size:.95em;font-weight:500}@media (max-width:600px){.use-case-buttons{grid-template-columns:repeat(2,1fr);gap:var(--space-6);max-width:100%}.use-case-buttons button{padding:var(--space-8) var(--space-6);font-size:.85em;min-height:52px}}.use-case-buttons button:hover{background-color:#2e7d32;transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-medium)}.use-case-buttons button:active{transform:translateY(0)}.use-case-buttons button.active{background-color:#2e7d32;box-shadow:0 2px 5px var(--shadow-strong);transform:scale(1.05);font-weight:600}#promptSection,.response-container{background-color:var(--white-color);border-radius:var(--radius-sm)}#promptSection{padding:var(--space-6) 15px 15px;margin-top:var(--space-6);border:1px solid var(--border-color);box-shadow:0 1px 3px rgba(0,0,0,.05)}#promptSection>label{display:block;margin-bottom:var(--space-4);font-weight:600;color:var(--text-color);font-size:1.1em}.response-container{display:flex;align-items:flex-start;border:none;border-width:0;padding:16px 8px 0 0;margin-top:0;position:relative}.hezu-owl{margin-right:var(--space-8);width:70px;height:auto;flex-shrink:0;margin-top:var(--space-6)}#promptSection button#submitButton{padding:var(--space-6) 25px;background-color:var(--blue-primary);font-size:1.05em;font-weight:600;transition:background-color .2s,opacity .3s,transform .1s;display:block;margin:var(--space-8) auto 0}#promptSection button#submitButton:hover{background-color:var(--blue-dark);transform:translateY(-1px)}#promptSection button#submitButton:disabled{background-color:var(--border-medium);cursor:not-allowed;opacity:.7}#promptSection button#submitButton.limit-reached{background-color:var(--error-danger);opacity:.8}#responseContainer{display:flex;align-items:flex-start;gap:var(--space-8);margin-top:var(--space-8)}.response-bubble-wrapper{flex-grow:1;background-color:var(--bubble-bg);padding:var(--space-8) 20px;border:1px solid var(--bubble-border);border-radius:var(--radius-md);min-height:80px;font-family:'Nunito',sans-serif;font-size:1em;color:#212529;box-shadow:0 2px 5px rgba(0,0,0,.08);position:relative;transition:background-color .3s;box-sizing:border-box;overflow:hidden}.response-bubble-wrapper::before{left:-10px;top:20px}.response-bubble-wrapper::after,.response-bubble-wrapper::before{content:"";position:absolute;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent}.response-bubble-wrapper::before{border-right:10px solid var(--bubble-border)}.response-bubble-wrapper::after{left:-8px;top:21px;border-right:9px solid var(--bubble-bg);border-top-width:9px;border-bottom-width:9px}.response-bubble{white-space:pre-wrap;word-wrap:break-word}.streaming-response{min-height:100px;line-height:1.6;word-break:break-word}#responseArea.loading{background-color:var(--bubble-bg);opacity:.7}.response-bubble .hezu-paragraph{margin:0 0 .8em}.response-bubble .hezu-paragraph:last-child{margin-bottom:0}.response-bubble strong{font-weight:700;color:var(--blue-dark)}.response-bubble em{font-style:italic;color:var(--text-light)}.response-bubble ol,.response-bubble ul{margin:.5em 0 1em;padding-left:var(--space-12)}.response-bubble li{margin-bottom:.4em}.bold-blue,footer a{color:var(--blue-primary)}#loadingIndicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);text-align:center;margin:var(--space-10) auto;width:fit-content}.spinner{border:4px solid var(--shadow-light);width:36px;height:36px;border-radius:var(--radius-full);border-left-color:var(--primary-color);animation:spin 1s ease infinite;margin-bottom:var(--space-8)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}#loadingPhrase{font-style:italic;color:var(--text-light);font-size:.95em}footer{text-align:center;margin-top:var(--space-20);padding-top:var(--space-8);border-top:1px solid var(--border-color);font-size:.85em;color:#777}footer a{text-decoration:none}footer a:hover{text-decoration:underline}.hidden{display:none!important}.credit-teaser-banner{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:16px 50px 16px 24px;border-radius:12px;box-shadow:0 8px 24px rgba(102,126,234,.4);z-index:999;max-width:90%;width:fit-content;animation:slideUpFade .4s ease-out}.credit-teaser-banner .banner-text{font-size:1.05em;font-weight:600;display:block;line-height:1.4}.credit-teaser-banner .banner-close{position:absolute;top:8px;right:8px;background:rgba(255,255,255,.2);border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .1s}.credit-teaser-banner .banner-close:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}@keyframes slideUpFade{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:600px){.credit-teaser-banner{bottom:70px;padding:14px 45px 14px 20px;max-width:95%}.credit-teaser-banner .banner-text{font-size:.95em}}.back-to-top-btn{display:block;margin:var(--space-8) auto 0;padding:var(--space-6) 22px;background:#4caf50;color:var(--white-color);border:none;border-radius:var(--radius-md);font-size:1em;font-family:'Poppins','Nunito',Arial,sans-serif;font-weight:600;cursor:pointer;box-shadow:0 2px 8px rgba(76,175,80,.07);transition:background .2s,transform .1s}.back-to-top-btn:focus,.back-to-top-btn:hover{background:var(--green-dark);transform:translateY(-2px) scale(1.04);outline:none}@keyframes hezuTitlePulse{0%{color:#2e7d32;text-shadow:0 2px 8px #b2ffb2,0 1px 0 var(--white-color);transform:scale(1)}60%{color:#43a047;text-shadow:0 4px 16px #b2ffb2,0 1px 0 var(--white-color);transform:scale(1.04)}to{color:var(--green-dark);text-shadow:0 6px 24px #b2ffb2,0 1px 0 var(--white-color);transform:scale(1.08)}}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.18)}}@media (max-width:768px){body{padding:var(--space-6)}.hezu-header,header{flex-direction:row;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8);padding-bottom:var(--space-6)}#logo,.hezu-logo{width:100px;height:100px}.header-content{width:100%;align-items:flex-start}.hezu-header.sticky-reduced .hezu-logo{width:40px!important;height:40px!important;transition:width .3s ease,height .3s ease}#topAuthBar{font-size:1.05em;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) 10px 10px 8px;min-height:38px;border-radius:0 0 12px 12px;margin-bottom:var(--space-2)}#topAuthBar .premium-badge,#topAuthBar .usage-info,#topAuthBar .user-email{font-size:.92em;margin-left:0}#topAuthBar button{font-size:.92em;padding:2px 7px;margin-left:var(--space-1)}#googleButton{margin-left:auto;min-width:38px;min-height:28px;max-width:120px;overflow:hidden;justify-content:flex-end}.profile-section{padding:var(--space-6)}#responseContainer{flex-direction:column;align-items:center;gap:var(--space-6)}.hezu-owl{width:50px;margin-top:0;margin-bottom:var(--space-2)}.response-bubble-wrapper{width:100%}.response-bubble{padding:var(--space-6) 15px;border-radius:var(--radius-md)}.response-bubble::before{left:-8px;top:15px;border-top-width:8px;border-bottom-width:8px;border-right-width:8px}.response-bubble::after{left:-6px;top:16px;border-top-width:7px;border-bottom-width:7px;border-right-width:7px}#hezuAnimatedTitle{font-size:2.2em!important;margin-bottom:.1em!important;line-height:1.3!important;max-width:95vw;min-height:2.6em}#hezuSubtitle{font-size:1em!important;margin-top:.2em!important;margin-bottom:.2em!important;max-width:95vw;border-bottom:none!important}.back-to-top-btn{width:95%;font-size:.97em;padding:9px 0;margin-top:var(--space-8)}#childAgeSelect{font-size:.95em}}@media (max-width:480px){.hezu-header,.use-case-buttons button,header{margin-bottom:var(--space-6);padding:var(--space-6)}.hezu-header,header{flex-direction:row;align-items:center;gap:var(--space-3);padding:var(--space-3)}header h1{font-size:1.25em}#logo,.hezu-logo{width:85px;height:85px}.header-content{align-items:flex-start}.hezu-header.sticky-reduced .hezu-logo{width:40px!important;height:40px!important;transition:width .3s ease,height .3s ease}#topAuthBar{font-size:.98em;min-height:32px;padding:var(--space-2) var(--space-2) var(--space-3);border-radius:0 0 8px 8px;margin-bottom:var(--space-1);flex-wrap:wrap;gap:var(--space-1)}#googleButton{margin-left:auto;min-width:32px;min-height:22px;max-width:90px;overflow:hidden;justify-content:flex-end}#promptSection textarea{min-height:45px}.custom-controls input[type=text],.custom-controls select{max-width:none}#promptSection button#submitButton{width:95%;font-size:.98em}.hezu-owl{width:70px!important;height:auto!important;margin-top:0!important;margin-bottom:var(--space-4)!important}#responseContainer{flex-direction:column!important;align-items:center!important}.response-bubble-wrapper{width:100%!important}#hezuSubtitle{font-size:.95em!important;border-bottom:none!important;color:var(--green-dark)!important;font-weight:600!important;margin-top:.1em!important;margin-bottom:.18em!important;text-shadow:0 1px 4px #e0ffe0}#hezuAnimatedTitle{font-size:1.8em!important;margin-bottom:.08em!important;line-height:1.3!important;max-width:98vw;min-height:2.6em}.back-to-top-btn{width:99%;font-size:.93em;padding:var(--space-4) 0;margin-top:var(--space-6)}#childAgeSelect{font-size:.9em}}.dropdown{position:relative;display:inline-block;width:100%;max-width:450px}.dropdown-button{width:100%;padding:var(--space-4);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:.95em;background-color:var(--white-color);color:var(--text-color);text-align:left;cursor:pointer;font-family:'Poppins',sans-serif}#profileLocation:focus,.dropdown-button:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--green-shadow-medium)}.dropdown-menu,.multi-select{width:100%;border:1px solid var(--border-medium);border-radius:var(--radius-md);background-color:var(--white-color)}.dropdown-menu{top:100%;left:0;max-height:200px;overflow-y:auto;box-shadow:0 2px 5px var(--shadow-light);z-index:10;position:absolute}.dropdown-menu label,.multi-select-options label{display:block;padding:var(--space-4);font-size:.9em;cursor:pointer}.dropdown-menu input[type=checkbox],.multi-select-options input[type=checkbox]{margin-right:var(--space-4);accent-color:var(--primary-color)}.multi-select{position:relative;max-width:450px;color:var(--text-color);font-size:.95em;cursor:pointer}.multi-select-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-radius:var(--radius-md)}.multi-select-placeholder{color:#888}#profileLocation,.multi-select-arrow{font-size:.9em;color:var(--text-color)}.multi-select-options{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background-color:var(--white-color);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:0 2px 5px var(--shadow-light);z-index:10}.location-container{display:flex;align-items:center;gap:var(--space-6)}#profileLocation{flex:1;padding:var(--space-4);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:.95em;background-color:var(--white-color)}#getLocationButton{padding:var(--space-6) 10px;background-color:var(--primary-color);color:var(--white-color);border:none;border-radius:var(--radius-md);font-size:.9em;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s;text-align:center;box-shadow:0 2px 5px var(--shadow-strong);font-family:'Poppins',sans-serif}#getLocationButton:hover{background-color:#2e7d32;transform:scale(1.05);transition:all .3s ease}#getLocationButton:active{transform:none}#getLocationButton:disabled{background-color:var(--border-medium);cursor:not-allowed;opacity:.7}#getLocationButton.loading{background-color:var(--primary-color);opacity:.8}.feedback-button{font-family:'Poppins',sans-serif}#loginButton{background:#4caf50!important;color:#4caf50!important;border:none!important;width:32px;height:32px;min-width:32px;min-height:32px;border-radius:var(--radius-full);opacity:.01;position:absolute;top:12px;right:12px;z-index:9999;cursor:pointer;font-size:.1em;padding:0;transition:opacity .2s}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-6);margin-top:var(--space-6);margin-bottom:var(--space-10)}.checkbox-group label,.checkbox-group label span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4)}.checkbox-group label{padding:var(--space-8) 10px;background-color:var(--white-color);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;user-select:none;min-height:100px}.checkbox-group label:hover{border-color:var(--secondary-color);background-color:var(--blue-light-bg);transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,152,219,.15)}.checkbox-group input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-group label.selected{border-color:var(--primary-color);background-color:#e8f5e9;box-shadow:0 4px 12px var(--green-shadow-medium);font-weight:600}.checkbox-group label span{font-size:.95em;font-weight:500;color:var(--text-color);line-height:1.3;width:100%}.checkbox-emoji{font-size:2.5em!important;line-height:1!important;display:block}.checkbox-text{font-size:1em!important;font-weight:500;line-height:1.3!important;display:block}@media (max-width:600px){.checkbox-group{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.checkbox-group label{padding:var(--space-8) var(--space-4);min-height:90px}.checkbox-group label span{font-size:.9em}.checkbox-emoji{font-size:2.2em!important}}.checkbox-group.horizontal{display:flex;flex-wrap:wrap;gap:var(--space-6)}.common-additional-controls{margin-top:var(--space-10);padding-top:var(--space-8)}#promptSectionTitle,.common-additional-controls .form-group{margin-bottom:var(--space-8)}.common-additional-controls .form-label{display:block;margin-bottom:var(--space-2);font-weight:500}.common-additional-controls .form-input,.common-additional-controls .form-textarea{width:100%;padding:var(--space-6);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-sizing:border-box}.common-additional-controls .form-textarea{min-height:44px;max-height:120px}.common-additional-controls .location-row{display:flex;align-items:center;gap:var(--space-8)}.common-additional-controls .location-row .horizontal-group{flex-grow:1}.common-additional-controls .fixed-width-label{width:auto}.common-additional-controls .icon-button{display:inline-flex;align-items:center;justify-content:center}#promptSectionTitle{font-size:1.5em;color:#2e7d32;margin-top:0;padding-top:16px;padding-bottom:16px;border-bottom:1px solid rgba(46,125,50,.2);text-align:center}#promptInput{display:none!important}#feedbackSection{margin-top:var(--space-10);padding:var(--space-8);border-radius:var(--radius-sm);background-color:#f9f9f9;text-align:center}.feedback-section{margin-top:var(--space-16);padding:0;animation:fadeInUp .4s ease-out}.feedback-content{background:linear-gradient(135deg,var(--blue-light-bg) 0%,#fff 100%);border:1px solid #e3f2fd;border-radius:var(--radius-lg);padding:var(--space-12);box-shadow:0 4px 12px var(--shadow-subtle);text-align:center}.feedback-question{font-family:'Poppins',sans-serif;font-size:1.05em;font-weight:500;color:var(--text-heading);margin:0 0 20px;letter-spacing:.3px}.feedback-buttons-container{display:flex;gap:var(--space-8);justify-content:center;align-items:center;margin-bottom:var(--space-6)}.feedback-btn{background:#fff;border:2px solid #e0e0e0;border-radius:var(--radius-full);width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feedback-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:var(--radius-full);transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.feedback-btn-negative,.feedback-btn-positive{color:var(--text-secondary)}.feedback-btn-positive:hover{border-color:var(--primary-color);background:var(--green-light-bg);transform:translateY(-4px) scale(1.05);box-shadow:0 8px 20px rgba(76,175,80,.25);color:var(--primary-color)}.feedback-btn-positive:hover::before{background:var(--green-shadow-light);width:100%;height:100%}.feedback-btn-positive:active{transform:translateY(-2px) scale(1.02)}.feedback-btn-positive.selected{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 6px 16px var(--green-shadow-strong)}.feedback-btn-negative:hover{border-color:var(--error-color);background:var(--error-bg);transform:translateY(-4px) scale(1.05);box-shadow:0 8px 20px rgba(244,67,54,.25);color:var(--error-color)}.feedback-btn-negative:hover::before{background:rgba(244,67,54,.1);width:100%;height:100%}.feedback-btn-negative:active{transform:translateY(-2px) scale(1.02)}.feedback-btn-negative.selected{background:var(--error-color);border-color:var(--error-color);color:#fff;box-shadow:0 6px 16px rgba(244,67,54,.35)}.feedback-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.feedback-btn:disabled:hover{border-color:#e0e0e0;background:#fff}.feedback-btn svg{width:28px;height:28px;transition:transform .2s ease}.feedback-btn:hover svg{transform:scale(1.1)}.feedback-btn:active svg{transform:scale(.95)}.feedback-form{margin-top:var(--space-12);padding-top:var(--space-10);border-top:1px solid #e8f4f8;animation:slideDown .3s ease-out}.feedback-label,.feedback-select{font-family:'Poppins',sans-serif;font-size:.95em}.feedback-label{display:block;margin-bottom:var(--space-6);font-weight:500;text-align:left;color:#455a64}.feedback-select{width:100%;max-width:400px;padding:var(--space-6) 16px;border:2px solid #e0e0e0;border-radius:var(--radius-md);color:#37474f;background:#fff;cursor:pointer;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666' d='M6 8L0 2l1.4-1.4L6 5.2 10.6.6 12 2z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:var(--space-20)}.feedback-select:hover{border-color:var(--primary-color);box-shadow:0 2px 8px var(--green-shadow-light)}.feedback-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--green-shadow-light)}.feedback-textarea{width:100%;max-width:500px;min-height:90px;padding:var(--space-6) 16px;border:2px solid #e0e0e0;border-radius:var(--radius-md);font-family:'Poppins',sans-serif;font-size:.95em;color:#37474f;background:#fff;resize:vertical;transition:all .3s ease;margin-bottom:var(--space-8)}.feedback-textarea:hover{border-color:var(--primary-color);box-shadow:0 2px 8px var(--green-shadow-light)}.feedback-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--green-shadow-light)}.feedback-textarea::placeholder{color:#90a4ae}.feedback-submit-btn,.feedback-thanks{font-family:'Poppins',sans-serif;font-size:1em}.feedback-submit-btn{padding:14px 32px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--green-hover) 100%);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(76,175,80,.25);letter-spacing:.5px;border:none;border-radius:var(--radius-xl);color:#fff;font-weight:600}.feedback-submit-btn:hover{background:linear-gradient(135deg,var(--green-hover) 0%,var(--green-dark) 100%);transform:translateY(-2px);box-shadow:0 6px 16px var(--green-shadow-strong)}.feedback-submit-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(76,175,80,.25)}.feedback-thanks{margin-top:var(--space-10);padding:var(--space-8) 20px;background:linear-gradient(135deg,#e8f5e9 0%,var(--green-light-bg) 100%);border:1px solid #c8e6c9;border-radius:var(--radius-md);color:#2e7d32;font-weight:500;display:flex;align-items:center;justify-content:center;gap:var(--space-6);animation:fadeInScale .4s ease-out}.feedback-thanks svg{flex-shrink:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.feedback-content{padding:var(--space-10) 16px}.feedback-btn{width:50px;height:50px}.feedback-btn svg{width:24px;height:24px}.feedback-buttons-container{gap:var(--space-6)}.feedback-select,.feedback-textarea{max-width:100%}}#feedbackReasonSection{margin-top:var(--space-8)}#feedbackReasonSection label{display:block;margin-bottom:var(--space-4);font-family:'Poppins',sans-serif;color:#555;font-size:.95em}#feedbackReasonSection .form-select,#feedbackReasonSection .form-textarea{font-family:'Poppins',sans-serif;border-radius:var(--radius-md);border:1px solid var(--border-medium);padding:var(--space-6);width:calc(80% - 22px);max-width:400px;margin-left:auto;margin-right:auto;margin-bottom:var(--space-8);background-color:#fff;color:#333;box-sizing:border-box}#feedbackReasonSection .form-textarea{min-height:70px}#feedbackReasonSection .form-textarea::placeholder{color:var(--text-disabled);font-family:'Poppins',sans-serif}#feedbackReasonSection .form-textarea::-moz-placeholder{color:var(--text-disabled);font-family:'Poppins',sans-serif;opacity:1}#feedbackReasonSection .form-textarea:-ms-input-placeholder,#feedbackReasonSection .form-textarea::-ms-input-placeholder{color:var(--text-disabled);font-family:'Poppins',sans-serif}#shareButton,#submitFeedbackButton{font-family:'Poppins',sans-serif;background-color:#4caf50;color:#fff;border:none;padding:var(--space-6) 25px;border-radius:var(--radius-md);cursor:pointer;font-weight:500;font-size:1em;transition:background-color .2s ease;margin-top:var(--space-6)}#submitFeedbackButton:hover{background-color:var(--green-hover)}#shareButton{border-radius:var(--radius-xl);padding:var(--space-4) 15px;font-size:.9em;font-weight:700;gap:var(--space-4);margin-top:var(--space-8);margin-left:auto;margin-right:var(--space-6);transition:background-color .3s ease}#shareButton:hover,.feedback-action-buttons-group #shareButton:hover{background-color:var(--green-dark)}#shareButton.hidden{display:none!important}#shareButton svg{fill:#fff;width:20px;height:20px}#copyButton,#shareButton,.modal{display:flex;align-items:center}#copyButton{background-color:#3498db;color:var(--white-color);border:none;border-radius:var(--radius-xl);padding:var(--space-4) 15px;font-size:.9em;font-weight:700;cursor:pointer;gap:var(--space-4);margin-top:var(--space-8);margin-left:var(--space-6);transition:background-color .3s ease;font-family:'Poppins',sans-serif}#copyButton:hover{background-color:#2c80b8}#copyButton.hidden{display:none!important}#copyButton svg{fill:var(--white-color);width:20px;height:20px}#copyButton.copied{background-color:#27ae60}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-dark);backdrop-filter:blur(4px);justify-content:center;z-index:10000;animation:fadeIn .3s ease;overflow-y:auto;padding:20px 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--white-color);border-radius:var(--radius-lg);padding:40px 30px;max-width:450px;width:90%;max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 10px 40px var(--shadow-strong);position:relative;animation:slideUp .3s ease;text-align:center;margin:auto}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.out-of-credits-modal{display:flex;flex-direction:column;align-items:center;gap:var(--space-10)}.modal-icon{width:80px;height:80px;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;animation:pulse 2s ease infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.modal-icon svg{color:#fff;filter:drop-shadow(0 2px 4px var(--shadow-strong));pointer-events:none}.modal-title{font-size:1.8em;font-weight:700;color:var(--text-color);margin:0;font-family:'Poppins',sans-serif}.modal-button,.modal-message{font-size:1.1em;font-family:'Poppins',sans-serif}.modal-message{color:var(--text-light);line-height:1.6;margin:0}.modal-button{background:linear-gradient(135deg,var(--primary-color) 0%,var(--green-hover) 100%);color:#fff;border:none;padding:14px 40px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(76,175,80,.3)}.modal-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(76,175,80,.4)}.modal-button:active{transform:translateY(0)}.close-button{position:absolute;top:15px;right:20px;font-size:28px;font-weight:300;color:var(--text-disabled);cursor:pointer;transition:color .3s ease;line-height:1}.close-button:hover{color:var(--text-color)}@media (max-width:500px){.modal-content{padding:var(--space-16) var(--space-10)}.modal-title{font-size:1.5em}.modal-message{font-size:1em}.modal-icon{width:70px;height:70px}.modal-icon svg{width:50px;height:50px}}.feedback-buttons-inline{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid #e8f4f8;animation:fadeInUp .3s ease-out}.feedback-action-buttons-group,.feedback-thumbs-group{display:flex;align-items:center;gap:8px}.feedback-action-buttons-group #copyButton,.feedback-action-buttons-group #shareButton,.feedback-action-buttons-group #whatsappButton{width:36px;height:36px;min-width:36px;min-height:36px;padding:0;margin:0;border-radius:var(--radius-full);border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,.08)}.feedback-action-buttons-group #shareButton{background-color:#4caf50}.feedback-action-buttons-group #whatsappButton{background-color:#25d366}.feedback-action-buttons-group #copyButton{background-color:#3498db}.feedback-action-buttons-group #whatsappButton:hover{background-color:#1fba57}.feedback-action-buttons-group #copyButton:hover{background-color:#2c80b8}.feedback-action-buttons-group #copyButton svg,.feedback-action-buttons-group #shareButton svg,.feedback-action-buttons-group #whatsappButton svg{width:20px;height:20px;fill:#fff!important}.feedback-thumb-btn{background:0 0;border:1.5px solid #e0e0e0;border-radius:var(--radius-full);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);padding:0;position:relative;overflow:hidden}.feedback-thumb-btn svg{width:20px;height:20px;transition:all .25s ease;position:relative;z-index:1}.feedback-thumb-down,.feedback-thumb-up{color:var(--text-secondary)}.feedback-thumb-up:hover:not(:disabled){border-color:var(--primary-color);background-color:var(--green-light-bg);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px var(--green-shadow-medium)}.feedback-thumb-up.selected{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px rgba(76,175,80,.3)}.feedback-thumb-down:hover:not(:disabled){border-color:var(--error-color);background-color:var(--error-bg);color:var(--error-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(244,67,54,.2)}.feedback-thumb-down.selected{background-color:var(--error-color);border-color:var(--error-color);color:#fff;box-shadow:0 4px 12px rgba(244,67,54,.3)}.feedback-thumb-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-thumb-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:var(--radius-full);background:rgba(255,255,255,.4);transform:translate(-50%,-50%);transition:width .6s,height .6s}.feedback-thumb-btn:active::before{width:100%;height:100%}.feedback-thumb-share{border-color:#1976d2;color:#1976d2}.feedback-thumb-share:hover:not(:disabled){background:#e3f2fd;border-color:#1976d2;color:#1976d2;transform:translateY(-2px);box-shadow:0 4px 12px rgba(25,118,210,.2)}.feedback-thumb-share::after{content:'📤';position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);font-size:.7em;opacity:0;transition:opacity .2s ease;white-space:nowrap;pointer-events:none}.feedback-thumb-copy:hover::after,.feedback-thumb-share:hover::after,.feedback-thumb-whatsapp:hover::after{opacity:1}.feedback-thumb-copy{border-color:#7b1fa2;color:#7b1fa2}.feedback-thumb-copy:hover:not(:disabled){background:#f3e5f5;border-color:#7b1fa2;color:#7b1fa2;transform:translateY(-2px);box-shadow:0 4px 12px rgba(123,31,162,.2)}.feedback-thumb-copy::after{content:'📋';position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);font-size:.7em;opacity:0;transition:opacity .2s ease;white-space:nowrap;pointer-events:none}.feedback-thumb-copy.copied{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.feedback-thumb-whatsapp{border-color:#25d366;color:#25d366}.feedback-thumb-whatsapp:hover:not(:disabled){background:#d4f5e9;border-color:#25d366;color:#25d366;transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,211,102,.2)}.feedback-thumb-whatsapp::after{content:'💬';position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);font-size:.7em;opacity:0;transition:opacity .2s ease;white-space:nowrap;pointer-events:none}.feedback-text-container{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid #e8f4f8;animation:slideDown .3s ease-out;width:100%;box-sizing:border-box;position:relative}.feedback-text-input{width:100%;max-width:100%;box-sizing:border-box;padding:var(--space-6) 50px 10px 12px;border:2px solid #e0e0e0;border-radius:var(--radius-sm);font-family:'Nunito',sans-serif;font-size:.9em;resize:vertical;min-height:60px;transition:border-color .3s ease,box-shadow .3s ease}.feedback-text-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--green-shadow-light)}.conversational-text-input::placeholder,.custom-input-field::placeholder,.feedback-text-input::placeholder{color:var(--text-disabled);font-style:italic}.feedback-form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-4);width:100%;box-sizing:border-box;gap:var(--space-6)}.feedback-text-hint{font-size:.8em;color:var(--text-secondary);font-style:italic;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.send-feedback-button{position:absolute;right:8px;bottom:15px;background:var(--primary-color);border:none;border-radius:var(--radius-full);width:36px;height:36px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.2);flex-shrink:0}.send-feedback-button:hover:not(:disabled){background:var(--green-dark);transform:scale(1.1)}.send-feedback-button:disabled{opacity:.6;cursor:not-allowed}.send-feedback-button svg{width:20px;height:20px;pointer-events:none}.feedback-thanks-inline{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-6) 14px;background:linear-gradient(135deg,#e8f5e9 0%,var(--green-light-bg) 100%);border:1px solid #c8e6c9;border-radius:var(--radius-sm);color:#2e7d32;font-size:.9em;font-weight:500;animation:fadeInScale .4s ease-out}.feedback-thanks-inline svg{flex-shrink:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.feedback-thumb-btn{width:32px;height:32px}.feedback-thumb-btn svg{width:18px;height:18px}.feedback-text-input{font-size:.85em}}.pwa-install-popup{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:10000;width:90%;max-width:400px;animation:slideUp .4s ease-out}.pwa-install-popup.hidden{display:none}.pwa-popup-content{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:var(--radius-lg);padding:var(--space-12);box-shadow:0 10px 40px rgba(0,0,0,.3);color:#fff;text-align:center;position:relative}.pwa-popup-close{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.2);border:none;color:#fff;font-size:24px;width:32px;height:32px;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.pwa-popup-close:hover{background:rgba(255,255,255,.3)}.pwa-popup-icon{font-size:48px;margin-bottom:var(--space-6);animation:bounce 1s infinite}.pwa-popup-content h3{margin:0 0 8px;font-size:1.5em;font-weight:600}.pwa-popup-content p{margin:0 0 20px;font-size:.95em;opacity:.95}.pwa-popup-buttons{display:flex;gap:var(--space-6);justify-content:center}.pwa-install-btn,.pwa-later-btn{padding:var(--space-6) 24px;border-radius:var(--radius-sm);border:none;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s}.pwa-install-btn{background:#fff;color:#667eea;flex:1}.pwa-install-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,255,255,.3)}.pwa-later-btn{background:rgba(255,255,255,.2);color:#fff;flex:1}.pwa-later-btn:hover{background:rgba(255,255,255,.3)}@keyframes slideUp{0%{transform:translateX(-50%) translateY(100px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:480px){.pwa-install-popup{width:95%;bottom:10px}.pwa-popup-content{padding:var(--space-10)}.pwa-popup-icon{font-size:40px}.pwa-popup-content h3{font-size:1.3em}.pwa-popup-buttons{flex-direction:column}}.conversational-form-container{max-width:600px;margin:var(--space-16) auto;padding:0;background-color:var(--white-color);border-radius:var(--radius-md);box-shadow:0 2px 12px rgba(0,0,0,.08);overflow:hidden}.conversational-progress-bar{width:100%;height:6px;background-color:#e0e0e0;position:relative;overflow:hidden}.conversational-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transition:width .4s cubic-bezier(.4,0,.2,1);border-radius:0 3px 3px 0}.conversational-step{display:flex;flex-direction:column;animation:stepFadeIn .4s ease-out}.conversational-step.step-exit{animation:stepFadeOut .3s ease-in}.conversational-question{line-height:1.4}.conversational-optional{display:inline-block;font-size:.75em;font-weight:500;color:#888;background-color:#f0f0f0;padding:var(--space-2) var(--space-6);border-radius:var(--radius-md);margin-left:var(--space-4);vertical-align:middle}.conversational-options{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-6);margin-top:var(--space-12);margin-bottom:var(--space-16)}.conversational-options.single-column{grid-template-columns:1fr}.conversational-option{background-color:var(--white-color);border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-8);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);position:relative;user-select:none;min-height:80px;justify-content:center}.conversational-option:hover{border-color:var(--secondary-color);background-color:var(--blue-light-bg);transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,152,219,.15)}.conversational-option.selected{border-color:var(--primary-color);background-color:#e8f5e9;box-shadow:0 4px 12px var(--green-shadow-medium)}.conversational-option.selected::after{content:'✓';position:absolute;top:8px;right:8px;width:24px;height:24px;background-color:var(--primary-color);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.conversational-option-icon{margin-bottom:var(--space-2)}.text-input-wrapper{display:flex;gap:var(--space-4);align-items:center;margin-top:0;margin-bottom:0}.conversational-text-input{flex:1;padding:0 var(--space-8);font-size:1em;font-family:'Poppins',sans-serif;border:2px solid var(--border-color);border-radius:var(--radius-sm);transition:border-color .3s ease,box-shadow .3s ease;height:44px;min-height:44px;max-height:44px;resize:none;overflow-y:hidden}.conversational-text-input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(52,152,219,.1)}.conversational-char-counter{font-size:.85em;color:#888;text-align:right;margin-top:-12px;margin-bottom:var(--space-10)}.conversational-char-counter.over-limit{color:#e74c3c;font-weight:600}.conversational-buttons{display:flex;gap:var(--space-6);margin-top:auto;padding-top:var(--space-10);border-top:1px solid #f0f0f0}.btn-conversational{flex:1;padding:var(--space-8) var(--space-12);font-size:1em;font-weight:600;font-family:'Poppins',sans-serif;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.btn-conversational-back{background-color:#f5f5f5;color:var(--text-color);flex:0 0 auto;min-width:100px}.btn-conversational-back:hover:not(:disabled){background-color:#e0e0e0}.btn-conversational-next{background:linear-gradient(135deg,var(--primary-color),var(--green-hover));color:#fff}.btn-conversational-next:hover:not(:disabled){background:linear-gradient(135deg,var(--green-hover),var(--primary-color));box-shadow:0 4px 12px rgba(76,175,80,.3);transform:translateY(-1px)}.btn-conversational-next:disabled{background:var(--border-medium);cursor:not-allowed;opacity:.6}.btn-conversational-generate{background:linear-gradient(135deg,var(--secondary-color),#2980b9);color:#fff}.btn-conversational-generate:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,var(--secondary-color));box-shadow:0 4px 12px rgba(52,152,219,.3);transform:translateY(-1px)}.progressive-stacking{display:flex!important;flex-direction:column;gap:var(--space-16);padding:var(--space-12);max-height:none!important;overflow:visible!important}.conversational-step{min-height:auto!important;padding:var(--space-12);margin-bottom:var(--space-8);background-color:var(--white-color);border-radius:var(--radius-md);border:0;opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);padding:0 0 0 7px}.conversational-step.step-visible{opacity:1;transform:translateY(0);padding-top:0;padding-bottom:0}.checkmark{color:var(--primary-color);font-size:1.2em;font-weight:700;margin-left:var(--space-4);animation:checkmarkPop .3s cubic-bezier(.68,-.55,.265,1.55)}.btn-submit-text-inline{padding:0;width:44px;height:44px;min-width:44px;min-height:44px;font-size:.95em;font-weight:600;font-family:'Poppins',sans-serif;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all .25s ease;background:linear-gradient(135deg,var(--primary-color),var(--green-hover));color:#fff;box-shadow:0 2px 8px rgba(76,175,80,.2);white-space:nowrap;flex-shrink:0;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center}.btn-submit-text-inline:hover:not(:disabled){background:linear-gradient(135deg,var(--green-hover),var(--green-dark));box-shadow:0 4px 12px rgba(76,175,80,.3);transform:translateY(-2px)}.btn-submit-text-inline:disabled{background:var(--border-medium);cursor:not-allowed;opacity:.6;box-shadow:none}.btn-submit-custom{padding:0;width:44px;height:44px;min-width:44px;min-height:44px;font-size:1em;font-weight:600;font-family:'Poppins',sans-serif;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all .25s ease;margin-top:0;background:linear-gradient(135deg,var(--primary-color),var(--green-hover));color:#fff;box-shadow:0 2px 8px rgba(76,175,80,.2);touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.btn-continue-multi,.btn-submit-text{font-size:1em}.btn-continue-multi,.btn-final-submit,.btn-submit-text{padding:10px 20px;height:44px;font-weight:600;font-family:'Poppins',sans-serif;border:none;border-radius:12px;cursor:pointer;transition:all .25s ease;margin-top:0;background:linear-gradient(135deg,var(--primary-color),var(--green-hover));color:#fff;box-shadow:0 2px 8px rgba(76,175,80,.2);touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center}.btn-continue-multi:hover:not(:disabled),.btn-final-submit:hover,.btn-submit-custom:hover:not(:disabled),.btn-submit-text:hover:not(:disabled){background:linear-gradient(135deg,var(--green-hover),var(--green-dark));box-shadow:0 4px 12px rgba(76,175,80,.3);transform:translateY(-2px)}.btn-submit-custom:disabled,.btn-submit-text:disabled{background:var(--border-medium);cursor:not-allowed;opacity:.6;box-shadow:none}.btn-final-submit{display:block;width:100%;max-width:400px;margin:var(--space-16) auto;padding:14px var(--space-20);min-height:52px;font-size:1.1em;background:linear-gradient(135deg,var(--secondary-color),#2980b9);opacity:0;transform:scale(.95);transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.btn-final-submit.visible{opacity:1;transform:scale(1)}.btn-final-submit:hover{background:linear-gradient(135deg,#2980b9,var(--secondary-color));box-shadow:0 6px 20px rgba(52,152,219,.4);transform:scale(1.02)}.btn-continue-multi{display:block;width:100%;max-width:250px;margin:var(--space-10) auto 0}.char-counter{transition:color .3s ease}.char-counter.warning{color:#ff9800;font-weight:600}.char-counter.error{color:#f44336;font-weight:600}@keyframes stepFadeIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes stepFadeOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-30px)}}@keyframes checkmarkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@media (max-width:600px){.conversational-form-container{margin:20px 10px;border-radius:var(--radius-sm)}.conversational-step{padding:var(--space-16) var(--space-10);min-height:350px}.conversational-question{font-size:1.3em}.conversational-options{grid-template-columns:1fr;gap:var(--space-6);margin-top:var(--space-10)}.conversational-option{padding:var(--space-8) 14px;min-height:70px}.conversational-option-icon{font-size:1.8em}.btn-conversational{padding:var(--space-6) 20px;font-size:.95em}.btn-conversational-back{min-width:80px}}@media (max-width:400px){.conversational-step{padding:25px 15px}.conversational-question{font-size:1.2em}.conversational-buttons{flex-direction:column}.btn-conversational-back{order:2;min-width:100%}.btn-conversational-generate,.btn-conversational-next{order:1}}.step-question{font-size:1.1em;font-weight:600;color:var(--text-color);margin-top:16px;margin-bottom:16px;padding-bottom:0;line-height:1.4}.optional-badge{display:inline-block;font-size:.75em;font-weight:500;color:#888;background-color:#f0f0f0;padding:var(--space-2) var(--space-6);border-radius:var(--radius-md);margin-left:var(--space-4);vertical-align:middle}.step-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);margin-top:0;margin-bottom:0}.conversational-option-button{background-color:var(--white-color);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-6);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);position:relative;user-select:none;min-height:85px;height:85px}.conversational-option-button:hover{border-color:var(--secondary-color);background-color:var(--blue-light-bg);transform:translateY(-3px);box-shadow:0 6px 16px rgba(52,152,219,.2)}.conversational-option-button.selected{border-color:var(--primary-color);background-color:#e8f5e9;box-shadow:0 6px 16px rgba(76,175,80,.25);transform:scale(1.02)}.conversational-option-button.selected::after{content:'✓';position:absolute;top:8px;right:8px;width:24px;height:24px;background-color:var(--primary-color);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;animation:checkmarkPop .3s cubic-bezier(.68,-.55,.265,1.55)}.conversational-option-icon{font-size:2.8em;line-height:1}.conversational-option-label{font-size:.95em;font-weight:600;color:var(--text-color);line-height:1.3}.custom-input-container{margin:12px 0 0;animation:slideDown .3s ease-out;display:flex;flex-direction:row;align-items:center;gap:var(--space-4);width:100%;box-sizing:border-box;padding:0;border:0;clear:both}.custom-input-container.hidden{display:none}.custom-input-field{flex:1;padding:10px 14px;height:44px;font-size:1em;font-family:'Poppins',sans-serif;border:2px solid var(--border-color);border-radius:12px;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box;min-width:0}.custom-input-field:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(52,152,219,.1)}.step-navigation{display:flex;gap:var(--space-6);margin-top:var(--space-16);padding-top:var(--space-10);border-top:1px solid #f0f0f0}.btn-back,.btn-next{padding:var(--space-8) var(--space-12);font-size:1em;font-weight:600;font-family:'Poppins',sans-serif;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .25s ease}.btn-back{background-color:#f5f5f5;color:var(--text-color);min-width:100px;flex:0 0 auto}.btn-back:hover{background-color:#e0e0e0}.btn-next{flex:1;background:linear-gradient(135deg,var(--primary-color),var(--green-hover));color:#fff}.btn-next:hover:not(:disabled){background:linear-gradient(135deg,var(--green-hover),var(--primary-color));box-shadow:0 4px 12px rgba(76,175,80,.3);transform:translateY(-1px)}.btn-next:disabled{background:var(--border-medium);cursor:not-allowed;opacity:.6}.char-counter{font-size:.85em;color:#888;text-align:right;margin-top:var(--space-4)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes checkmarkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:768px){.step-options{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.conversational-option-button{padding:var(--space-8) 12px;min-height:85px;height:85px}.conversational-option-icon{font-size:2.6em}.conversational-option-label{font-size:.9em}}@media (max-width:480px){.step-options{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.conversational-option-button{padding:var(--space-6) var(--space-4);min-height:85px;height:85px}.conversational-option-icon{font-size:2.4em}.conversational-option-label{font-size:.85em}.step-navigation{flex-direction:column}.btn-back{order:2;width:100%}.btn-next{order:1}.text-input-wrapper{display:flex;flex-direction:row;align-items:center;gap:var(--space-4)}.conversational-text-input{flex:1;min-width:0}.btn-submit-text-inline{flex-shrink:0;width:44px;height:44px}.custom-input-container{display:flex;flex-direction:row;align-items:center;gap:var(--space-4)}.custom-input-field{flex:1;min-width:0}.btn-submit-custom{flex-shrink:0;width:44px;height:44px;margin-top:0}}.progressive-form-container{max-width:700px;margin:var(--space-10) auto;padding:0}.progressive-field{margin-bottom:var(--space-16);opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.progressive-field.visible{opacity:1;transform:translateY(0)}.progressive-question{font-size:1.3em;font-weight:600;color:var(--text-color);margin-bottom:var(--space-8);line-height:1.4}.progressive-optional{display:inline-block;font-size:.7em;font-weight:500;color:#888;background-color:#f0f0f0;padding:var(--space-2) var(--space-6);border-radius:var(--radius-md);margin-left:var(--space-4);vertical-align:middle}.progressive-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-6)}.progressive-option{background-color:var(--white-color);border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-8) 12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);position:relative;min-height:85px;justify-content:center}.progressive-option:hover{border-color:var(--secondary-color);background-color:var(--blue-light-bg);transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,152,219,.15)}.progressive-option.selected{border-color:var(--primary-color);background-color:#e8f5e9;box-shadow:0 4px 12px var(--green-shadow-medium)}.progressive-option.selected::after{content:'✓';position:absolute;top:6px;right:6px;width:20px;height:20px;background-color:var(--primary-color);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.progressive-option-icon{font-size:2em;line-height:1}.progressive-option-label{font-size:.95em;font-weight:500;color:var(--text-color);line-height:1.3}.progressive-option-subtitle{font-size:.8em;color:var(--text-light)}.progressive-text-input{width:100%;padding:var(--space-8);font-size:1em;font-family:'Poppins',sans-serif;border:2px solid var(--border-color);border-radius:var(--radius-sm);transition:border-color .3s ease,box-shadow .3s ease;resize:vertical;min-height:100px}.progressive-text-input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(52,152,219,.1)}.progressive-char-counter{font-size:.85em;color:#888;text-align:right;margin-top:var(--space-4)}.progressive-char-counter.over-limit{color:#e74c3c;font-weight:600}.progressive-submit-container{text-align:center;padding-top:var(--space-6)}.btn-progressive-submit{padding:var(--space-8) 48px;font-size:1.1em;font-weight:600;font-family:'Poppins',sans-serif;border:none;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,var(--primary-color),var(--green-hover));color:#fff;transition:all .3s ease;box-shadow:0 4px 12px rgba(76,175,80,.3)}.btn-progressive-submit:hover{background:linear-gradient(135deg,var(--green-hover),var(--primary-color));box-shadow:0 6px 16px rgba(76,175,80,.4);transform:translateY(-2px)}@media (max-width:600px){.progressive-question{font-size:1.2em}.progressive-options{grid-template-columns:1fr;gap:var(--space-6)}.progressive-option{min-height:75px}}button:disabled{opacity:.6;cursor:not-allowed;position:relative}button.loading{pointer-events:none;opacity:.7}button.loading::after{content:'';position:absolute;right:15px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:var(--radius-full);animation:button-spin .6s linear infinite}@keyframes button-spin{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(360deg)}}.use-case-buttons button,button,input[type=number],input[type=text],select,textarea{transition:all .3s ease}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}#submitButton.loading{opacity:.8;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);background-size:200% 200%;animation:gradient-shift 2s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}#loadingIndicator,.response-container,.skeleton-loader{transition:opacity .4s ease,transform .4s ease}.response-container.hidden{display:none!important}#loadingIndicator.hidden,.skeleton-loader.hidden{opacity:0;transform:scale(.95)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.response-container:not(.hidden){opacity:1;transform:none;animation:fadeInUp .5s ease}.streaming-response{animation:fadein .3s}.streaming-response .cursor,.streaming-response::after{animation:blink 1s infinite;margin-left:2px;color:var(--primary-color)}.streaming-response::after{content:'▋'}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.streaming-response p{margin-bottom:.5rem;line-height:1.6}.streaming-response ol,.streaming-response ul{margin-left:1.5rem;margin-bottom:.5rem}.streaming-response li{margin-bottom:.25rem}.streaming-response .error-message{background-color:rgba(239,68,68,.1);border-left:4px solid #ef4444;padding:.75rem;margin-top:1rem;border-radius:.25rem;color:#dc2626;font-weight:500}.streaming-response .cursor{display:inline-block;font-weight:400}.streaming-response .streaming-text{display:inline;font-style:italic;color:var(--text-secondary)}