.avatar-engine-container{position:relative;width:100%;height:100%;min-height:400px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:var(--w-radius-card);overflow:hidden}.avatar-canvas-loader{position:absolute;bottom:0;left:0;width:100%;height:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;gap:1rem;color:var(--text-muted,#a07850);font-family:var(--font-sans);font-weight:500;letter-spacing:0.5px;font-size:13px}.avatar-loader-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,0.1);border-radius:50%;border-top-color:var(--accent,#a07850);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.avatar-idle-video,.avatar-speaking-video{position:absolute;top:0;left:0;width:100%;height:100%}.avatar-video{width:100%;height:100%;object-fit:cover}.avatar-image{max-width:300px;max-height:400px;object-fit:contain}.avatar-canvas{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease}.avatar-canvas.ready{opacity:1}.avatar-voice-btn.listening{background:#10b981;animation:pulse 1s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.avatar-speech-bubble{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:20;pointer-events:none;width:100%;max-width:80%}.avatar-speech-bubble.hidden{display:none}.avatar-speech-bubble.hiding{opacity:0;transition:opacity 2s ease}.speech-bubble-box{display:flex;justify-content:center}.speech-bubble-text{display:block;padding:10px 20px;background:var(--warm-glass);-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);color:var(--text-base);border-radius:var(--w-radius-field,0);border:1px solid rgba(var(--accent-rgb),0.30);box-shadow:0 4px 20px rgba(0,0,0,0.10);font-size:22px;line-height:1.45;font-weight:400;font-family:var(--font-sans);letter-spacing:0.15px;text-align:center;max-width:100%;word-wrap:break-word;max-height:2.9em;overflow:hidden}.speech-bubble-text:empty{display:none}@keyframes bubbleWordIn{from{opacity:0}to{opacity:1}}.speech-word{display:inline;animation:bubbleWordIn 0.3s ease forwards}@media (max-width:1024px){.avatar-speech-bubble{top:8px;max-width:86%}.speech-bubble-text{font-size:11px;padding:6px 13px;border-radius:0}}.onboarding-box{display:flex;flex-direction:row;justify-content:flex-start;align-content:center}.onboarding-widget-container{max-width:640px;flex:1;padding:30px;overflow-y:auto;background:var(--bg-panel);display:flex;flex-direction:column;border-radius:var(--w-radius-card,0);margin:20px;width:-webkit-fill-available;border:solid 1px var(--border);border-top:solid 1px var(--border);overflow-x:hidden;box-shadow:var(--shadow-sm);min-height:50vh}.onboarding-widget{min-height:300px}.onboarding-question{animation:fadeInStep 0.3s ease;max-width:500px;margin:0 auto;width:100%}@keyframes fadeInStep{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.onboarding-question h3{font-size:1.5rem;margin-bottom:12px;color:var(--text);font-weight:700}.onboarding-question p{color:var(--text-muted);margin-bottom:24px;font-size:1.1rem}.onboarding-options{display:flex;flex-direction:column;gap:12px}.onboarding-option{display:flex;align-items:center;padding:16px 20px;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--w-radius-card);cursor:pointer;transition:all 0.2s ease;text-align:left;font-size:16px;color:var(--text)}.onboarding-option:hover{border-color:var(--accent);background:var(--bg-tertiary)}.onboarding-option.selected{border-color:var(--accent);background:var(--accent);color:var(--text-secondary,#fff)}.onboarding-option.selected *{color:var(--text-secondary,#fff)}.onboarding-option input[type="radio"],.onboarding-option input[type="checkbox"]{margin-right:12px;accent-color:var(--accent)}.onboarding-input{width:100%;padding:14px 18px;border:2px solid var(--border);border-radius:var(--w-radius-field);font-size:16px;transition:border-color 0.2s;background:var(--bg-secondary);color:var(--text)}.onboarding-input:focus{outline:none;border-color:var(--accent)}.onboarding-input.error{border-color:#dc2626}.onboarding-error{color:#dc2626;font-size:13px;margin-top:6px}.onboarding-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;border-top:1px solid var(--border)}.onboarding-btn{padding:12px 24px;border-radius:var(--w-radius-btn);font-weight:600;cursor:pointer;transition:all 0.2s;border:none}.onboarding-btn-prev{background:transparent;color:var(--text-muted)}.onboarding-btn-next{background:var(--accent);color:white}.onboarding-btn:disabled{opacity:0.5;cursor:not-allowed}.onboarding-progress{height:fit-content;border-radius:3px;margin-bottom:30px;overflow:hidden}.onboarding-progress-bar{height:100%;background:var(--accent);transition:width 0.3s ease}.onboarding-progress-fill{height:100%;background:var(--accent);transition:width 0.3s ease}.onboarding-progress-text{font-size:13px;color:var(--text-muted);white-space:nowrap}.onboarding-success{text-align:center;padding:40px 20px}.onboarding-success i{font-size:64px;color:#10b981;margin-bottom:16px}.onboarding-success h3{font-size:1.5rem;margin-bottom:8px;color:var(--text)}.onboarding-success p{color:var(--text-muted);margin-bottom:24px}.onboarding-error-state{text-align:center;padding:40px 20px}.onboarding-error-state i{font-size:48px;color:#dc2626;margin-bottom:16px}@media (max-width:768px){.avatar-engine-container{min-height:250px;width:-webkit-fill-available}.avatar-engine-container canvas{object-fit:cover;width:100%;object-position:top;margin-top:5vh;max-height:calc(40vh - 33px)}.box-content{width:100%}.onboarding-widget-container{margin:0;border-radius:0;padding:16px;height:100%;max-width:100%;min-height:fit-content}.onboarding-step,.preview-step{display:flex;flex-direction:column;height:100%;min-height:0}.step-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:16px}.step-actions{position:sticky;bottom:0;padding:5px 0;border-top:solid 1px var(--border);z-index:10;margin-top:auto}.block-option-card .block-option-label{font-size:15px}.block-options-grid .block-option-card{padding:5px;padding-right:10px;gap:5px}.block-options-grid .block-option-icon{padding:0;height:30px;width:30px}.block-options-grid .block-option-icon i{font-size:12px}.onboarding-step,.preview-step .ob-step-title{margin-top:0px;font-size:16px}.ob-step-content .preview-question-text{font-size:12px;margin:0;margin-bottom:10px}.options-grid .option-card{padding:5px;padding-bottom:8px}.ob-step-content .option-card .option-label{font-size:15px}}.avatar-overlay.avatar-overlay--con-sfondo .overlay-header{position:absolute;inset-inline:0;top:0;z-index:2;background:transparent;border-bottom:0}.avatar-overlay.avatar-overlay--con-sfondo .overlay-content{padding-top:0}.avatar-overlay.avatar-overlay--con-sfondo .avatar-full-box{background:transparent}.avatar-overlay.avatar-overlay--con-sfondo .overlay-close{background:rgba(17,20,28,.58);color:#fff;border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 10px rgba(0,0,0,.25)}.avatar-overlay.avatar-overlay--con-sfondo .overlay-close:hover,.avatar-overlay.avatar-overlay--con-sfondo .overlay-close:focus-visible{background:rgba(17,20,28,.78);color:#fff;border-color:rgba(255,255,255,.6)}#avatarOverlay.avatar-overlay{--finestra-l:100vw;--finestra-a:100dvh}#avatarOverlay .overlay-content{position:relative}html body #avatarOverlay .overlay-header{position:absolute;z-index:3;inset-inline-end:calc((100vw - var(--finestra-l)) / 2 + 12px);top:calc((100dvh - var(--finestra-a)) / 2 + 12px);inset-inline-start:auto;inline-size:auto;padding:0;height:auto;background:transparent;border:0}html body #avatarOverlay .overlay-brand{display:none}html body #avatarOverlay .overlay-header .overlay-close{inline-size:44px;block-size:44px;min-height:0;padding:0;border-radius:999px;font-size:0;letter-spacing:0;display:inline-flex;align-items:center;justify-content:center;background:rgba(17,20,28,.55);color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 10px rgba(0,0,0,.25)}html body #avatarOverlay .overlay-header .overlay-close::before{content:"\2715";font-size:18px;line-height:1}html body #avatarOverlay .overlay-header .overlay-close::after{content:none}html body #avatarOverlay .overlay-header .overlay-close:hover,html body #avatarOverlay .overlay-header .overlay-close:focus-visible{background:rgba(17,20,28,.8);color:#fff}html body #avatarOverlay .onboarding-widget-container{padding:clamp(24px,3vw,44px)}html body #avatarOverlay .ob-progress-header{font-size:10px;line-height:1.5;letter-spacing:.2em;text-transform:uppercase}html body #avatarOverlay .ob-progress-track{height:2px;margin-block-end:28px}html body #avatarOverlay :is(.ob-step-title,.onboarding-complete h3,.onboarding-question h3){font-size:clamp(26px,2.5vw,36px);line-height:1.18;letter-spacing:-.02em;text-align:start;margin-block:0 18px}html body #avatarOverlay :is(.ob-step-desc,.option-label,.block-option-label,.preview-question-text){line-height:1.65;text-align:start}html body #avatarOverlay :is(.options-grid,.block-options-grid){gap:12px}html body #avatarOverlay :is(.preview-input,.preview-textarea,.preview-field input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.preview-field select,.preview-field textarea){font-size:16px;line-height:1.5}html body #avatarOverlay :is(.btn-next,.btn-back,.btn-retry,.btn-summary,.btn-skip-search){min-height:44px;padding:14px 22px}html body #avatarOverlay .ob-step-actions{display:flex;justify-content:flex-end;gap:10px}@media (max-width:1100px){html body #avatarOverlay .overlay-content{inline-size:100%;block-size:100dvh;margin:0;border-radius:0;box-shadow:none}html body #avatarOverlay .onboarding-widget-container{margin:0;padding:18px 20px 0;border-inline:0;border-block-end:0;border-radius:0;box-shadow:none}html body #avatarOverlay :is(.ob-step-title,.onboarding-complete h3,.onboarding-question h3){font-size:24px;line-height:1.2;margin-block-end:6px}html body #avatarOverlay .ob-progress-track{margin-block-end:16px}html body #avatarOverlay .ob-step-desc{margin-block-end:12px}html body #avatarOverlay .ob-step-actions{position:sticky;bottom:0;flex-wrap:nowrap;margin:auto -20px 0;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:inherit}html body #avatarOverlay .ob-step-actions button{flex:1;min-width:0}}@media (min-width:1101px){#avatarOverlay.avatar-overlay{--finestra-l:min(1240px,92vw);--finestra-a:min(820px,88dvh);background:rgba(12,14,20,.45);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);align-items:center;justify-content:center}#avatarOverlay .overlay-content{flex:none;inline-size:var(--finestra-l);block-size:var(--finestra-a);margin:auto;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45)}#avatarOverlay .overlay-content>.avatar-full-box,#avatarOverlay .overlay-content>.onboarding-box{flex:1 1 50%;min-inline-size:0}#avatarOverlay .overlay-content>.onboarding-box{box-sizing:border-box;padding:0;display:flex;align-items:stretch}html body #avatarOverlay .onboarding-box>.onboarding-widget-container{box-sizing:border-box;inline-size:100%;max-inline-size:none;block-size:100%;margin:0;border:0;border-radius:0;padding:48px 48px 32px;display:flex;flex-direction:column;box-shadow:-1px 0 0 rgba(0,0,0,.06)}#avatarOverlay .onboarding-widget-container>.onboarding-step{flex:1;min-block-size:0;display:flex;flex-direction:column}#avatarOverlay .onboarding-step>.ob-progress{margin-inline-end:60px}#avatarOverlay .onboarding-step>.step-content{flex:1;min-block-size:0;overflow-y:auto}#avatarOverlay .onboarding-step>.step-actions{margin-block-start:auto;padding-block-start:20px;border-block-start:1px solid rgba(0,0,0,.08)}}html body :is(.hc-pulsante__volto,.sm-face,.btn-vendi-avatar,.sami__face,.contatti__sami-viso,.concierge-launcher-face){background:transparent !important}