:root{--primary:174 75% 31%;--secondary:173 80% 40%;--accent:38 92% 50%;--bg-soft:#f8fafc;--bubble-ai:#fff;--text-main:#0f172a;--text-muted:#64748b;--glass-bg:hsla(0,0%,100%,.7);--glass-border:hsla(0,0%,100%,.4)}.dark :root{--bg-soft:#020617;--bubble-ai:#0f172a;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-bg:rgba(15,23,42,.7);--glass-border:hsla(0,0%,100%,.1)}.avatar-container{min-height:100vh;background:var(--bg-soft);display:flex;flex-direction:column;align-items:center;padding:100px 24px;font-family:Inter,sans-serif;position:relative;overflow:hidden}.avatar-header{width:100%;max-width:1000px;display:flex;justify-content:space-between;align-items:center;margin-bottom:60px;background:var(--glass-bg);backdrop-filter:blur(20px);padding:24px 40px;border-radius:32px;box-shadow:0 10px 40px rgba(0,0,0,.04);border:1px solid var(--glass-border);z-index:10}.progress-bar{flex:1;height:10px;background:rgba(0,0,0,.05);border-radius:20px;margin:0 32px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.05)}.dark .progress-bar{background:hsla(0,0%,100%,.1)}.progress-fill{height:100%;background:linear-gradient(90deg,#148a7e,#14b8a5);transition:width 1s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 20px rgba(20,184,166,.3)}.avatar-main{width:100%;max-width:1000px;background:var(--bubble-ai);border-radius:60px;box-shadow:0 40px 100px -20px rgba(0,0,0,.1);padding:80px;display:flex;flex-direction:column;gap:40px;position:relative;border:1px solid var(--glass-border);transition:all .5s ease;z-index:5}.avatar-visual-wrapper{position:absolute;top:-80px;left:80px}.avatar-visual{width:160px;height:160px;border-radius:48px;overflow:hidden;border:6px solid var(--bubble-ai);box-shadow:0 20px 40px rgba(0,0,0,.15);background:#f1f5f9;transition:transform .6s cubic-bezier(.23,1,.32,1)}.avatar-visual:hover{transform:translateY(-5px) scale(1.02)}.avatar-visual img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-aura{position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px;border-radius:56px;border:3px solid #148a7e;opacity:.3;animation:pulse-aura 3s ease-in-out infinite}@keyframes pulse-aura{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.08);opacity:.05}to{transform:scale(1);opacity:.3}}.speech-bubble{padding:48px;border-radius:40px;border-top-left-radius:8px;font-size:1.35rem;line-height:1.6;border:1px solid var(--glass-border);font-weight:500;box-shadow:inset 0 2px 8px rgba(0,0,0,.02);font-family:Outfit,sans-serif}.response-area textarea,.speech-bubble{background:var(--bg-soft);color:var(--text-main)}.response-area textarea{width:100%;min-height:200px;padding:32px;border:2px solid var(--glass-border);border-radius:32px;font-size:1.2rem;resize:vertical;outline:none;transition:all .4s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif}.response-area textarea:focus{border-color:#148a7e;background:var(--bubble-ai);box-shadow:0 15px 30px -10px rgba(13,148,136,.1);transform:translateY(-2px)}.expert-tips{background:linear-gradient(135deg,rgba(13,148,136,.08),rgba(20,184,166,.03));border-left:6px solid #148a7e;padding:32px;border-radius:24px}.expert-tips h4{margin-bottom:16px;font-weight:900;font-size:.85rem;text-transform:uppercase;color:#148a7e;letter-spacing:.2em}.sub-questions{display:grid;grid-template-columns:1fr;gap:16px}.sub-question-item{border-radius:1.5rem;border-width:1px;border-color:rgba(204,251,241,.5);background-color:rgba(240,253,250,.3);padding:1.5rem;font-size:1rem;font-style:italic;color:rgba(17,94,89,.7)}.sub-question-item:is(.dark *){border-color:rgba(17,94,89,.3);background-color:rgba(19,78,74,.1);color:rgba(153,246,228,.7)}.sub-question-item{line-height:1.5}.jennifer-thinking span{display:inline-block;width:8px;height:8px;margin:0 2px;background-color:#148a7e;border-radius:50%;animation:thinking 1.4s ease-in-out infinite both}@keyframes thinking{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.jennifer-thinking span:first-child{animation-delay:-.32s}.jennifer-thinking span:nth-child(2){animation-delay:-.16s}.btn-primary{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#0d9488 var(--tw-gradient-from-position);--tw-gradient-to:rgba(13,148,136,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#115e59 var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);--tw-shadow-color:rgba(19,78,74,.2);--tw-shadow:var(--tw-shadow-colored);padding:20px 48px;border-radius:20px;font-weight:800;font-size:1.1rem;transition:all .4s cubic-bezier(.23,1,.32,1);letter-spacing:-.01em}.btn-primary,.btn-primary:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-primary:hover{--tw-translate-y:-0.25rem;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);--tw-shadow-color:rgba(19,78,74,.4);--tw-shadow:var(--tw-shadow-colored);--tw-brightness:brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.btn-primary:active,.btn-primary:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-primary:active{--tw-translate-y:0px;--tw-scale-x:.95;--tw-scale-y:.95}.btn-secondary{border-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.btn-secondary:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.btn-secondary{padding:20px 36px;border-radius:20px;font-weight:700;transition:all .3s ease}.btn-secondary:hover{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.btn-secondary:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}