.hidden{display:none !important}.avatar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,var(--bg-tertiary,#f0ebe0) 0%,var(--bg-dark,#e8e0d0) 100%);z-index:10000;display:flex;flex-direction:column;opacity:1;visibility:visible;transition:opacity 1s ease,visibility 1s ease}.avatar-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.overlay-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 20px;background:var(--bg-secondary,#faf9f7);border-bottom:1px solid var(--border,#ddd9d0);height:64px;flex-shrink:0}.overlay-brand img{height:60px;width:auto;max-width:100%;object-fit:contain}.overlay-close{padding:10px 14px;border-radius:0;text-decoration:none;font-weight:600;background:transparent;color:var(--text-primary,#1a1a1a);border:solid 1px var(--text-primary,#1a1a1a);transition:all ease .3s;cursor:pointer}.overlay-close:hover{background:transparent;color:var(--accent,#2D7A4A);border-color:var(--accent,#2D7A4A)}.overlay-content{flex:1;display:flex;padding:0;gap:0;overflow:hidden;background:#eff1f5;min-height:0}.avatar-full-box{flex:1;background:transparent;display:flex;align-items:center;justify-content:center;transition:flex 0.8s cubic-bezier(0.22,1,0.36,1);overflow:hidden}.avatar-full-box img,.avatar-full-box canvas{height:100%;width:100%;object-fit:cover;object-position:bottom;vertical-align:bottom;margin-top:30%}.box-content{text-align:center;height:-webkit-fill-available;display:flex;flex-direction:column;align-items:center}.onboarding-box.collapsed{flex:0;opacity:0;margin:0;padding:0;pointer-events:none}.avatar-engine-container{position:relative;width:100%;height:100%;min-height:400px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:12px;overflow:hidden}.avatar-canvas-loader.hidden{display:none !important}.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: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{flex:1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;overflow:hidden;opacity:1;transition:flex 0.8s cubic-bezier(0.22,1,0.36,1),opacity 0.4s ease,margin 0.8s cubic-bezier(0.22,1,0.36,1)}.onboarding-widget-container{max-width:640px;flex:1;padding:30px;overflow-y:auto;background:var(--bg);display:flex;flex-direction:column;border-radius: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:12px;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:#fff}.onboarding-option.selected *{color:#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:10px;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:30px;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}}@media (max-width:1024px){.avatar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-tertiary,#EDF4F0);z-index:10000;display:flex;flex-direction:column}.avatar-overlay.hidden{display:none !important}.overlay-header{position:fixed;top:0;left:0;width:100%;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;z-index:10001;background:transparent;border:none;height:auto}.overlay-content{width:100%;height:100%;display:flex;flex-direction:column}.avatar-full-box{width:100%;height:35%;max-height:calc(35% - 64px);min-height:264px;display:flex;align-items:center;justify-content:center;transition:height 0.5s;flex:unset}.onboarding-box{width:100%;height:65%;background:var(--bg-panel,#ffffff);padding:0;overflow-y:auto;transition:height 0.5s,opacity 0.3s;display:flex;flex-direction:column;flex:unset}.avatar-overlay.full-mode .avatar-full-box{height:100%}.avatar-overlay.full-mode .onboarding-box{height:0;padding:0;overflow:hidden;opacity:0}}