@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap");*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#6a00ff;--color-primary-light:#9147ff;--color-primary-dark:#5a00d6;--color-secondary:#392e4c;--color-danger:#ff214f;--color-success:#22c55e;--color-warning:#f59e0b;--color-info:#3b82f6;--color-text-primary:#ffffff;--color-text-secondary:#e2e2f6;--color-text-muted:#bbaaff;--color-text-accent:#9b7cff;--color-bg-primary:#160c23;--color-bg-secondary:#2d2543;--color-bg-tertiary:#180736;--color-bg-card:rgba(30,20,60,0.8);--color-bg-overlay:rgba(45,37,67,0.8);--gradient-primary:linear-gradient(90deg,#6a00ff 65%,#9147ff);--gradient-secondary:linear-gradient(135deg,#9147ff,#6a00ff);--gradient-background:linear-gradient(120deg,#232946,#413076 50%,#af7ea8);--gradient-card:linear-gradient(145deg,rgba(30,20,60,0.95),rgba(45,25,80,0.9));--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--shadow-sm:0 2px 12px rgba(106,0,255,0.1);--shadow-md:0 4px 20px rgba(106,0,255,0.2);--shadow-lg:0 8px 28px rgba(106,0,255,0.3);--shadow-xl:0 20px 40px rgba(0,0,0,0.3);--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease}body,html{height:100%;margin:0;padding:0;font-family:Poppins,sans-serif;color:var(--color-text-secondary);background:var(--gradient-background);background-attachment:fixed;background-size:400% 400%;animation:body-gradient-move 28s ease-in-out infinite;min-height:100vh;width:100vw;overflow-x:hidden;scroll-behavior:smooth}@keyframes body-gradient-move{0%{background-position:0 50%}25%{background-position:50% 100%}50%{background-position:100% 50%}75%{background-position:50% 0}to{background-position:0 50%}}@keyframes logo-pulse{0%{transform:scale(1);filter:drop-shadow(0 0 0 #9147ff44)}30%{transform:scale(1.05);filter:drop-shadow(0 0 22px #9147ff66)}55%{transform:scale(.98);filter:drop-shadow(0 0 7px #9147ff22)}70%{transform:scale(1.05);filter:drop-shadow(0 0 14px #9147ff44)}to{transform:scale(1);filter:drop-shadow(0 0 0 #9147ff44)}}@keyframes soundbar-move{0%,to{transform:scaleY(.4);opacity:.5}50%{transform:scaleY(1);opacity:1}}@keyframes fadeInMenu{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.logo-pulse{animation:logo-pulse 2.6s cubic-bezier(.7,0,.2,1) infinite}.soundbars{display:flex;gap:4px;align-items:flex-end;justify-content:center;width:48px;height:28px;margin-left:12px}.soundbar{width:4px;background:linear-gradient(180deg,#6a00ff,#9147ff);border-radius:3px;animation:soundbar-move 1.4s ease-in-out infinite;transform-origin:bottom;opacity:.85}.soundbar:first-child{animation-delay:0s;height:8px}.soundbar:nth-child(2){animation-delay:.2s;height:12px}.soundbar:nth-child(3){animation-delay:.4s;height:16px}.soundbar:nth-child(4){animation-delay:.6s;height:12px}.soundbar:nth-child(5){animation-delay:.8s;height:8px}.account-menu-dropdown{animation:fadeInMenu .2s ease-out}.account-menu-item{display:block;padding:12px 20px;margin-bottom:4px;color:white;background:transparent;text-decoration:none;border:none;outline:none;font-size:16px;border-radius:8px;font-weight:500;text-align:left;cursor:pointer;transition:all .15s;width:100%}.account-menu-item:focus,.account-menu-item:hover{background:#7c3aed;color:white;font-weight:600;outline:none}.ask-form{gap:20px}@media (max-width:768px){.ask-form{flex-direction:column;gap:16px;align-items:stretch}.ask-form input[type=text]{width:100%;margin-bottom:0}.ask-form button[type=submit]{width:100%;padding:18px 24px;font-size:18px}}.ask-form input[type=text]{padding:20px 16px;border-radius:16px;background:rgba(45,37,67,.8);color:#e2e2f6;box-shadow:0 2px 12px rgba(106,0,255,.1);transition:all .2s}.ask-form input[type=text]:focus{border:2px solid #9147ff}.ask-form button[type=submit]{background:linear-gradient(90deg,#6a00ff 65%,#9147ff);color:white;border-radius:16px;padding:16px 36px;box-shadow:0 4px 20px rgba(106,0,255,.2);transition:all .2s}.ask-form button[type=submit]:focus,.ask-form button[type=submit]:hover{background:linear-gradient(90deg,#9147ff,#6a00ff);box-shadow:0 8px 28px rgba(106,0,255,.3)}.mic-btn{margin-top:24px;padding:16px 36px;border-radius:16px;color:white;box-shadow:0 4px 24px rgba(145,71,255,.1);transition:all .2s}.mic-btn.active,.mic-btn:hover{box-shadow:0 8px 28px rgba(106,0,255,.3)}.answer{margin-top:40px;margin-bottom:24px;max-width:700px;background:rgba(30,23,57,.8);border-radius:18px;padding:32px;box-shadow:0 2px 28px rgba(106,0,255,.1);color:#e2e2f6;font-size:18px;line-height:1.7;border-left:4px solid var(--color-primary);word-wrap:break-word;overflow-wrap:break-word;text-align:left}.answer h2{font-size:20px;margin:0 0 12px;color:#9b7cff;font-weight:600;letter-spacing:.01em}.answer p{margin:0;font-size:16px}.play-btn{background:linear-gradient(90deg,#6a00ff 65%,#9147ff);color:white;border-radius:12px;padding:12px 32px;box-shadow:0 2px 12px rgba(106,0,255,.3);transition:all .2s;gap:8px;margin-top:8px}.play-btn:active,.play-btn:hover{background:linear-gradient(90deg,#9147ff,#6a00ff);box-shadow:0 8px 28px rgba(106,0,255,.3)}.voice-recorder-panel{background:var(--color-bg-voice);border-radius:2.2em;box-shadow:0 8px 40px 0 #6a00ff33;border:1.5px solid #9147ff33;margin:32px auto 0;padding:2.5em 2.2em 2.2em}.voice-recorder-title{color:#fff}.voice-recorder-desc{color:#bbaaff}.voice-script-label{color:#e2e2f6}.voice-script-btn{background:#2d2543;color:#e2e2f6;border:2px solid #a884ff;border-radius:1.1em;transition:background .18s,color .18s,border .18s}.voice-script-btn.active,.voice-script-btn:active{background:var(--color-btn-gradient);color:#fff;border-color:#6a00ff}.voice-script-textarea{border-radius:1.2em;border:2px solid #a884ff;background:#180736;color:#fff;transition:box-shadow .18s,border .18s}.voice-script-textarea:focus{border:2px solid #9147ff;box-shadow:0 2px 12px #a884ff55}.voice-record-section,.voice-upload-section{background:#2d2543;border-radius:1.5em;padding:1.3em 1.1em 1.1em;box-shadow:0 2px 12px #6a00ff22}.voice-record-label,.voice-upload-label{color:#e2e2f6}.voice-record-btn{background:#6a00ff;color:#fff;border-radius:1.1em;padding:.7em 1.5em;font-size:1rem;transition:background .18s,color .18s}.voice-record-btn.recording{background:#ff214f;color:#fff}.voice-record-btn.stop{background:#392e4c;color:#fff}.voice-recorder-tips{color:#bbaaff}.voice-audio-player{background:#180736}.voice-upload-section{margin-top:1.2em}.voice-upload-btn{background:#9147ff;color:#fff;border:none;border-radius:1.1em;padding:.7em 1.5em;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:.7em;transition:background .18s,color .18s}.voice-upload-btn.enhanced{background:var(--color-btn-gradient);box-shadow:0 4px 20px #6a00ff33}.voice-upload-btn:disabled{opacity:.6;cursor:not-allowed}.upload-notes{color:#bbaaff}.upload-tip{color:#e2e2f6}.uploaded-files-container{background:#180736;box-shadow:0 1px 6px #6a00ff11}.uploaded-files-title{color:#e2e2f6}.uploaded-file{background:#2d2543;color:#fff}.file-size{color:#bbaaff}.remove-file-btn{color:#ff214f;transition:color .18s}.voice-upload-status{color:#bbaaff}.voice-upload-status.success{color:#3be37b}.voice-upload-status.error{color:#ff214f}.voice-preview-section{background:#2d2543;border-radius:1.7em;box-shadow:0 4px 20px #6a00ff22;border:1.5px solid #9147ff33;margin:32px auto 0;padding:2em 1.7em 1.7em}.voice-preview-title{font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:.2em}.voice-preview-desc{color:#bbaaff}.voice-preview-error{background:#ffebee;border:1.5px solid #ff214f44;color:#ff214f}.voice-preview-error-tip{color:#ff214f}.voice-preview-btn{background:var(--color-btn-gradient);color:#fff;border-radius:1.1em;transition:background .18s,color .18s}.voice-preview-btn.playing{background:#ff214f;color:#fff}.voice-preview-warning{background:#fffbe6;border:1.5px solid #ffe066;color:#bbaaff}.bg-primary{background:linear-gradient(135deg,#9147ff,#6a00ff)!important}.bg-purple-800{background:rgba(88,28,135,.8)!important}.bg-purple-800:hover{background:rgba(107,33,168,.9)!important}.top-9{top:36px}.right-4{right:16px}.right-9{right:36px}.z-50{z-index:50}.w-screen{width:100vw}.p-3{padding:12px}.p-5{padding:20px}.p-8{padding:32px}.px-6{padding-left:24px;padding-right:24px}.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-12{margin-bottom:48px}.my-8{margin:32px 0}.mt-7{margin-top:28px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-4xl{font-size:36px}.text-xs{font-size:12px}.text-base{font-size:16px}.text-lg{font-size:18px}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.my-2{margin:8px 0}.w-9{width:36px}.h-9{height:36px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.bg-purple-900{background-color:#581c87}.bg-purple-900-50{background-color:rgba(88,28,135,.5)}.bg-purple-900-75{background-color:rgba(88,28,135,.75)}.bg-purple-900-95{background-color:rgba(88,28,135,.95)}.text-white{color:white}.text-red-400{color:#f87171}.text-green-400{color:#4ade80}.text-purple-200{color:#ddd6fe}.text-3xl{font-size:30px}.leading-9{line-height:36px}.leading-tight{line-height:1.25}.top-4{top:16px}.mt-2{margin-top:8px}.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.shadow-green-400-20{box-shadow:0 20px 25px -5px rgba(74,222,128,.2)}.shadow-black-30{box-shadow:0 10px 15px -3px rgba(0,0,0,.3)}.min-w-44{min-width:176px}.min-h-24{min-height:96px}.w-94vw{width:94vw}.mx-auto{margin-left:auto;margin-right:auto}.animate-fade-in{animation:fadeInMenu .2s ease-out}.gap-1{gap:4px}.gap-3{gap:12px}.gap-5{gap:20px}.border-none{border:none}.border-2{border-width:2px}.border-transparent{border-color:transparent}.bg-transparent{background:transparent}.outline-none{outline:none}.transition-all{transition:all .15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.hover-opacity-100:hover{opacity:1}.hover-bg-purple-700:hover{background-color:#7c3aed}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.no-underline{text-decoration:none}.text-inherit{color:inherit}.capitalize{text-transform:capitalize}.max-w-full{max-width:100%}.w-36{width:144px}.w-48{width:192px}.min-w-48{min-width:192px}.pt-20{padding-top:80px}.bg-white-10{background-color:rgba(255,255,255,.1)}.border{border-width:1px}.border-purple-500-30{border-color:rgba(147,51,234,.3)}.gap-4{gap:16px}.px-8{padding-left:32px;padding-right:32px}.bg-purple-500{background-color:#8b5cf6}.bg-purple-600,.hover-bg-purple-600:hover{background-color:#7c3aed}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}@media (min-width:768px){.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.xl-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.onboarding-container{max-width:800px;width:100%;margin:0 auto;padding:40px 20px}.onboarding-header{text-align:center;margin-bottom:48px}.onboarding-logo{width:120px;height:120px;margin:0 auto 32px;display:block}.onboarding-title{font-size:48px;font-weight:800;color:white;margin-bottom:16px}.onboarding-subtitle{font-size:20px;color:#c2b8e0;line-height:1.6;max-width:600px;margin:0 auto}.onboarding-form-container{display:grid;grid-template-columns:1fr;gap:40px;max-width:700px;margin:0 auto}.onboarding-input-section{background:linear-gradient(145deg,rgba(30,20,60,.95),rgba(45,25,80,.9));border-radius:24px;padding:40px 32px;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1);backdrop-filter:blur(20px);border:1px solid rgba(147,71,255,.2)}.onboarding-mic-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:20px 32px;border-radius:16px;background:linear-gradient(135deg,#9147ff,#6a00ff);color:white;font-size:18px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px rgba(145,71,255,.3);margin-bottom:24px}.onboarding-mic-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 35px rgba(145,71,255,.4)}.onboarding-mic-btn.active{background:linear-gradient(135deg,#ff4757,#ff3742);animation:pulse 2s infinite}.onboarding-mic-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.mic-icon{font-size:24px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.onboarding-divider{text-align:center;margin:24px 0;position:relative}.onboarding-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(147,71,255,.3),transparent)}.onboarding-divider span{background:linear-gradient(145deg,rgba(30,20,60,.95),rgba(45,25,80,.9));color:#9147ff;padding:0 20px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:1px}.onboarding-textarea{width:100%;padding:20px;border-radius:16px;border:2px solid rgba(147,71,255,.3);background:rgba(20,15,40,.6);color:#e2e2f6;font-size:16px;font-family:Poppins,sans-serif;line-height:1.6;resize:vertical;min-height:120px;outline:none;transition:all .3s ease;margin-bottom:24px}.onboarding-textarea:focus{border-color:#9147ff;box-shadow:0 0 0 3px rgba(145,71,255,.2)}.onboarding-textarea::placeholder{color:#8b7aa8}.onboarding-send-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:18px 32px;border-radius:16px;background:linear-gradient(135deg,#4ade80,#22c55e);color:white;font-size:18px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px rgba(34,197,94,.3)}.onboarding-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 35px rgba(34,197,94,.4)}.onboarding-send-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:white}.onboarding-tips{background:rgba(147,71,255,.1);border:1px solid rgba(147,71,255,.3);border-radius:20px;padding:32px;text-align:center}.onboarding-tips h3{color:#9147ff;font-size:24px;font-weight:700;margin-bottom:20px}.onboarding-tips ul{list-style:none;padding:0;margin:0}.onboarding-tips li{color:#c2b8e0;font-size:16px;padding:8px 0;border-bottom:1px solid rgba(147,71,255,.1)}.onboarding-tips li:last-child{border-bottom:none}.onboarding-tips li:before{content:"✨";margin-right:12px}.video-unmute-btn{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;background:linear-gradient(145deg,rgba(30,20,60,.95),rgba(45,25,80,.9))!important;backdrop-filter:blur(20px)!important;border:2px solid rgba(147,71,255,.6)!important;border-radius:20px!important;padding:24px 40px!important;color:white!important;font-size:22px!important;font-weight:700!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.2)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;z-index:1000!important;animation:gentle-pulse 2s ease-in-out infinite!important;font-family:Poppins,sans-serif!important;user-select:none!important;-webkit-user-select:none!important;pointer-events:auto!important}.video-unmute-btn:hover{transform:translate(-50%,-50%) scale(1.08)!important;border-color:#9147ff!important;box-shadow:0 25px 70px rgba(0,0,0,.7),0 0 40px rgba(145,71,255,.5)!important;background:linear-gradient(145deg,rgba(45,25,80,.98),rgba(60,30,100,.95))!important}.video-unmute-btn:active{transform:translate(-50%,-50%) scale(1.02)!important}.unmute-icon{font-size:32px!important;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))!important;animation:icon-bounce 2s ease-in-out infinite!important}.unmute-text{font-family:Poppins,sans-serif!important;letter-spacing:1px!important;text-shadow:0 3px 6px rgba(0,0,0,.4)!important;font-weight:700!important}@keyframes gentle-pulse{0%,to{box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.2)!important;border-color:rgba(147,71,255,.6)!important}50%{box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 30px rgba(145,71,255,.4)!important;border-color:rgba(147,71,255,.8)!important}}@keyframes icon-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.profile-main{min-height:100vh;padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.profile-header{text-align:center;margin-bottom:var(--spacing-2xl)}.profile-logo-link{display:inline-block;margin-bottom:var(--spacing-lg)}.profile-logo{width:160px;height:160px;animation:logo-pulse 2.6s cubic-bezier(.7,0,.2,1) infinite}.profile-title{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xl)}.profile-tabs-container{display:flex;gap:var(--spacing-xs);justify-content:center;align-items:center;margin-bottom:var(--spacing-2xl);background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-sm);border:1.5px solid rgba(147,71,255,.12);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.profile-tabs-container::-webkit-scrollbar{display:none}.profile-tab{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:12px 20px;font-size:.95rem;font-weight:600;color:var(--color-text-secondary);background:none;border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;outline:none;white-space:nowrap;flex-shrink:0}.profile-tab.active,.profile-tab:focus{background:var(--gradient-primary);color:var(--color-text-primary);font-weight:700;border:2px solid transparent;box-shadow:0 4px 15px rgba(124,58,237,.4);transform:translateY(-2px)}.profile-tab:hover:not(.active){background:rgba(147,71,255,.1);color:var(--color-text-primary);border-color:rgba(255,255,255,.4);transform:translateY(-1px)}.tab-icon{font-size:1.2em}.tab-label{white-space:nowrap}@media (max-width:768px){.profile-tabs-container{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-xs)}.profile-tab{padding:10px 16px;font-size:.9rem}}@media (max-width:480px){.profile-tab{padding:8px 12px;font-size:.85rem}.tab-label{display:none}.tab-icon{font-size:1.3em}}.profile-content{max-width:900px;margin:0 auto}.profile-tab-panel{animation:fadeIn .3s ease-in-out}.profile-error{background:rgba(255,33,79,.1);border:1px solid var(--color-danger);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);color:var(--color-danger);text-align:center}.avatar-header{display:flex;justify-content:space-between;align-items:center;background:var(--gradient-card);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);border:1px solid rgba(147,71,255,.2);backdrop-filter:blur(20px);box-shadow:var(--shadow-md)}.avatar-header-info{display:flex;align-items:center;gap:var(--spacing-lg)}.avatar-header-photo{position:relative;width:80px;height:80px;border-radius:50%;overflow:hidden;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center}.avatar-photo{width:100%;height:100%;object-fit:cover}.avatar-photo-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-muted)}.avatar-photo-fallback-hidden{display:none}.avatar-header-icon{width:40px;height:40px}.avatar-header-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.avatar-header-desc{color:var(--color-text-muted);font-size:1rem}.avatar-header-status{gap:var(--spacing-lg)}.avatar-header-change-btn{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid rgba(147,71,255,.3);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.avatar-header-change-btn:hover{background:var(--gradient-primary);color:var(--color-text-primary);border-color:var(--color-primary)}.avatar-header-active{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-success);font-size:.9rem;font-weight:600}.avatar-header-active-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);animation:pulse 2s infinite}.personality-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);align-items:stretch}.personality-card{background:var(--gradient-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid rgba(147,71,255,.2);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);transition:all var(--transition-slow);text-decoration:none;color:inherit;display:block;position:relative;overflow:hidden;height:160px}.personality-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-secondary);opacity:0;transition:opacity var(--transition-slow);pointer-events:none}.personality-card:hover{transform:scale(1.05);z-index:10;box-shadow:var(--shadow-xl),0 0 30px rgba(147,71,255,.4);border-color:rgba(147,71,255,.6)}.personality-card:hover:before{opacity:.1}.personality-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.personality-card-title{font-size:1.2rem;font-weight:600;color:var(--color-text-primary);text-transform:capitalize;margin-bottom:var(--spacing-sm)}.personality-card-progress{display:flex;align-items:center;gap:var(--spacing-sm)}.progress-bar{width:80px;background:var(--color-bg-secondary)}.progress-fill{background:var(--gradient-primary);transition:width var(--transition-slow)}.progress-text{font-size:.8rem;color:var(--color-text-muted);font-weight:600}.personality-card-status{position:absolute;bottom:var(--spacing-lg);left:var(--spacing-xl)}.status-complete{color:var(--color-success);font-weight:600;font-size:.9rem}.status-incomplete{color:var(--color-primary-light);font-weight:600;font-size:.9rem}.avatars-main{min-height:100vh;padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.avatars-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl);flex-wrap:wrap;gap:var(--spacing-lg)}.avatars-title{font-size:2.5rem;font-weight:700;color:var(--color-text-primary)}.avatars-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.avatars-action-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid rgba(147,71,255,.3);border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:all var(--transition-normal)}.avatars-action-btn:hover{background:var(--gradient-primary);color:var(--color-text-primary);border-color:var(--color-primary);transform:translateY(-2px)}.avatars-action-icon{width:20px;height:20px}.avatar-create-form{background:var(--gradient-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl);border:1px solid rgba(147,71,255,.2);backdrop-filter:blur(20px);box-shadow:var(--shadow-md)}.avatar-create-title{font-size:1.5rem;margin-bottom:var(--spacing-lg);text-align:center}.avatar-create-fields{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-xl);align-items:start;width:100%;max-width:600px;margin:0 auto}.avatar-photo-upload-section{display:flex;justify-content:center;grid-row:1/4}.avatar-photo-label{cursor:pointer}.avatar-photo-preview{width:120px;height:120px;border-radius:50%;background:var(--color-bg-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed rgba(147,71,255,.3);transition:all var(--transition-normal);background-size:cover;background-position:50%;position:relative;overflow:hidden}.avatar-photo-preview:hover{border-color:var(--color-primary);background-color:rgba(147,71,255,.1)}.avatar-photo-icon{width:40px;height:40px;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.avatar-photo-upload-btn{font-size:.8rem;color:var(--color-text-muted);font-weight:600;text-align:center;background:rgba(0,0,0,.7);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);position:absolute;bottom:0;left:0;right:0}.avatar-form-fields{display:flex;flex-direction:column;gap:var(--spacing-lg);grid-column:2}.avatar-description-section,.avatar-name-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.avatar-description-label,.avatar-name-label{font-weight:600;color:var(--color-text-primary);font-size:1rem}.avatar-description-input,.avatar-name-input{padding:var(--spacing-md);border-radius:var(--radius-md);border:2px solid rgba(147,71,255,.3);background:var(--color-bg-tertiary);color:var(--color-text-primary);font-family:Poppins,sans-serif;font-size:1rem;outline:none;transition:all var(--transition-normal)}.avatar-description-input:focus,.avatar-name-input:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px rgba(145,71,255,.2)}.avatar-description-input{resize:vertical;min-height:80px}.avatar-create-submit-btn{grid-column:1/-1;background:var(--gradient-primary);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);padding:var(--spacing-lg) var(--spacing-xl);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md);margin-top:var(--spacing-lg);justify-self:center;max-width:200px}.avatar-create-submit-btn:hover:not(:disabled){background:var(--gradient-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.avatar-create-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:768px){.avatar-create-fields{grid-template-columns:1fr;text-align:center;gap:var(--spacing-lg)}.avatar-photo-upload-section{grid-row:auto;justify-content:center}.avatar-form-fields{grid-column:1}.avatar-create-submit-btn{grid-column:1;max-width:none}}.avatars-section-title{font-size:1.8rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xl)}.avatars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-xl)}.avatars-card,.avatars-card-container{position:relative}.avatars-card{background:var(--gradient-card);border-radius:var(--radius-xl);border:1px solid rgba(147,71,255,.2);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);transition:all var(--transition-slow);text-decoration:none;color:inherit;display:block;overflow:hidden}.avatars-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl),0 0 30px rgba(147,71,255,.4);border-color:rgba(147,71,255,.6)}.avatars-card-header{height:8px;background:var(--gradient-primary)}.avatars-card-body{padding:var(--spacing-xl)}.avatars-card-icon-section{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.avatars-card-icon-bg{width:60px;height:60px;border-radius:50%;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatars-card-icon{width:30px;height:30px;color:var(--color-text-muted)}.avatars-card-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatars-card-icon.hidden{display:none}.avatars-card-name{font-size:1.3rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.avatars-card-voice-status{display:flex;align-items:center;gap:var(--spacing-sm)}.avatars-card-voice-ready{color:var(--color-success)}.avatars-card-voice-missing,.avatars-card-voice-ready{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9rem;font-weight:600}.avatars-card-voice-missing{color:var(--color-warning)}.avatars-card-voice-dot{width:8px;height:8px;border-radius:50%}.avatars-card-voice-dot-ready{background:var(--color-success);animation:pulse 2s infinite}.avatars-card-voice-dot-missing{background:var(--color-warning)}.avatars-card-description{padding:0 var(--spacing-xl);margin-bottom:var(--spacing-lg);color:var(--color-text-muted);line-height:1.6}.avatars-card-description-empty{font-style:italic;opacity:.7}.avatars-card-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid rgba(147,71,255,.1);background:rgba(0,0,0,.1)}.avatars-card-footer-content{display:flex;justify-content:space-between;align-items:center}.avatars-card-date{font-size:.8rem;color:var(--color-text-muted)}.avatars-card-chat-btn{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-primary-light);font-weight:600;font-size:.9rem}.avatars-card-chat-icon{width:16px;height:16px}.avatars-empty{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}.avatars-empty-text{font-size:1.1rem}.avatars-error{background:rgba(255,33,79,.1);border:1px solid var(--color-danger);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);color:var(--color-danger);text-align:center}.chat-main{min-height:100vh;display:flex;flex-direction:column}.chat-auth-main,.chat-error-main,.chat-loading-main,.chat-selector-main{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);text-align:center}.chat-loading-spinner{width:40px;height:40px;border:3px solid rgba(147,71,255,.3);border-top:3px solid var(--color-primary-light);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-lg)}.chat-loading-text{font-size:1.2rem;color:var(--color-text-muted)}.chat-auth-logo{width:120px;height:120px;margin-bottom:var(--spacing-xl);animation:logo-pulse 2.6s cubic-bezier(.7,0,.2,1) infinite}.chat-auth-card{background:var(--gradient-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);border:1px solid rgba(147,71,255,.2);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);max-width:400px;width:100%}.chat-auth-title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.chat-auth-subtitle{color:var(--color-text-muted);margin-bottom:var(--spacing-xl);line-height:1.6}.chat-auth-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.chat-auth-btn{padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-md);font-weight:700;text-decoration:none;text-align:center;transition:all var(--transition-normal);font-size:1rem}.chat-auth-btn.primary{background:var(--gradient-primary);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.chat-auth-btn.primary:hover{background:var(--gradient-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.chat-auth-btn.secondary{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid rgba(147,71,255,.3)}.chat-auth-btn.secondary:hover{background:rgba(147,71,255,.2);color:var(--color-text-primary);border-color:var(--color-primary)}.chat-error-text{color:var(--color-danger);font-size:1.1rem}.about-page{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);position:relative;overflow-x:hidden}.voice-recorder-panel{background:var(--color-bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1.5px solid rgba(147,71,255,.33);max-width:540px;margin:var(--spacing-xl) auto 0 auto;padding:var(--spacing-2xl);display:flex;flex-direction:column;align-items:center}.voice-recorder-title{font-size:2.1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.3em;text-align:center}.voice-recorder-desc{color:var(--color-text-muted);font-size:1.1rem;margin-bottom:1.5em;text-align:center}.voice-script-section{width:100%;margin-bottom:1.7em}.voice-script-label{font-size:1.1rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.5em;display:block}.voice-script-toggle-row{display:flex;gap:1em;margin-bottom:.7em;flex-wrap:wrap}.voice-script-btn{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:2px solid rgba(168,132,255,1);border-radius:var(--radius-lg);padding:.7em 1.5em;font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:Poppins,sans-serif}.voice-script-btn.active,.voice-script-btn:active{background:var(--gradient-primary);color:var(--color-text-primary);border-color:var(--color-primary)}.voice-script-btn:disabled{opacity:.6;cursor:not-allowed}.voice-script-textarea{width:100%;padding:1.1em;border-radius:var(--radius-lg);border:2px solid rgba(168,132,255,1);background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:1.08rem;font-family:Poppins,monospace;margin-bottom:.5em;outline:none;resize:vertical;min-height:80px;transition:all var(--transition-fast)}.voice-script-textarea:focus{border-color:var(--color-primary-light);box-shadow:0 2px 12px rgba(168,132,255,.55)}.voice-script-textarea::placeholder{color:var(--color-text-muted)}.voice-method-section{width:100%;margin-bottom:1.7em}.voice-method-toggle{gap:2em;flex-wrap:wrap;justify-content:space-between}.voice-record-section,.voice-upload-section{flex:1 1 220px;background:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:1.3em 1.1em;margin-bottom:.5em;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center}.voice-record-label,.voice-upload-label{font-size:1.08rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.6em}.voice-record-controls{display:flex;gap:.8em;margin-bottom:.7em;flex-wrap:wrap}.voice-record-btn,.voice-upload-btn{background:var(--color-primary);color:var(--color-text-primary);border:none;border-radius:var(--radius-lg);padding:.7em 1.5em;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:Poppins,sans-serif}.voice-record-btn.recording{background:var(--color-danger)}.voice-record-btn.stop{background:var(--color-secondary)}.voice-record-btn:disabled,.voice-upload-btn:disabled{opacity:.6;cursor:not-allowed}.voice-upload-btn.enhanced{background:var(--gradient-primary);font-size:1.13rem;padding:1em 2.2em;margin-top:1.2em;box-shadow:var(--shadow-lg)}.voice-recorder-tips{color:var(--color-text-muted);font-size:.97rem;margin-bottom:.5em}.voice-recorder-tips ul{list-style:none;padding-left:0;margin:0}.voice-recorder-tips li{margin-bottom:.2em}.voice-audio-container{width:100%;margin-top:.7em;display:flex;justify-content:center}.voice-audio-player{width:100%;border-radius:.7em;background:var(--color-bg-tertiary)}.upload-notes{color:var(--color-text-muted);font-size:.97rem;margin-bottom:.5em}.upload-note-list{padding-left:0;margin:0 0 .3em}.upload-note-list li{margin-bottom:.2em}.upload-tip{color:var(--color-text-secondary);font-size:.93rem;margin-top:.2em}.uploaded-files-container{width:100%;margin-top:.7em;background:var(--color-bg-tertiary);border-radius:1em;padding:.7em 1em;box-shadow:var(--shadow-sm)}.uploaded-files-title{font-size:1.01rem;color:var(--color-text-secondary);margin-bottom:.3em}.uploaded-files-list{width:100%;gap:.3em}.uploaded-file{border-radius:.7em;padding:.5em 1em;color:var(--color-text-primary);font-size:.98rem}.file-info{gap:.7em}.file-icon{font-size:1.2em}.file-details{display:flex;flex-direction:column}.file-size{font-size:.93em}.remove-file-btn{background:none;border:none;color:var(--color-danger);font-size:1.3em;margin-left:.7em;transition:color var(--transition-fast)}.remove-file-btn:hover{color:#ff5a7a}.voice-final-section{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:1.2em}.voice-upload-status{margin-top:1em;font-size:1.08rem;text-align:center;color:var(--color-text-muted)}.voice-upload-status.success{color:var(--color-success)}.voice-upload-status.error{color:var(--color-danger)}.voice-preview-section{background:var(--color-bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1.5px solid rgba(147,71,255,.33);max-width:420px;margin:var(--spacing-xl) auto 0 auto;padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center}.voice-preview-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-lg);text-align:center}.voice-preview-header{text-align:center;margin-bottom:1em}.voice-preview-desc{color:var(--color-text-muted);font-size:1rem}.voice-preview-error{background:rgba(255,235,238,.1);border:1.5px solid rgba(255,33,79,.44);border-radius:1em;padding:.8em 1em;margin-bottom:1em;width:100%;text-align:center;color:var(--color-danger);font-size:1.01rem}.voice-preview-error-tip{color:var(--color-danger);font-size:.93rem;margin-top:.2em}.voice-preview-controls{width:100%;display:flex;flex-direction:column;gap:.7em;align-items:center;margin-bottom:.7em}.voice-preview-btn{background:var(--gradient-primary);color:var(--color-text-primary);border-radius:var(--radius-lg);padding:.8em 1.7em;font-size:1.08rem;width:100%;transition:all var(--transition-fast);font-family:Poppins,sans-serif}.voice-preview-btn.playing{background:var(--color-danger)}.voice-preview-btn:disabled{opacity:.6;cursor:not-allowed}.voice-preview-warning{background:rgba(255,251,230,.1);border:1.5px solid rgba(255,224,102,1);border-radius:1em;padding:.8em 1em;margin-top:1em;width:100%;text-align:center;color:var(--color-text-muted);font-size:1.01rem}.voice-tuning-title{font-size:1.8rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md);text-align:center}.voice-tuning-description{color:var(--color-text-muted);font-size:1.1rem;margin-bottom:var(--spacing-xl);text-align:center;line-height:1.6}.loading-spinner{border:3px solid rgba(147,71,255,.3);border-top:3px solid var(--color-primary-light)}.auth-required-card{background:var(--gradient-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);text-align:center}.auth-required-title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.auth-required-subtitle{color:var(--color-text-muted);margin-bottom:var(--spacing-xl);font-size:1.1rem}.auth-required-actions{flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.auth-btn{padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-md);font-weight:700;text-align:center;transition:all var(--transition-normal);font-size:1rem;display:inline-block}.auth-btn.primary{background:var(--gradient-primary);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.auth-btn.primary:hover{background:var(--gradient-secondary);box-shadow:var(--shadow-lg)}.auth-btn.secondary{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid rgba(147,71,255,.3)}.auth-btn.secondary:hover{background:rgba(147,71,255,.2);color:var(--color-text-primary);border-color:var(--color-primary)}.auth-required-features h3{color:var(--color-text-primary);font-size:1.2rem;margin-bottom:var(--spacing-md)}.auth-required-features li{color:var(--color-text-muted);padding:var(--spacing-sm) 0;font-size:1rem;gap:var(--spacing-md)}.about-page{scroll-behavior:auto!important;scroll-snap-type:none!important}.form-container{max-width:600px;margin:0 auto;padding:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:1rem}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);border:2px solid rgba(147,71,255,.3);background:var(--color-bg-tertiary);color:var(--color-text-primary);font-family:Poppins,sans-serif;font-size:1rem;outline:none;transition:all var(--transition-normal)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px rgba(145,71,255,.2)}.form-textarea{resize:vertical;min-height:100px}.form-button{background:var(--gradient-primary);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);padding:var(--spacing-lg) var(--spacing-xl);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md);font-family:Poppins,sans-serif}.form-button:hover:not(:disabled){background:var(--gradient-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.form-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-button.secondary{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid rgba(147,71,255,.3);box-shadow:none}.form-button.secondary:hover:not(:disabled){background:rgba(147,71,255,.2);color:var(--color-text-primary);border-color:var(--color-primary);transform:none}.ask-form{display:flex;gap:var(--spacing-lg);width:100%;max-width:640px;margin:28px auto 0;align-items:center}.ask-form input[type=text]{flex:1;padding:var(--spacing-lg) var(--spacing-md);font-size:18px;border-radius:var(--radius-xl);border:2px solid rgba(106,0,255,.3);background:var(--color-bg-overlay);color:var(--color-text-secondary);font-family:Poppins,sans-serif;outline:none;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.ask-form input[type=text]:focus{border:2px solid var(--color-primary-light);box-shadow:0 4px 24px rgba(145,71,255,.2)}.ask-form button[type=submit]{background:var(--gradient-primary);color:var(--color-text-primary);font-size:18px;font-weight:700;border:none;border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-2xl);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-normal);font-family:Poppins,sans-serif;min-width:112px;margin-left:4px}.ask-form button[type=submit]:focus,.ask-form button[type=submit]:hover{background:var(--gradient-secondary);box-shadow:var(--shadow-lg)}.mic-btn{margin-top:var(--spacing-lg);font-size:18px;padding:var(--spacing-md) var(--spacing-2xl);background:rgba(34,32,76,.8);border:none;border-radius:var(--radius-xl);color:var(--color-text-primary);font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);font-family:Poppins,sans-serif}.mic-btn.active,.mic-btn:hover{background:#5e42b1;box-shadow:var(--shadow-lg)}.play-btn{background:var(--gradient-primary);color:var(--color-text-primary);font-size:16px;border:none;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-xl);cursor:pointer;box-shadow:var(--shadow-md);font-weight:600;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);font-family:Poppins,sans-serif}.play-btn:active,.play-btn:hover{background:var(--gradient-secondary);box-shadow:var(--shadow-lg)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-2xl{margin:var(--spacing-2xl)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.ml-0{margin-left:0}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.ml-xl{margin-left:var(--spacing-xl)}.ml-2xl{margin-left:var(--spacing-2xl)}.mr-0{margin-right:0}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.mr-xl{margin-right:var(--spacing-xl)}.mr-2xl{margin-right:var(--spacing-2xl)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.pt-0{padding-top:0}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pt-2xl{padding-top:var(--spacing-2xl)}.pb-0{padding-bottom:0}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.pb-2xl{padding-bottom:var(--spacing-2xl)}.pl-0{padding-left:0}.pl-xs{padding-left:var(--spacing-xs)}.pl-sm{padding-left:var(--spacing-sm)}.pl-md{padding-left:var(--spacing-md)}.pl-lg{padding-left:var(--spacing-lg)}.pl-xl{padding-left:var(--spacing-xl)}.pl-2xl{padding-left:var(--spacing-2xl)}.pr-0{padding-right:0}.pr-xs{padding-right:var(--spacing-xs)}.pr-sm{padding-right:var(--spacing-sm)}.pr-md{padding-right:var(--spacing-md)}.pr-lg{padding-right:var(--spacing-lg)}.pr-xl{padding-right:var(--spacing-xl)}.pr-2xl{padding-right:var(--spacing-2xl)}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.h-full{height:100%}.h-auto{height:auto}.h-fit{height:fit-content}.min-h-screen{min-height:100vh}.min-h-full{min-height:100%}.max-w-xs{max-width:320px}.max-w-sm{max-width:384px}.max-w-md{max-width:448px}.max-w-lg{max-width:512px}.max-w-xl{max-width:576px}.max-w-2xl{max-width:672px}.max-w-3xl{max-width:768px}.max-w-4xl{max-width:896px}.max-w-5xl{max-width:1024px}.max-w-6xl{max-width:1152px}.max-w-7xl{max-width:1280px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-text-accent)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.bg-primary{background:var(--color-primary)}.bg-secondary{background:var(--color-bg-secondary)}.bg-tertiary{background:var(--color-bg-tertiary)}.bg-card{background:var(--color-bg-card)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-secondary{background:var(--gradient-secondary)}.border{border:1px solid rgba(147,71,255,.3)}.border-primary{border-color:var(--color-primary)}.border-secondary{border-color:var(--color-secondary)}.border-danger{border-color:var(--color-danger)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:50%}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.select-none{user-select:none}.select-text{user-select:text}.select-all{user-select:all}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.about-page .features-section>div{width:90vw!important;max-width:1200px!important}.about-page .features-section{padding-top:5rem!important;padding-bottom:5rem!important}.about-page .cta-section,.about-page .features-section .text-center{margin-bottom:4rem!important}.about-page .cta-section{padding-top:5rem!important;padding-bottom:5rem!important}.about-page .cta-section h2{margin-bottom:2rem!important}.about-page .cta-section p{margin-bottom:3rem!important}.about-page .cta-button{margin-top:1rem!important;margin-bottom:1rem!important}.about-page .hero-section img{width:20rem!important;height:20rem!important}.about-page .video-container,.about-page .video-container video{border-radius:1.5rem!important}.about-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.1) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.05) 0,transparent 50%);pointer-events:none}.hero-section{position:relative;z-index:1}.hero-title{background:linear-gradient(135deg,#ffffff,#e2e2f6 50%,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(196,181,253,.3)}.hero-subtitle{background:linear-gradient(135deg,#c4b5fd,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.video-section{position:relative;z-index:1}.video-container{position:relative;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 0 1px rgba(147,71,255,.1),inset 0 1px 0 rgba(255,255,255,.1)}.video-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(147,71,255,.05) 50%,transparent 70%);pointer-events:none;z-index:1}.features-section{position:relative;z-index:1}.features-grid{gap:2rem}.feature-card{background:linear-gradient(145deg,rgba(30,20,60,.8),rgba(45,25,80,.7) 50%,rgba(35,30,70,.8));border-radius:24px;padding:2.5rem 2rem;border:1px solid rgba(147,71,255,.2);backdrop-filter:blur(20px);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.05),inset 0 1px 0 rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(147,71,255,.05),transparent 50%,rgba(106,0,255,.05));opacity:0;transition:opacity .4s ease;pointer-events:none}.feature-card:hover{transform:translateY(-8px) scale(1.02);border-color:rgba(147,71,255,.4);box-shadow:0 30px 60px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.15),0 0 40px rgba(147,71,255,.2)}.feature-card:hover:before{opacity:1}.feature-icon-wrapper{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,rgba(147,71,255,.2),rgba(106,0,255,.3));border:2px solid rgba(147,71,255,.4);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 10px 25px rgba(106,0,255,.3),inset 0 1px 0 rgba(255,255,255,.2);position:relative;overflow:hidden;transition:all .4s ease}.feature-icon-wrapper:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,255,255,.15) 0,transparent 70%);pointer-events:none}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1) rotate(5deg);box-shadow:0 15px 35px rgba(106,0,255,.4),inset 0 1px 0 rgba(255,255,255,.3)}.feature-icon-wrapper .icon{color:#ffffff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:all .3s ease}.feature-card:hover .feature-icon-wrapper .icon{color:#e2e2f6;transform:scale(1.1)}.feature-title{font-size:1.5rem;font-weight:700;color:white;margin-bottom:1rem;text-align:center;background:linear-gradient(135deg,#ffffff,#e2e2f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.feature-card:hover .feature-title{background:linear-gradient(135deg,#ffffff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-description{color:#c2b8e0;font-size:1rem;line-height:1.7;text-align:center;transition:color .3s ease}.feature-card:hover .feature-description{color:#d1c7e8}.cta-section{position:relative;z-index:1}.cta-button{position:relative;overflow:hidden;box-shadow:0 20px 40px rgba(106,0,255,.3),0 0 0 1px rgba(255,255,255,.1)}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.cta-button:hover:before{left:100%}@media (max-width:768px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.5rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:2rem 1.5rem}.feature-icon-wrapper{width:70px;height:70px}.feature-title{font-size:1.25rem}.feature-description{font-size:.95rem}}.profile-edit-main{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;padding:40px 20px;font-family:Poppins,sans-serif;position:relative}.profile-edit-header{text-align:center;margin-bottom:40px;max-width:600px}.profile-edit-logo{width:100px;height:100px;margin:0 auto 24px;display:block}.profile-edit-title{font-size:42px;font-weight:800;color:white;margin-bottom:16px;background:linear-gradient(135deg,#9147ff,#6a00ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:capitalize}.profile-edit-subtitle{font-size:18px;color:#c2b8e0;line-height:1.6;margin:0}.profile-edit-carousel{width:100%;max-width:700px;overflow:hidden;margin-bottom:24px}.embla__container{display:flex}.embla__slide{flex:0 0 100%;width:100%;min-width:0;box-sizing:border-box;padding:0 10px}.profile-edit-card{background:linear-gradient(145deg,rgba(30,20,60,.95),rgba(45,25,80,.9));border-radius:24px;padding:40px 32px;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1);backdrop-filter:blur(20px);border:1px solid rgba(147,71,255,.2);height:auto;min-height:500px;display:flex;flex-direction:column}.question-header{margin-bottom:32px}.question-counter{display:block;font-size:14px;color:#9147ff;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.progress-bar{width:100%;height:6px;background:rgba(147,71,255,.2);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#9147ff,#6a00ff);border-radius:3px;transition:width .3s ease}.question-label{display:block;font-size:22px;font-weight:700;color:white;margin-bottom:24px;line-height:1.4}.profile-edit-textarea{width:100%;min-height:120px;padding:20px;border-radius:16px;border:2px solid rgba(147,71,255,.3);background:rgba(20,15,40,.6);color:#e2e2f6;font-size:16px;font-family:Poppins,sans-serif;line-height:1.6;resize:vertical;outline:none;transition:all .3s ease;margin-bottom:32px;flex:1}.profile-edit-textarea:focus{border-color:#9147ff;box-shadow:0 0 0 3px rgba(145,71,255,.2)}.profile-edit-textarea::placeholder{color:#8b7aa8}.profile-edit-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:auto}.profile-edit-btn{padding:14px 24px;border-radius:12px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;outline:none;display:flex;align-items:center;gap:8px;font-family:Poppins,sans-serif}.profile-edit-btn.secondary{background:rgba(147,71,255,.2);color:#c2b8e0;border:2px solid rgba(147,71,255,.4)}.profile-edit-btn.secondary:hover:not(.disabled){background:rgba(147,71,255,.3);color:white;border-color:#9147ff}.profile-edit-btn.primary{background:linear-gradient(135deg,#9147ff,#6a00ff);color:white;box-shadow:0 4px 15px rgba(145,71,255,.3)}.profile-edit-btn.primary:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(145,71,255,.4)}.profile-edit-btn.save{background:linear-gradient(135deg,#4ade80,#22c55e);color:white;box-shadow:0 4px 15px rgba(34,197,94,.3);flex:1;min-width:140px;justify-content:center}.profile-edit-btn.save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(34,197,94,.4)}.profile-edit-btn.disabled,.profile-edit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.loading-spinner.small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}.profile-edit-help{text-align:center;color:#8b7aa8;font-size:14px;margin-bottom:20px}.profile-edit-error{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:16px 24px;border-radius:12px;text-align:center;font-weight:500;margin-top:20px;max-width:500px}.auth-required-card{padding:48px 40px;max-width:600px}.auth-required-title{font-size:36px}.auth-required-subtitle{font-size:18px}.auth-required-actions{display:flex;gap:16px;margin-bottom:40px;justify-content:center;flex-wrap:wrap}.auth-btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:16px;font-size:18px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif;min-width:160px}.auth-btn.primary{background:linear-gradient(135deg,#9147ff,#6a00ff);color:white;box-shadow:0 8px 25px rgba(145,71,255,.3)}.auth-btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(145,71,255,.4)}.auth-btn.secondary{background:rgba(147,71,255,.2);color:#c2b8e0;border:2px solid rgba(147,71,255,.4)}.auth-btn.secondary:hover{background:rgba(147,71,255,.3);color:white;border-color:#9147ff}.auth-required-features{background:rgba(147,71,255,.1);border:1px solid rgba(147,71,255,.3);border-radius:16px;padding:24px}.auth-required-features h3{font-size:20px;font-weight:700;text-align:center}.auth-required-features li:last-child{padding-bottom:0}.loading-spinner{width:40px;height:40px;border:4px solid rgba(147,71,255,.3);border-top-color:#9147ff;border-radius:50%;animation:spin 1s linear infinite}.mt-4{margin-top:16px}@media (max-width:768px){.voice-recorder-panel{padding:24px 20px;margin:0 16px}.voice-file-row{flex-direction:column;gap:12px}.voice-script-toggle-row{flex-direction:column;gap:8px}.text-4xl{font-size:28px}.px-8{padding-left:16px;padding-right:16px}.onboarding-container{padding:20px 16px}.onboarding-title{font-size:36px}.onboarding-subtitle{font-size:18px}.onboarding-input-section{padding:24px 20px}.onboarding-form-container{gap:24px}}.uploaded-files-container{background:rgba(147,71,255,.1);border:1px solid rgba(147,71,255,.3);border-radius:16px;padding:20px;margin:20px 0;max-height:300px;overflow-y:auto}.uploaded-files-title{color:#9147ff;font-size:18px;font-weight:600;margin-bottom:16px;text-align:center}.uploaded-files-list{display:flex;flex-direction:column;gap:12px}.uploaded-file{background:rgba(20,15,40,.6);border:1px solid rgba(147,71,255,.2);border-radius:12px;padding:12px 16px;transition:all .3s ease}.uploaded-file:hover{background:rgba(147,71,255,.1);border-color:rgba(147,71,255,.4);transform:translateX(4px)}.file-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.file-icon{font-size:20px;flex-shrink:0}.file-name{color:white;font-size:14px;truncate:true;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.file-size{color:#8b7aa8;font-size:12px;font-weight:400;flex-shrink:0}.remove-file-btn{background:rgba(255,71,71,.2);border:1px solid rgba(255,71,71,.4);border-radius:8px;color:#ff9999;padding:6px 10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;flex-shrink:0}.remove-file-btn:hover{background:rgba(255,71,71,.3);border-color:rgba(255,71,71,.6);color:#ffaaaa;transform:scale(1.05)}.voice-upload-btn{position:relative;overflow:hidden}.voice-upload-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.voice-upload-btn:hover:after{left:100%}.uploaded-files-container::-webkit-scrollbar{width:6px}.uploaded-files-container::-webkit-scrollbar-track{background:rgba(20,15,40,.4);border-radius:3px}.uploaded-files-container::-webkit-scrollbar-thumb{background:rgba(147,71,255,.4);border-radius:3px}.uploaded-files-container::-webkit-scrollbar-thumb:hover{background:rgba(147,71,255,.6)}@media (max-width:768px){.file-name{max-width:150px}.uploaded-file{padding:10px 12px}.file-info{gap:8px}.remove-file-btn{padding:4px 8px;font-size:12px}}.upload-section{margin-bottom:24px}.upload-notes{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:16px;padding:20px;margin-top:16px}.upload-note-title{color:#4ade80;font-size:16px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.upload-note-list{list-style:none;padding:0;margin:0 0 16px}.upload-note-list li{color:#c2b8e0;font-size:14px;padding:6px 0;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(34,197,94,.1)}.upload-note-list li:last-child{border-bottom:none}.upload-note-list li strong{color:#86efac;font-weight:600}.upload-tip{color:#86efac;font-size:14px;font-weight:500;margin:0;padding:12px 16px;background:rgba(34,197,94,.15);border-radius:12px;border-left:3px solid #4ade80}.upload-tip strong{color:#4ade80;font-weight:700}@media (max-width:768px){.upload-notes{padding:16px}.upload-note-title{font-size:15px}.upload-note-list li{font-size:13px;flex-wrap:wrap}.upload-tip{font-size:13px;padding:10px 12px}}.stories-section-container{max-width:1200px;margin:0 auto;padding:0 20px}.stories-header{text-align:center;margin-bottom:40px}.stories-title{font-size:3rem;font-weight:800;color:white;margin-bottom:16px;background:linear-gradient(135deg,#9147ff,#6a00ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stories-subtitle{font-size:1.25rem;color:#c2b8e0;line-height:1.6;max-width:600px;margin:0 auto}.stories-layout{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:start}.stories-chat-container{background:linear-gradient(145deg,rgba(30,20,60,.95),rgba(45,25,80,.9));border-radius:24px;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1);backdrop-filter:blur(20px);border:1px solid rgba(147,71,255,.2);display:flex;flex-direction:column;height:auto;min-height:500px}.stories-chat-messages{flex:1;overflow-y:visible;margin-bottom:0;padding-right:8px;max-height:none;padding-bottom:24px}.message{margin-bottom:20px;display:flex;flex-direction:column}.user-message{align-items:flex-end}.assistant-message{align-items:flex-start}.message-content{max-width:80%;padding:16px 20px;border-radius:20px;font-size:16px;line-height:1.5;word-wrap:break-word}.user-message .message-content{background:linear-gradient(135deg,#9147ff,#6a00ff);color:white;border-bottom-right-radius:8px}.assistant-message .message-content{background:rgba(147,71,255,.15);color:#e2e2f6;border:1px solid rgba(147,71,255,.3);border-bottom-left-radius:8px}.message-timestamp{font-size:12px;color:#8b7aa8;margin-top:4px;padding:0 8px}.typing-indicator{display:flex;gap:4px;align-items:center}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#9147ff;animation:typing-bounce 1.4s ease-in-out infinite}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.stories-input-section{border-top:1px solid rgba(147,71,255,.2);padding-top:24px;margin-top:auto;flex-shrink:0}.stories-mic-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px 24px;border-radius:16px;background:linear-gradient(135deg,#9147ff,#6a00ff);color:white;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px rgba(145,71,255,.3);margin-bottom:16px}.stories-mic-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 35px rgba(145,71,255,.4)}.stories-mic-btn.active{background:linear-gradient(135deg,#ff4757,#ff3742);animation:pulse 2s infinite}.stories-mic-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.mic-icon.recording{animation:pulse 1.5s infinite}.stories-divider{text-align:center;margin:16px 0;position:relative}.stories-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(147,71,255,.3),transparent)}.stories-divider span{background:linear-gradient(145deg,rgba(30,20,60,.95),rgba(45,25,80,.9));color:#9147ff;padding:0 16px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:1px}.stories-textarea{width:100%;padding:16px;border-radius:16px;border:2px solid rgba(147,71,255,.3);background:rgba(20,15,40,.6);color:#e2e2f6;font-size:16px;font-family:Poppins,sans-serif;line-height:1.6;resize:vertical;min-height:100px;outline:none;transition:all .3s ease;margin-bottom:16px}.stories-textarea:focus{border-color:#9147ff;box-shadow:0 0 0 3px rgba(145,71,255,.2)}.stories-textarea::placeholder{color:#8b7aa8}.stories-send-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px 24px;border-radius:16px;background:linear-gradient(135deg,#4ade80,#22c55e);color:white;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px rgba(34,197,94,.3)}.stories-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 35px rgba(34,197,94,.4)}.stories-send-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.stories-prompts-sidebar{background:linear-gradient(145deg,rgba(30,20,60,.95),rgba(45,25,80,.9));border-radius:24px;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1);backdrop-filter:blur(20px);border:1px solid rgba(147,71,255,.2);height:fit-content;position:sticky;top:20px}.prompts-title{color:#9147ff;font-size:1.5rem;font-weight:700;margin-bottom:24px;text-align:center}.story-prompts-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.story-prompt-item{display:flex;align-items:center;gap:12px;padding:16px;border-radius:16px;background:rgba(147,71,255,.1);border:1px solid rgba(147,71,255,.3);color:white;font-size:14px;font-weight:500;text-align:left;transition:all .3s ease}.story-prompt-item:hover{background:rgba(147,71,255,.15);border-color:rgba(147,71,255,.4)}.prompt-icon{font-size:20px;flex-shrink:0}.prompt-text{flex:1;line-height:1.4}.stories-tips{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:16px;padding:20px}.stories-tips h4{color:#4ade80;font-size:16px;font-weight:600;margin-bottom:12px}.stories-tips ul{list-style:none;padding:0;margin:0}.stories-tips li{color:#c2b8e0;font-size:14px;position:relative;padding:4px 0 4px 20px}.stories-tips li:before{content:"✨";position:absolute;left:0;top:4px}.stories-chat-messages::-webkit-scrollbar{width:6px}.stories-chat-messages::-webkit-scrollbar-track{background:rgba(20,15,40,.4);border-radius:3px}.stories-chat-messages::-webkit-scrollbar-thumb{background:rgba(147,71,255,.4);border-radius:3px}.stories-chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(147,71,255,.6)}@media (max-width:1024px){.stories-layout{grid-template-columns:1fr;gap:24px}.stories-prompts-sidebar{position:static}.story-prompts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}}@media (max-width:768px){.stories-section-container{padding:0 16px}.stories-title{font-size:2.5rem}.stories-subtitle{font-size:1.1rem}.stories-chat-container{padding:24px;height:500px}.stories-prompts-sidebar{padding:24px}.message-content{max-width:90%;padding:12px 16px;font-size:15px}.story-prompts-grid{grid-template-columns:1fr}}.auth-required-card{background:linear-gradient(145deg,rgba(30,20,60,.95),rgba(45,25,80,.9));border-radius:24px;padding:40px;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1);backdrop-filter:blur(20px);border:1px solid rgba(147,71,255,.2);max-width:500px;width:100%;margin:0 auto}.auth-required-title{font-size:2.5rem;font-weight:800;color:white;margin-bottom:16px;background:linear-gradient(135deg,#9147ff,#6a00ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-required-subtitle{font-size:1.25rem;color:#c2b8e0;line-height:1.6;margin-bottom:32px}.auth-input{background:rgba(20,15,40,.8)!important;color:white!important;border:2px solid rgba(147,71,255,.3)!important}.auth-input:focus{border-color:#9147ff!important;box-shadow:0 0 0 3px rgba(145,71,255,.2)!important}.auth-input::placeholder{color:#8b7aa8!important}.auth-submit-btn{background:linear-gradient(135deg,#9147ff,#6a00ff)!important;color:white!important;border:none!important}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#a855f7,#7c3aed)!important;transform:translateY(-2px)!important}.auth-submit-btn:disabled{background:rgba(147,71,255,.5)!important;color:rgba(255,255,255,.7)!important;cursor:not-allowed!important;transform:none!important}.auth-required-features{text-align:left}.auth-required-features h3{color:#9147ff;font-size:1.25rem;font-weight:600;margin-bottom:16px}.auth-required-features ul{list-style:none;padding:0;margin:0}.auth-required-features li{color:#c2b8e0;font-size:16px;padding:8px 0;display:flex;align-items:center;gap:12px}.auth-required-features li:before{content:attr(data-icon);font-size:20px}@media (max-width:768px){.auth-required-card{padding:32px 24px;margin:0 16px}}.stories-chat-container{background:linear-gradient(145deg,rgba(30,20,60,.95),rgba(45,25,80,.9))!important;border-radius:24px!important;padding:32px!important;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(147,71,255,.2)!important;display:flex!important;flex-direction:column!important;height:auto!important;min-height:500px!important;max-height:none!important}.stories-chat-messages{flex:1!important;overflow-y:visible!important;margin-bottom:0!important;padding-right:8px!important;max-height:none!important;padding-bottom:24px!important}.stories-input-section{border-top:1px solid rgba(147,71,255,.2)!important;padding-top:24px!important;margin-top:auto!important;flex-shrink:0!important}.stories-layout{display:grid!important;grid-template-columns:2fr 1fr!important;gap:40px!important;align-items:start!important}.stories-prompts-sidebar{background:linear-gradient(145deg,rgba(30,20,60,.95),rgba(45,25,80,.9))!important;border-radius:24px!important;padding:32px!important;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(147,71,255,.2)!important;height:fit-content!important;position:sticky!important;top:20px!important}.voice-method-toggle{display:flex;gap:12px;margin-bottom:24px;justify-content:center}.method-btn{padding:12px 24px;border:2px solid rgba(147,71,255,.3);background:rgba(45,25,80,.6);color:white;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600}.method-btn:hover{border-color:rgba(147,71,255,.6);background:rgba(45,25,80,.8);transform:translateY(-2px)}.method-btn.active{background:linear-gradient(135deg,#9347ff,#7c3aed);border-color:#9347ff;box-shadow:0 4px 20px rgba(147,71,255,.3)}.voice-design-section{background:linear-gradient(145deg,rgba(30,20,60,.95),rgba(45,25,80,.9));border-radius:16px;padding:24px;margin-bottom:24px;border:1px solid rgba(147,71,255,.2)}.voice-design-description{color:#c2b8e0;margin-bottom:16px;font-size:16px}.voice-description-textarea{width:100%;padding:16px;border:2px solid rgba(147,71,255,.3);background:rgba(30,20,60,.8);color:white;border-radius:12px;font-size:16px;resize:vertical;min-height:120px;margin-bottom:16px}.voice-description-textarea:focus{outline:none;border-color:#9347ff;box-shadow:0 0 0 3px rgba(147,71,255,.2)}.voice-generate-btn{background:linear-gradient(135deg,#9347ff,#7c3aed);color:white;border:none;padding:14px 28px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.voice-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(147,71,255,.4)}.voice-generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.voice-preview-section{margin:20px 0;padding:20px;background:rgba(45,25,80,.4);border-radius:12px;border:1px solid rgba(147,71,255,.2)}.voice-preview-btn{background:linear-gradient(135deg,#06b6d4,#0891b2);color:white;border:none;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:16px}.voice-preview-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(6,182,212,.3)}.voice-preview-container{margin-top:16px}.voice-preview-player{width:100%;margin-top:8px}.voice-settings-section{background:rgba(30,20,60,.6);border-radius:12px;padding:20px;margin:20px 0;border:1px solid rgba(147,71,255,.2)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-item label{color:#c2b8e0;font-weight:600;font-size:14px}.setting-slider{width:100%;height:6px;border-radius:3px;background:rgba(147,71,255,.3);outline:none;cursor:pointer}.setting-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#9347ff;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.3)}.setting-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#9347ff;cursor:pointer;border:none;box-shadow:0 2px 6px rgba(0,0,0,.3)}.audio-analysis{margin-top:16px;padding:16px;background:rgba(30,20,60,.8);border-radius:10px;border:1px solid rgba(147,71,255,.2)}.analysis-results{margin-top:12px}.quality-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-weight:600;font-size:14px;margin-bottom:12px}.quality-badge.good{background:rgba(34,197,94,.2);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.quality-badge.fair{background:rgba(251,191,36,.2);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.quality-badge.poor{background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.quality-suggestions{list-style:none;padding:0;margin:0}.quality-suggestions li{padding:6px 0;color:#c2b8e0;font-size:14px}.voice-upload-btn.enhanced{background:linear-gradient(135deg,#9347ff,#7c3aed);color:white;border:none;padding:16px 32px;border-radius:12px;font-weight:700;font-size:18px;cursor:pointer;transition:all .3s ease;margin-top:20px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.voice-upload-btn.enhanced:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px rgba(147,71,255,.4)}.voice-upload-status.success{background:rgba(34,197,94,.2);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.voice-upload-status.error{background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.voice-record-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:white;border:none;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;margin:0 8px}.voice-record-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(220,38,38,.3)}.voice-record-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:768px){.voice-method-toggle{flex-direction:column;align-items:center}.method-btn{width:100%;max-width:300px}.settings-grid{grid-template-columns:1fr}.voice-file-row{flex-direction:column;gap:12px}.voice-record-btn{margin:0;width:100%}}.voice-tuning-panel{background:var(--color-bg-panel,#18182a);border-radius:24px;box-shadow:0 4px 32px rgba(60,0,120,.08);padding:2.5rem 1.5rem;margin:0 auto;max-width:900px;width:100%}.voice-tuning-header{text-align:center;margin-bottom:2rem}.voice-tuning-title{font-size:2.2rem;font-weight:800;color:#fff;margin-bottom:.5rem}.voice-tuning-desc{color:#bdbdfc;font-size:1.1rem;margin-bottom:.5rem}.voice-tuning-tabs{display:flex;gap:.5rem;background:#23234a;border-radius:16px;padding:.25rem;margin-bottom:2rem}.voice-tuning-tab{flex:1;background:transparent;color:#bdbdfc;font-weight:600;font-size:1rem;border:none;border-radius:12px;padding:.75rem .5rem;cursor:pointer;transition:background .2s,color .2s}.voice-tuning-tab.active{background:linear-gradient(90deg,#7c3aed,#2563eb);color:#fff;box-shadow:0 2px 12px rgba(60,0,120,.08)}.voice-tuning-section{margin-bottom:2rem}.voice-tuning-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.voice-tuning-section-title{font-size:1.2rem;font-weight:700;color:#fff}.voice-tuning-btn{background:#23234a;color:#bdbdfc;border:none;border-radius:8px;padding:.5rem 1.2rem;font-size:1rem;font-weight:600;cursor:pointer;margin-right:.5rem;transition:background .2s,color .2s}.voice-tuning-btn.primary{background:linear-gradient(90deg,#7c3aed,#2563eb);color:#fff}.voice-tuning-btn.playing{background:#e11d48;color:#fff}.voice-tuning-btn:disabled{opacity:.5;cursor:not-allowed}.voice-tuning-spinner{display:inline-block;width:1.2em;height:1.2em;border:2px solid #fff;border-top-color:#7c3aed;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5em}.voice-tuning-grid{display:grid;grid-template-columns:1fr;gap:1.2rem}@media (min-width:600px){.voice-tuning-grid{grid-template-columns:1fr 1fr}}@media (min-width:900px){.voice-tuning-grid{grid-template-columns:1fr 1fr 1fr}}.voice-tuning-card{background:#23234a;border-radius:16px;box-shadow:0 2px 12px rgba(60,0,120,.06);padding:1.2rem 1rem;color:#fff;display:flex;flex-direction:column;gap:.7rem}.voice-tuning-card-header{display:flex;align-items:center;gap:.7rem;margin-bottom:.5rem}.voice-tuning-emoji{font-size:1.7rem}.voice-tuning-card-title{font-weight:700;font-size:1.1rem}.voice-tuning-status.success{color:#22c55e;background:#22c55e22;border-radius:8px;padding:.1em .7em;font-size:.9em;margin-left:auto}.voice-tuning-card-controls{display:flex;gap:.5rem}.voice-tuning-error{color:#f87171;background:#f8717115;border-radius:8px;padding:.5em .8em;font-size:.98em;margin-top:.5em}.voice-tuning-error.global{text-align:center;font-weight:600}.voice-tuning-error-tip{color:#fbbf24;font-size:.95em;margin-top:.2em}.voice-tuning-filter{display:flex;align-items:center;gap:.5em}.voice-tuning-select{background:#23234a;color:#bdbdfc;border:1px solid #7c3aed;border-radius:8px;padding:.3em .8em;font-size:1em}.voice-tuning-custom-text{display:flex;gap:.7em;align-items:flex-start;margin-bottom:1.2em}.voice-tuning-textarea{flex:1;background:#18182a;color:#fff;border:1px solid #7c3aed;border-radius:8px;padding:.7em 1em;font-size:1em;min-height:2.5em;resize:vertical}.voice-tuning-category{font-size:.9em;border-radius:8px;padding:.1em .7em;margin-left:auto;background:#7c3aed22;color:#7c3aed;font-weight:600}.voice-tuning-card-desc{color:#bdbdfc;font-size:.98em;background:#23234a;border-left:4px solid #7c3aed;padding:.5em 1em;border-radius:8px}.voice-tuning-guide{background:#23234a;color:#bdbdfc;border-radius:12px;padding:1em 1.2em;margin-bottom:1.2em}.voice-tuning-params-grid{display:grid;grid-template-columns:1fr;gap:1.2em}@media (min-width:600px){.voice-tuning-params-grid{grid-template-columns:1fr 1fr}}.voice-tuning-param{background:#23234a;border-radius:12px;padding:1em 1.2em;color:#fff;display:flex;flex-direction:column;gap:.5em}.voice-tuning-param-label{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:1em}.voice-tuning-slider{width:100%;accent-color:#7c3aed;margin:.5em 0}.voice-tuning-param-desc{display:flex;justify-content:space-between;font-size:.95em;color:#bdbdfc}.voice-tuning-checkbox{width:1.3em;height:1.3em;accent-color:#7c3aed;margin-left:.7em}.main-container{padding:var(--spacing-2xl);position:relative;overflow:visible}.main-title{font-size:2.25rem;margin-bottom:var(--spacing-2xl);text-shadow:0 4px 8px rgba(0,0,0,.3)}.main-subtitle{font-size:.75rem;opacity:.7;margin:var(--spacing-sm) 0;user-select:none}.auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-primary);padding:var(--spacing-lg);text-align:center}.auth-card{background:var(--gradient-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);border:1px solid rgba(147,71,255,.2);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);max-width:500px;width:100%}.auth-logo{width:120px;height:120px;margin-bottom:var(--spacing-xl);animation:logo-pulse 2.6s cubic-bezier(.7,0,.2,1) infinite}.auth-title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.auth-subtitle{color:var(--color-text-muted);margin-bottom:var(--spacing-xl);line-height:1.6;font-size:1.1rem}.auth-form{width:100%}.auth-form,.auth-form-group{margin-bottom:var(--spacing-lg)}.auth-form-group{text-align:left}.auth-form-label{display:block;font-weight:600;margin-bottom:var(--spacing-md)}.auth-form-input,.auth-form-label{color:var(--color-text-primary);font-size:1.125rem}.auth-form-input{width:100%;padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-xl);border:2px solid rgba(147,51,234,.3);background:rgba(88,28,135,.6);box-shadow:var(--shadow-md);outline:none;transition:all var(--transition-normal);font-family:Poppins,sans-serif}.auth-form-input:focus{border-color:rgba(147,51,234,.8);box-shadow:0 0 0 3px rgba(147,51,234,.2),var(--shadow-lg)}.auth-submit-btn{width:100%;padding:var(--spacing-lg);border-radius:var(--radius-xl);font-weight:700;font-size:1.125rem;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-normal);background:var(--gradient-primary);color:var(--color-text-primary);border:none;font-family:Poppins,sans-serif}.auth-submit-btn:hover:not(:disabled){background:var(--gradient-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-message{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-xl);font-weight:500}.auth-message.success{background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.3);color:#4ade80}.auth-message.error{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);color:#f87171}.error-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-primary);padding:var(--spacing-lg)}.error-card{background:rgba(127,29,29,.3);border:1px solid rgba(239,68,68,.5);border-radius:var(--radius-xl);padding:var(--spacing-2xl);max-width:32rem;width:100%;text-align:center}.error-icon{height:4rem;width:4rem;color:#f87171;margin:0 auto var(--spacing-lg) auto}.error-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.error-message{color:#fca5a5;margin-bottom:var(--spacing-lg)}.error-button{background:#7c3aed;color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);transition:all var(--transition-normal);text-decoration:none;display:inline-block}.error-button:hover{background:#6d28d9}.warning-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-primary);padding:var(--spacing-lg)}.warning-card{background:rgba(133,77,14,.3);border:1px solid rgba(245,158,11,.5);border-radius:var(--radius-xl);padding:var(--spacing-2xl);max-width:32rem;width:100%;text-align:center}.warning-icon{height:4rem;width:4rem;color:#fbbf24;margin:0 auto var(--spacing-lg) auto}.warning-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.warning-message{color:#fde68a;margin-bottom:var(--spacing-lg)}.loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-primary)}.loading-text{margin-top:var(--spacing-lg);font-size:1.25rem}.avatar-detail-container{min-height:100vh;color:var(--color-text-primary);display:flex;flex-direction:column;align-items:center;padding:0;max-width:100%}.avatar-detail-header{width:100%;background:linear-gradient(90deg,#581c87,#3730a3);padding:var(--spacing-lg) var(--spacing-2xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md)}.avatar-detail-header-content{max-width:1024px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.avatar-detail-info{display:flex;align-items:center;margin-bottom:var(--spacing-lg)}.avatar-detail-icon-bg{background:#7c3aed;border-radius:50%;padding:var(--spacing-md);margin-right:var(--spacing-lg);box-shadow:var(--shadow-md)}.avatar-detail-icon{height:2rem;width:2rem;color:var(--color-text-primary)}.avatar-detail-name{font-size:1.5rem;font-weight:700}.avatar-detail-description{color:#ddd6fe}.avatar-detail-actions{display:flex;align-items:center}.avatar-detail-back-btn{background:#7c3aed;color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);margin-right:var(--spacing-md);transition:all var(--transition-normal);text-decoration:none}.avatar-detail-back-btn:hover{background:#6d28d9}.avatar-detail-status{background:rgba(55,48,163,.7);color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);display:flex;align-items:center}.avatar-detail-status-dot{display:inline-block;width:.75rem;height:.75rem;background:#4ade80;border-radius:50%;margin-right:var(--spacing-xs)}.avatar-training-notice{max-width:1024px;width:100%;margin:0 auto;padding:0 var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.avatar-training-card{background:rgba(30,58,138,.3);border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-md);padding:var(--spacing-lg);display:flex;align-items:center}.avatar-training-icon{height:1.5rem;width:1.5rem;color:#60a5fa;margin-right:var(--spacing-md)}.avatar-training-text{color:#bfdbfe;font-weight:500}.avatar-training-name{font-weight:700;color:var(--color-text-primary)}.avatar-voice-training{max-width:1024px;width:100%;margin:0 auto;padding:0 var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.avatar-voice-card{background:rgba(88,28,135,.4);border:1px solid rgba(147,51,234,.3);border-radius:var(--radius-md);padding:var(--spacing-lg)}.avatar-voice-title{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.avatar-voice-description{color:#d1d5db;margin-bottom:var(--spacing-lg)}.avatar-voice-button-container{display:flex;justify-content:center}.avatar-voice-button{background:linear-gradient(90deg,#7c3aed,#3730a3);color:var(--color-text-primary);font-weight:700;padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:all var(--transition-normal);text-decoration:none}.avatar-voice-button:hover{background:linear-gradient(90deg,#6d28d9,#312e81);box-shadow:var(--shadow-lg)}@media (min-width:768px){.avatar-detail-header-content{flex-direction:row}.avatar-detail-info{margin-bottom:0}.avatar-detail-name{font-size:1.875rem}}.avatar-selector-container{min-height:100vh;padding:var(--spacing-lg);max-width:1200px;margin:0 auto;display:flex;flex-direction:column}.avatar-selector-header{text-align:center;margin-bottom:var(--spacing-2xl)}.avatar-selector-title{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.avatar-selector-subtitle{font-size:1.2rem;color:var(--color-text-muted);line-height:1.6;max-width:600px;margin:0 auto}.avatar-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.avatar-selector-card{background:var(--gradient-card);border-radius:var(--radius-xl);border:2px solid rgba(147,71,255,.2);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);transition:all var(--transition-slow);cursor:pointer;position:relative;overflow:hidden;padding:var(--spacing-xl)}.avatar-selector-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl),0 0 30px rgba(147,71,255,.4);border-color:rgba(147,71,255,.6)}.avatar-selector-card.selected{border-color:var(--color-primary);background:linear-gradient(145deg,rgba(106,0,255,.1),rgba(147,71,255,.1));box-shadow:var(--shadow-lg),0 0 20px rgba(147,71,255,.3)}.avatar-card-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.avatar-card-photo{width:80px;height:80px;border-radius:50%;overflow:hidden;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-card-photo img{width:100%;height:100%;object-fit:cover}.avatar-card-photo-fallback{color:var(--color-text-muted);font-size:2rem}.avatar-card-info{flex:1}.avatar-card-name{font-size:1.4rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.avatar-card-description{color:var(--color-text-muted);line-height:1.5;margin-bottom:var(--spacing-sm)}.avatar-card-voice-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9rem;font-weight:600}.avatar-card-voice-ready{color:var(--color-success)}.avatar-card-voice-missing{color:var(--color-warning)}.avatar-card-voice-dot{width:8px;height:8px;border-radius:50%}.avatar-card-voice-dot.ready{background:var(--color-success);animation:pulse 2s infinite}.avatar-card-voice-dot.missing{background:var(--color-warning)}.avatar-card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(147,71,255,.1)}.avatar-card-select-btn{background:var(--gradient-primary);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);font-weight:600;cursor:pointer;transition:all var(--transition-normal);font-family:Poppins,sans-serif}.avatar-card-select-btn:hover{background:var(--gradient-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.avatar-card-edit-btn{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid rgba(147,71,255,.3);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem;cursor:pointer;transition:all var(--transition-normal)}.avatar-card-edit-btn:hover{background:rgba(147,71,255,.2);color:var(--color-text-primary);border-color:var(--color-primary)}.avatar-create-card{background:linear-gradient(145deg,rgba(147,71,255,.1),rgba(106,0,255,.1));border:2px dashed rgba(147,71,255,.4);border-radius:var(--radius-xl);padding:var(--spacing-2xl);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all var(--transition-normal);min-height:200px}.avatar-create-card:hover{border-color:var(--color-primary);background:linear-gradient(145deg,rgba(147,71,255,.2),rgba(106,0,255,.2));transform:translateY(-4px)}.avatar-create-icon{font-size:3rem;margin-bottom:var(--spacing-md);color:var(--color-primary-light)}.avatar-create-title{font-size:1.3rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.avatar-create-description{color:var(--color-text-muted);line-height:1.5}.avatar-empty-card{background:var(--gradient-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;border:1px solid rgba(147,71,255,.2);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);max-width:500px;margin:0 auto}.avatar-empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.avatar-empty-title{font-size:1.8rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.avatar-empty-message{color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--spacing-xl);font-size:1.1rem}.avatar-empty-create-btn{background:var(--gradient-primary);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);padding:var(--spacing-lg) var(--spacing-xl);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md);font-family:Poppins,sans-serif}.avatar-empty-create-btn:hover{background:var(--gradient-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.avatar-error-card{background:var(--gradient-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;border:1px solid rgba(255,33,79,.3);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);max-width:500px;margin:0 auto}.avatar-error-title{font-size:1.8rem;font-weight:700;color:var(--color-danger);margin-bottom:var(--spacing-md)}.avatar-error-message{color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--spacing-xl);font-size:1.1rem}.avatar-retry-btn,.avatar-signin-btn{background:var(--gradient-primary);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);padding:var(--spacing-lg) var(--spacing-xl);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md);font-family:Poppins,sans-serif;text-decoration:none;display:inline-block}.avatar-retry-btn:hover,.avatar-signin-btn:hover{background:var(--gradient-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.avatar-selector-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.avatar-selector-loading-spinner{width:60px;height:60px;border:4px solid rgba(147,71,255,.3);border-top:4px solid var(--color-primary-light);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-lg)}.avatar-selector-loading-text{font-size:1.2rem;color:var(--color-text-muted)}@media (max-width:768px){.avatar-selector-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.avatar-selector-title{font-size:2rem}.avatar-card-header{flex-direction:column;text-align:center}.avatar-card-photo{width:100px;height:100px}}.avatar-create-section{text-align:center;margin-top:var(--spacing-2xl);padding:var(--spacing-xl);background:rgba(147,71,255,.05);border-radius:var(--radius-lg);border:1px dashed rgba(147,71,255,.3)}.avatar-create-message{color:var(--color-text-muted);margin-bottom:var(--spacing-lg);font-size:1.1rem}.avatar-create-btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid rgba(147,71,255,.3);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-xl);font-weight:600;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;display:inline-block;font-family:Poppins,sans-serif}.avatar-create-btn-secondary:hover{background:rgba(147,71,255,.2);color:var(--color-text-primary);border-color:var(--color-primary);transform:translateY(-2px)}.avatar-edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.avatar-edit-modal{background:var(--gradient-card);border-radius:var(--radius-xl);border:1px solid rgba(147,71,255,.3);backdrop-filter:blur(20px);box-shadow:var(--shadow-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.avatar-edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid rgba(147,71,255,.2)}.avatar-edit-modal-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.avatar-edit-modal-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-normal)}.avatar-edit-modal-close:hover{background:rgba(147,71,255,.2);color:var(--color-text-primary)}.avatar-edit-modal-close svg{width:24px;height:24px}.avatar-edit-modal-body{padding:var(--spacing-xl)}.avatar-edit-form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.avatar-edit-form-label{font-weight:600;color:var(--color-text-primary)}.avatar-edit-form-input,.avatar-edit-form-textarea{padding:var(--spacing-md);border-radius:var(--radius-md);border:2px solid rgba(147,71,255,.3);background:var(--color-bg-tertiary);color:var(--color-text-primary);font-family:Poppins,sans-serif;outline:none;transition:all var(--transition-normal)}.avatar-edit-form-input:focus,.avatar-edit-form-textarea:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px rgba(145,71,255,.2)}.avatar-edit-form-textarea{resize:vertical;min-height:80px}.avatar-edit-form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.avatar-edit-photo-section{display:flex;justify-content:center;margin-bottom:var(--spacing-xl)}.avatar-edit-photo-label{cursor:pointer}.avatar-edit-photo-preview{width:120px;height:120px;border-radius:50%;background:var(--color-bg-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed rgba(147,71,255,.3);transition:all var(--transition-normal);background-size:cover;background-position:50%;position:relative;overflow:hidden}.avatar-edit-photo-preview:hover{border-color:var(--color-primary);background-color:rgba(147,71,255,.1)}.avatar-edit-photo-icon{width:40px;height:40px;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.avatar-edit-photo-upload-btn{font-size:.8rem;color:var(--color-text-muted);font-weight:600;text-align:center;background:rgba(0,0,0,.7);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);position:absolute;bottom:0;left:0;right:0}.avatar-edit-modal-content{padding:var(--spacing-xl)}.avatar-edit-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.avatar-edit-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.avatar-edit-label{font-weight:600;color:var(--color-text-primary);font-size:1rem}.avatar-edit-input,.avatar-edit-textarea{padding:var(--spacing-md);border-radius:var(--radius-md);border:2px solid rgba(147,71,255,.3);background:var(--color-bg-tertiary);color:var(--color-text-primary);font-family:Poppins,sans-serif;font-size:1rem;outline:none;transition:all var(--transition-normal)}.avatar-edit-input:focus,.avatar-edit-textarea:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px rgba(145,71,255,.2)}.avatar-edit-textarea{resize:vertical;min-height:80px}.avatar-edit-actions{justify-content:space-between;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid rgba(147,71,255,.2)}.avatar-edit-actions,.avatar-edit-actions-left,.avatar-edit-actions-right{display:flex;gap:var(--spacing-md)}.avatar-edit-save-btn{background:var(--gradient-primary);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-xl);font-weight:600;cursor:pointer;transition:all var(--transition-normal);font-family:Poppins,sans-serif}.avatar-edit-save-btn:hover:not(:disabled){background:var(--gradient-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.avatar-edit-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.avatar-edit-cancel-btn{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid rgba(147,71,255,.3);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-xl);font-weight:600;cursor:pointer;transition:all var(--transition-normal);font-family:Poppins,sans-serif}.avatar-edit-cancel-btn:hover{background:rgba(147,71,255,.2);color:var(--color-text-primary);border-color:var(--color-primary)}.avatar-edit-delete-btn{background:var(--color-danger);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-xl);font-weight:600;cursor:pointer;transition:all var(--transition-normal);font-family:Poppins,sans-serif}.avatar-edit-delete-btn:hover:not(:disabled){background:#ff5a7a;transform:translateY(-2px);box-shadow:var(--shadow-md)}.avatar-edit-delete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.voice-training-subtitle{color:var(--color-text-muted);max-width:600px;margin:0 auto}.voice-training-progress{position:relative}.voice-training-progress:before{content:"";position:absolute;top:20px;left:25%;right:25%;height:2px;background:rgba(147,71,255,.2);z-index:1}.progress-step{position:relative;z-index:2;flex:1;max-width:120px}.progress-step-number{border:2px solid rgba(147,71,255,.3);font-weight:700;color:var(--color-text-muted);transition:all var(--transition-normal)}.progress-step.active .progress-step-number{background:var(--gradient-primary);color:var(--color-text-primary);box-shadow:0 0 20px rgba(147,71,255,.4)}.progress-step.completed .progress-step-number{color:var(--color-text-primary)}.progress-step span{font-size:.9rem;font-weight:600;color:var(--color-text-muted);text-align:center}.progress-step.active span{color:var(--color-text-primary)}.voice-training-content{background:var(--gradient-card);border-radius:var(--radius-xl);border:1px solid rgba(147,71,255,.2);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);padding:var(--spacing-2xl);min-height:400px}.method-selection h3{font-weight:700}.method-options{gap:var(--spacing-xl)}.method-option{background:var(--color-bg-secondary);border-radius:var(--radius-xl);display:flex;gap:var(--spacing-lg);align-items:flex-start}.method-option:hover{border-color:rgba(147,71,255,.5);background:rgba(147,71,255,.1);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.method-option.selected{background:linear-gradient(145deg,rgba(147,71,255,.1),rgba(106,0,255,.1));box-shadow:0 0 20px rgba(147,71,255,.3)}.method-icon{flex-shrink:0}.method-info h4{font-size:1.3rem;font-weight:700}.method-info p{color:var(--color-text-muted);line-height:1.5}.pro{font-weight:500}.script-selection h3{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.script-description{color:var(--color-text-muted);margin-bottom:var(--spacing-xl);line-height:1.6}.script-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.script-option{background:var(--color-bg-secondary);border:2px solid rgba(147,71,255,.2);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-normal);text-align:center}.script-option:hover{border-color:rgba(147,71,255,.5);background:rgba(147,71,255,.1)}.script-option.selected{border-color:var(--color-primary);background:linear-gradient(145deg,rgba(147,71,255,.1),rgba(106,0,255,.1))}.script-option h4{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.script-option p{font-size:.9rem;color:var(--color-text-muted);line-height:1.4}.script-preview{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.script-preview h4{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.script-text{color:var(--color-text-secondary);line-height:1.6;font-size:1rem}.custom-script-input{width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);border:2px solid rgba(147,71,255,.3);background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:Poppins,sans-serif;font-size:1rem;line-height:1.6;resize:vertical;outline:none;transition:all var(--transition-normal)}.custom-script-input:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px rgba(145,71,255,.2)}.recording-section h3{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xl);text-align:center}.recording-setup{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.recording-tips{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.recording-tips h4{color:var(--color-success);font-weight:600;margin-bottom:var(--spacing-md)}.recording-tips ul{list-style:none;padding:0;margin:0}.recording-tips li{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-size:.95rem;line-height:1.4}.script-display{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.script-display h4{color:var(--color-text-primary);font-weight:600;margin-bottom:var(--spacing-md)}.script-text-large{color:var(--color-text-secondary);line-height:1.7;font-size:1.1rem}.recording-controls{text-align:center;margin-bottom:var(--spacing-xl)}.record-btn{background:var(--gradient-primary);color:var(--color-text-primary);border:none;border-radius:var(--radius-xl);padding:var(--spacing-lg) var(--spacing-2xl);font-size:1.2rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-md);margin:0 auto;box-shadow:var(--shadow-md);font-family:Poppins,sans-serif}.record-btn:hover:not(:disabled){background:var(--gradient-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.record-btn.recording{background:var(--color-danger);animation:pulse 2s infinite}.record-icon{font-size:1.5rem}.record-icon.pulse{animation:pulse 1.5s infinite}.recording-preview{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-top:var(--spacing-lg)}.audio-player{width:100%;max-width:400px;border-radius:var(--radius-md)}.recording-actions{display:flex;gap:var(--spacing-md)}.upload-section h3{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xl);text-align:center}.upload-area{border:2px dashed rgba(147,71,255,.4);border-radius:var(--radius-xl)}.upload-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.upload-area h4{font-size:1.3rem;font-weight:700}.upload-area p{color:var(--color-text-muted)}.upload-note{color:var(--color-text-accent);font-weight:500}.uploaded-files{background:var(--color-bg-tertiary)}.uploaded-files h4{font-weight:600}.file-name{flex:1}.file-size{margin-right:var(--spacing-md)}.remove-file{color:var(--color-text-primary);transition:all var(--transition-normal)}.remove-file:hover{background:#ff5a7a;transform:scale(1.1)}.upload-tips{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3)}.upload-tips h4{color:#60a5fa;font-weight:600}.upload-tips ul{margin:0}.upload-tips li{font-size:.95rem;line-height:1.4}.preview-section h3{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xl);text-align:center}.preview-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.preview-info{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.preview-info h4{color:var(--color-text-primary);font-weight:700;margin-bottom:var(--spacing-lg)}.preview-details{display:flex;flex-direction:column;gap:var(--spacing-md)}.detail-item{display:flex;justify-content:space-between;align-items:center}.detail-label{color:var(--color-text-muted);font-weight:500}.detail-value{color:var(--color-text-primary);font-weight:600}.audio-preview{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.audio-preview h4{color:var(--color-text-primary);font-weight:600}.status-message{padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.preview-actions,.script-actions,.step-navigation{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.btn-primary,.btn-secondary{font-family:Poppins,sans-serif;font-size:1rem;display:flex}.btn-primary{color:var(--color-text-primary);box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){background:var(--gradient-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary:hover{background:rgba(147,71,255,.2);border-color:var(--color-primary)}@media (max-width:768px){.voice-training-progress{flex-wrap:wrap;gap:var(--spacing-md)}.voice-training-progress:before{display:none}.method-options{grid-template-columns:1fr}.method-option{flex-direction:column;text-align:center}.preview-content,.recording-setup,.script-options{grid-template-columns:1fr}.preview-actions,.script-actions,.step-navigation{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary{justify-content:center}}.avatar-identity-container{max-width:700px;margin:0 auto}.avatar-identity-header{text-align:center;margin-bottom:var(--spacing-xl)}.avatar-identity-title{font-size:1.8rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.avatar-identity-subtitle{color:var(--color-text-muted);line-height:1.6;font-size:1.1rem}.avatar-identity-card{background:var(--gradient-card);border-radius:var(--radius-xl);border:1px solid rgba(147,71,255,.2);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);padding:var(--spacing-2xl);display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-2xl);align-items:start;margin-bottom:var(--spacing-xl)}.avatar-photo-container,.avatar-photo-section{display:flex;flex-direction:column;align-items:center}.avatar-photo-container{gap:var(--spacing-lg)}.avatar-photo-display{width:120px;height:120px;border-radius:50%;overflow:hidden;background:var(--color-bg-secondary);border:3px solid rgba(147,71,255,.3);display:flex;align-items:center;justify-content:center;position:relative}.avatar-photo-img{width:100%;height:100%;object-fit:cover}.avatar-photo-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-muted)}.avatar-photo-icon{font-size:3rem}.avatar-photo-controls{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center}.photo-control-btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);border:none;font-family:Poppins,sans-serif}.photo-control-btn.upload{background:var(--gradient-primary);color:var(--color-text-primary)}.photo-control-btn.upload:hover:not(:disabled){background:var(--gradient-secondary);transform:translateY(-2px)}.photo-control-btn.remove{background:var(--color-danger);color:var(--color-text-primary)}.photo-control-btn.remove:hover:not(:disabled){background:#ff5a7a;transform:translateY(-2px)}.photo-control-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.avatar-info-section{display:flex;flex-direction:column;justify-content:center;min-height:120px}.avatar-info-display{display:flex;flex-direction:column;gap:var(--spacing-lg)}.avatar-name-display{display:flex;flex-direction:column;gap:var(--spacing-sm)}.avatar-name-display h3{font-size:1.8rem;font-weight:700;color:var(--color-text-primary);margin:0}.avatar-status{display:flex;align-items:center;gap:var(--spacing-md)}.status-indicator{display:flex;align-items:center;gap:var(--spacing-xs)}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.active{background:var(--color-success);animation:pulse 2s infinite}.status-dot.inactive{background:var(--color-warning)}.status-text{font-size:.9rem;font-weight:600;color:var(--color-text-muted)}.avatar-description-display{color:var(--color-text-secondary);line-height:1.6;font-size:1rem;margin:0}.avatar-identity-actions{display:flex;gap:var(--spacing-md)}.avatar-info-edit{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.edit-form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.edit-form-label{font-weight:600;color:var(--color-text-primary);font-size:1rem}.edit-form-input,.edit-form-textarea{padding:var(--spacing-md);border-radius:var(--radius-md);border:2px solid rgba(147,71,255,.3);background:var(--color-bg-tertiary);color:var(--color-text-primary);font-family:Poppins,sans-serif;font-size:1rem;outline:none;transition:all var(--transition-normal)}.edit-form-input:focus,.edit-form-textarea:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px rgba(145,71,255,.2)}.edit-form-textarea{resize:vertical;min-height:80px}.edit-form-hint{font-size:.85rem;color:var(--color-text-muted);margin:0}.edit-form-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--color-danger);font-size:.9rem}.edit-form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-md)}.avatar-identity-preview{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.avatar-identity-preview h4{color:#60a5fa;font-weight:600;margin-bottom:var(--spacing-md);font-size:1rem}.identity-preview-text{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.6;font-style:italic}.identity-preview-text strong{color:var(--color-text-primary);font-weight:700}@media (max-width:768px){.avatar-identity-card{grid-template-columns:1fr;text-align:center;gap:var(--spacing-xl)}.avatar-photo-controls{flex-direction:row;justify-content:center}.edit-form-actions{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary{justify-content:center}}.voice-training-container{max-width:800px;margin:0 auto;padding:var(--spacing-xl)}.voice-training-header{text-align:center;margin-bottom:var(--spacing-2xl)}.voice-training-title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.voice-training-subtitle{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.6}.voice-training-progress{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);flex-wrap:wrap}.progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);opacity:.5;transition:all var(--transition-normal)}.progress-step.active{opacity:1;color:var(--color-primary)}.progress-step.completed{opacity:.8;color:var(--color-success)}.progress-step.hidden{display:none}.progress-step-number{width:40px;height:40px;border-radius:50%;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;font-weight:600;border:2px solid transparent}.progress-step.active .progress-step-number{background:var(--color-primary);color:white;border-color:var(--color-primary)}.progress-step.completed .progress-step-number{background:var(--color-success);color:white;border-color:var(--color-success)}.method-selection h3{text-align:center;color:var(--color-text-primary);font-size:1.5rem;margin-bottom:var(--spacing-xl)}.method-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.method-option{background:var(--color-bg-card);border:2px solid rgba(147,71,255,.2);border-radius:var(--radius-lg);padding:var(--spacing-xl);cursor:pointer;transition:all var(--transition-normal);text-align:left}.method-option:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.method-option.selected{border-color:var(--color-primary);background:rgba(147,71,255,.1)}.method-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.method-info h4{color:var(--color-text-primary);font-size:1.25rem;margin-bottom:var(--spacing-sm)}.method-info p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.method-pros{display:flex;flex-direction:column;gap:var(--spacing-xs)}.pro{color:var(--color-success);font-size:.9rem}.upload-area{border:2px dashed rgba(147,71,255,.3);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center;cursor:pointer;transition:all var(--transition-normal);margin-bottom:var(--spacing-xl)}.upload-area:hover{border-color:var(--color-primary);background:rgba(147,71,255,.05)}.upload-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.upload-area h4{color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.upload-area p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.upload-note{font-size:.9rem;color:var(--color-text-muted)}.uploaded-files{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.uploaded-files h4{color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.uploaded-file{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.file-name{color:var(--color-text-primary);font-weight:500}.file-size{color:var(--color-text-muted);font-size:.9rem}.remove-file{background:var(--color-danger);color:white;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-weight:700}.upload-tips{background:rgba(147,71,255,.1);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.upload-tips h4{color:var(--color-primary);margin-bottom:var(--spacing-md)}.upload-tips ul{list-style:none;padding:0}.upload-tips li{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md)}.status-message{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);text-align:center;font-weight:500}.status-message.success{background:rgba(34,197,94,.1);color:var(--color-success);border:1px solid rgba(34,197,94,.3)}.status-message.error{background:rgba(239,68,68,.1);color:var(--color-danger);border:1px solid rgba(239,68,68,.3)}.status-message.info{background:rgba(59,130,246,.1);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:var(--spacing-sm)}.step-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xl)}.btn-primary,.btn-secondary{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-normal);border:none;font-family:inherit;display:inline-flex;align-items:center;gap:var(--spacing-sm)}.btn-primary{background:var(--gradient-primary);color:white}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid rgba(147,71,255,.3)}.btn-secondary:hover{background:rgba(147,71,255,.1);color:var(--color-text-primary)}.train-btn{font-size:1.1rem;padding:var(--spacing-lg) var(--spacing-2xl)}.avatar-header-chat-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--gradient-primary);color:white;text-decoration:none;border-radius:var(--radius-lg);font-weight:600;font-size:.95rem;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);margin-right:var(--spacing-md)}.avatar-header-chat-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#7c3aed,#5b21b6)}.avatar-header-chat-btn:active{transform:translateY(0)}.avatar-header-status{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}@media (max-width:768px){.avatar-header-status{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.avatar-header-chat-btn{justify-content:center;margin-right:0}}.streaming-indicator{display:flex}.streaming-dot{animation:streaming-pulse 1.4s ease-in-out infinite}.streaming-dot:first-child{animation-delay:0s}.streaming-dot:nth-child(2){animation-delay:.2s}.streaming-dot:nth-child(3){animation-delay:.4s}@keyframes streaming-pulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.chat-input-container{position:relative;width:100%;max-width:640px;margin:0 auto}.chat-history{animation:fadeIn .3s ease-in-out}.message-pair{animation:slideInUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.streaming-message{position:relative;overflow:hidden}.streaming-message:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,rgba(30,23,57,.8));animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.play-btn.streaming-context{background:linear-gradient(90deg,#22c55e 65%,#16a34a);animation:gentle-glow 2s ease-in-out infinite}@keyframes gentle-glow{0%,to{box-shadow:0 2px 12px rgba(34,197,94,.3)}50%{box-shadow:0 4px 20px rgba(34,197,94,.5)}}.audio-queue-status{display:flex;align-items:center;gap:8px;font-size:12px;color:#9b7cff;opacity:.8;margin-top:8px}.audio-queue-indicator{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse-green 2s ease-in-out infinite}@keyframes pulse-green{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media (max-width:768px){.streaming-indicator{gap:3px}.streaming-dot{width:5px;height:5px}.streaming-cursor{height:16px}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.streaming-cursor{animation:blink 1s infinite}@keyframes streaming-dot{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.streaming-indicator{display:inline-flex;gap:4px;align-items:center}.streaming-dot{width:6px;height:6px;background:#9b7cff;border-radius:50%;animation:streaming-dot 1.4s ease-in-out infinite}.streaming-dot:first-child{animation-delay:-.32s}.streaming-dot:nth-child(2){animation-delay:-.16s}.streaming-dot:nth-child(3){animation-delay:0s}.audio-interrupted-notice{background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:8px 16px;color:#ffc107;font-size:14px;text-align:center;animation:fadeInOut 2s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}20%,80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.main-container{align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-lg);max-width:1200px}.main-title{font-size:3rem;font-weight:800;color:var(--color-text-primary);margin-bottom:var(--spacing-md);text-shadow:0 4px 20px rgba(106,0,255,.3);letter-spacing:0;word-wrap:break-word;overflow-wrap:break-word}.main-subtitle{font-size:1.1rem;color:var(--color-text-muted);margin-top:var(--spacing-lg);max-width:500px;line-height:1.6}.main-subtitle-enhanced{font-size:1.3rem;color:var(--color-text-accent);margin-bottom:var(--spacing-xl);max-width:600px;line-height:1.6;font-weight:500;text-shadow:0 2px 10px rgba(155,124,255,.2)}.mb-lg{margin-bottom:var(--spacing-2xl)}.mic-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ask-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed;background:var(--color-secondary)}.processing-indicator{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-accent);font-size:1rem;margin-top:var(--spacing-md)}.processing-spinner{width:20px;height:20px;border:2px solid rgba(155,124,255,.3);border-top:2px solid var(--color-text-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.main-container{padding:var(--spacing-md)}.main-title{font-size:2.2rem}.main-subtitle-enhanced{font-size:1.1rem}.ask-form{max-width:100%}}@media (max-width:480px){.main-title{font-size:1.8rem}.main-subtitle-enhanced{font-size:1rem}}.enhanced-card{background:var(--gradient-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);border:1px solid rgba(147,71,255,.2);backdrop-filter:blur(20px);margin-bottom:var(--spacing-xl)}.status-success{color:var(--color-success);background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md)}.status-error,.status-success{padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem;font-weight:600}.status-error{color:var(--color-danger);background:rgba(255,33,79,.1);border:1px solid rgba(255,33,79,.3);border-radius:var(--radius-md)}.status-info{color:var(--color-info);background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem;font-weight:600}.simple-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(22,12,35,.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(147,71,255,.2);padding:var(--spacing-md) 0}.nav-content{max-width:1200px;margin:0 auto;justify-content:space-between;padding:0 var(--spacing-lg)}.nav-content,.nav-logo{display:flex;align-items:center}.nav-logo{gap:var(--spacing-sm);text-decoration:none;color:var(--color-text-primary);font-weight:700;font-size:1.2rem;transition:all var(--transition-normal)}.nav-logo:hover{color:var(--color-primary-light)}.nav-logo-img{border-radius:var(--radius-sm)}.nav-brand{font-weight:800;letter-spacing:-.02em}.nav-actions{gap:var(--spacing-md)}.nav-actions,.nav-auth-buttons{display:flex;align-items:center}.nav-auth-buttons{gap:var(--spacing-sm)}.nav-button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:.9rem;transition:all var(--transition-normal);border:2px solid transparent}.nav-button.primary{background:var(--gradient-primary);color:white;box-shadow:var(--shadow-sm)}.nav-button.primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.nav-button.secondary{color:var(--color-text-secondary);border-color:rgba(255,255,255,.2)}.nav-button.secondary:hover{color:var(--color-text-primary);border-color:var(--color-primary-light);background:rgba(147,71,255,.1)}.nav-user-menu{position:relative}.nav-user-button{background:none;border:none;cursor:pointer;padding:0}.nav-user-avatar{width:36px;height:36px;border-radius:50%;background:var(--gradient-primary);color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.nav-user-button:hover .nav-user-avatar{box-shadow:var(--shadow-md);transform:scale(1.05)}.nav-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));right:0;background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid rgba(147,71,255,.2);min-width:180px;overflow:hidden;animation:fadeInMenu .2s ease-out}.nav-dropdown-item{display:block;padding:var(--spacing-md) var(--spacing-lg);color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:all var(--transition-fast);border:none;background:none;width:100%;text-align:left;cursor:pointer}.nav-dropdown-item:hover{background:rgba(147,71,255,.1);color:var(--color-text-primary)}.nav-dropdown-button{border-top:1px solid rgba(147,71,255,.2)}@media (max-width:768px){.nav-content{padding:0 var(--spacing-md)}.nav-brand{display:none}.nav-auth-buttons{gap:var(--spacing-xs)}.nav-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}}.main-container{padding-top:calc(80px + var(--spacing-lg))}.answer-actions{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md);flex-wrap:wrap}.answer-actions .status-info{margin:0;padding:var(--spacing-xs) var(--spacing-sm);font-size:.9rem}@media (max-width:640px){.answer-actions{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.play-btn{width:100%;justify-content:center}}.avatar-demo-container{min-height:100vh;background:var(--gradient-background);background-attachment:fixed;background-size:400% 400%;animation:body-gradient-move 28s ease-in-out infinite;padding:0;margin:0;overflow-x:hidden}.avatar-demo-content{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column}.avatar-demo-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.avatar-demo-title-container{position:relative}.avatar-demo-title{font-size:4rem;font-weight:800;color:var(--color-text-primary);margin-bottom:1rem;background:linear-gradient(135deg,#ffffff,#e2e2f6,#9b7cff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 20px rgba(255,255,255,.1);letter-spacing:-.02em;line-height:1.1}.avatar-demo-subtitle{font-size:1.25rem;color:var(--color-text-muted);font-weight:400;max-width:600px;margin:0 auto;line-height:1.6;opacity:.9}.avatar-demo-main{flex:1;display:flex;flex-direction:column;gap:2rem}.avatar-demo-layout{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:start}.avatar-demo-video-section{position:relative}.avatar-demo-video-container{position:relative;background:var(--gradient-card);border-radius:var(--radius-2xl);padding:2rem;box-shadow:var(--shadow-xl);border:1px solid rgba(147,71,255,.2);backdrop-filter:blur(20px);overflow:hidden}.avatar-demo-video-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));pointer-events:none;border-radius:var(--radius-2xl)}.avatar-demo-video{width:100%;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;background:#000;box-shadow:0 8px 32px rgba(0,0,0,.3);position:relative}.avatar-demo-status-overlay{position:absolute;top:2.5rem;left:2.5rem;right:2.5rem;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:10}.avatar-demo-connection-status{display:flex;align-items:center;gap:.75rem;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);padding:.75rem 1.25rem;border-radius:2rem;border:1px solid rgba(255,255,255,.1)}.avatar-demo-status-dot{width:.75rem;height:.75rem;border-radius:50%;transition:all var(--transition-normal)}.avatar-demo-status-dot.connected{background:#22c55e;box-shadow:0 0 12px rgba(34,197,94,.6);animation:gentle-pulse 2s ease-in-out infinite}.avatar-demo-status-dot.disconnected{background:#ef4444;box-shadow:0 0 12px rgba(239,68,68,.6)}.avatar-demo-status-text{color:var(--color-text-primary)}.avatar-demo-speaking-indicator,.avatar-demo-status-text{font-size:.875rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.avatar-demo-speaking-indicator{display:flex;align-items:center;gap:.75rem;background:rgba(59,130,246,.9);backdrop-filter:blur(10px);padding:.75rem 1.25rem;border-radius:2rem;border:1px solid rgba(255,255,255,.2);color:white}.avatar-demo-speaking-dot{width:.75rem;height:.75rem;border-radius:50%;background:#ffffff;animation:gentle-pulse 1s ease-in-out infinite}.avatar-demo-controls-section{display:flex;flex-direction:column;gap:1.5rem}.avatar-demo-control-panel{background:var(--gradient-card);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg);border:1px solid rgba(147,71,255,.2);backdrop-filter:blur(20px);position:relative;overflow:hidden}.avatar-demo-control-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02));pointer-events:none;border-radius:var(--radius-xl)}.avatar-demo-control-title{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1.5rem;text-align:center}.avatar-demo-voice-btn{width:100%;background:linear-gradient(135deg,#9147ff,#6a00ff);border:none;border-radius:var(--radius-lg);padding:1.5rem;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 8px 25px rgba(145,71,255,.3);position:relative;overflow:hidden}.avatar-demo-voice-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.avatar-demo-voice-btn:hover:before{left:100%}.avatar-demo-voice-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 12px 35px rgba(145,71,255,.4)}.avatar-demo-voice-btn.listening{background:linear-gradient(135deg,#ef4444,#dc2626);animation:pulse 2s infinite}.avatar-demo-voice-btn.disabled{background:linear-gradient(135deg,#6b7280,#4b5563);cursor:not-allowed;opacity:.6}.avatar-demo-voice-btn-content{display:flex;align-items:center;justify-content:center;gap:1rem;position:relative;z-index:1}.avatar-demo-mic-icon{font-size:1.5rem;transition:all var(--transition-normal)}.avatar-demo-mic-icon.active{animation:pulse 1.5s infinite}.avatar-demo-voice-btn-text{color:white;font-size:1rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.avatar-demo-voice-support{text-align:center;margin-top:1rem;font-size:.875rem;color:var(--color-text-muted);opacity:.8}.avatar-demo-text-form{display:flex;flex-direction:column;gap:1rem}.avatar-demo-textarea{width:100%;padding:1.25rem;border-radius:var(--radius-lg);border:2px solid rgba(147,71,255,.3);background:rgba(20,15,40,.6);color:var(--color-text-primary);font-size:1rem;font-family:Poppins,sans-serif;line-height:1.6;resize:vertical;outline:none;transition:all var(--transition-normal);backdrop-filter:blur(10px)}.avatar-demo-textarea:focus{border-color:#9147ff;box-shadow:0 0 0 3px rgba(145,71,255,.2);background:rgba(20,15,40,.8)}.avatar-demo-textarea::placeholder{color:var(--color-text-muted);opacity:.7}.avatar-demo-textarea:disabled{opacity:.5;cursor:not-allowed}.avatar-demo-send-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:white;border:none;border-radius:var(--radius-lg);padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 15px rgba(34,197,94,.3);display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:3rem}.avatar-demo-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px rgba(34,197,94,.4)}.avatar-demo-send-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.avatar-demo-loading{display:flex;align-items:center;gap:.75rem}.avatar-demo-quick-questions{display:flex;flex-direction:column;gap:.75rem}.avatar-demo-quick-btn{width:100%;text-align:left;padding:1rem 1.25rem;border-radius:var(--radius-lg);background:rgba(147,71,255,.1);border:1px solid rgba(147,71,255,.2);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);backdrop-filter:blur(10px)}.avatar-demo-quick-btn:hover:not(:disabled){background:rgba(147,71,255,.2);border-color:rgba(147,71,255,.4);color:var(--color-text-primary);transform:translateX(4px)}.avatar-demo-quick-btn:disabled{opacity:.4;cursor:not-allowed}.avatar-demo-response-section{margin-top:2rem}.avatar-demo-response-container{background:var(--gradient-card);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg);border:1px solid rgba(147,71,255,.2);backdrop-filter:blur(20px);border-left:4px solid var(--color-primary)}.avatar-demo-response-title{font-size:1.25rem;font-weight:700;color:var(--color-primary);margin-bottom:1rem}.avatar-demo-response-content{position:relative}.avatar-demo-response-text{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.7;margin:0;word-wrap:break-word;overflow-wrap:break-word}.avatar-demo-setup-section{margin-top:2rem}.avatar-demo-setup-container{background:linear-gradient(135deg,rgba(251,191,36,.1),rgba(245,158,11,.1));border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-xl);padding:2rem;backdrop-filter:blur(20px)}.avatar-demo-setup-title{font-size:1.25rem;font-weight:700;color:#fbbf24;margin-bottom:1rem;text-align:center}.avatar-demo-setup-content{text-align:center}.avatar-demo-setup-description{color:rgba(251,191,36,.9);font-size:1rem;margin-bottom:1.5rem}.avatar-demo-setup-steps{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem;text-align:left;max-width:600px;margin:0 auto}.avatar-demo-setup-steps li{color:rgba(251,191,36,.8);font-size:.95rem;background:rgba(0,0,0,.2);border-radius:var(--radius-lg);border-left:3px solid #fbbf24;counter-increment:step-counter;position:relative;padding:.75rem 1rem .75rem 3rem}.avatar-demo-setup-steps{counter-reset:step-counter}.avatar-demo-setup-steps li:before{content:counter(step-counter);position:absolute;left:1rem;top:50%;transform:translateY(-50%);background:#fbbf24;color:#000;width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.avatar-demo-setup-link{color:#fbbf24;text-decoration:underline;font-weight:600}.avatar-demo-setup-link:hover{color:#f59e0b}.avatar-demo-setup-code{background:rgba(0,0,0,.4);padding:.25rem .5rem;border-radius:.25rem;font-family:Monaco,Menlo,monospace;font-size:.875rem;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}@media (max-width:1024px){.avatar-demo-layout{grid-template-columns:1fr;gap:1.5rem}.avatar-demo-title{font-size:3rem}}@media (max-width:768px){.avatar-demo-content{padding:1rem}.avatar-demo-title{font-size:2.5rem}.avatar-demo-subtitle{font-size:1.125rem}.avatar-demo-control-panel,.avatar-demo-video-container{padding:1.5rem}.avatar-demo-status-overlay{top:2rem;left:2rem;right:2rem;flex-direction:column;gap:.75rem;align-items:flex-start}}@media (max-width:480px){.avatar-demo-content{padding:.75rem}.avatar-demo-title{font-size:2rem}.avatar-demo-control-panel,.avatar-demo-video-container{padding:1rem}.avatar-demo-voice-btn{padding:1.25rem}.avatar-demo-voice-btn-content{flex-direction:column;gap:.75rem}.avatar-demo-setup-steps li{padding-left:2.5rem}.avatar-demo-setup-steps li:before{left:.75rem;width:1.25rem;height:1.25rem;font-size:.7rem}}@keyframes avatar-demo-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes avatar-demo-slide-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.avatar-demo-video-container{animation:avatar-demo-fade-in .8s ease-out}.avatar-demo-control-panel{animation:avatar-demo-slide-in .6s ease-out}.avatar-demo-control-panel:nth-child(2){animation-delay:.1s}.avatar-demo-control-panel:nth-child(3){animation-delay:.2s}.avatar-demo-quick-btn:focus,.avatar-demo-send-btn:focus,.avatar-demo-textarea:focus,.avatar-demo-voice-btn:focus{outline:2px solid #9147ff;outline-offset:2px}@media (prefers-contrast:high){.avatar-demo-status-dot.connected{background:#00ff00}.avatar-demo-status-dot.disconnected{background:#ff0000}.avatar-demo-control-panel{border-width:2px}}@media (prefers-reduced-motion:reduce){.avatar-demo-control-panel,.avatar-demo-mic-icon.active,.avatar-demo-speaking-dot,.avatar-demo-status-dot.connected,.avatar-demo-video-container,.avatar-demo-voice-btn.listening{animation:none}}.heygen-avatar-container{position:relative;width:100%;height:100%;border-radius:var(--radius-lg);overflow:hidden;background:#000;box-shadow:0 8px 32px rgba(0,0,0,.4)}.heygen-avatar-video{width:100%;height:100%;object-fit:cover;background:#000;display:block}.heygen-avatar-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.9),rgba(20,15,40,.95));backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10}.heygen-avatar-connect-prompt{text-align:center;padding:2rem;max-width:400px}.heygen-avatar-icon{font-size:4rem;margin-bottom:1.5rem;filter:drop-shadow(0 4px 12px rgba(147,71,255,.3));animation:gentle-pulse 3s ease-in-out infinite}.heygen-avatar-title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1rem;background:linear-gradient(135deg,#ffffff,#9147ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.heygen-avatar-description{font-size:1rem;color:var(--color-text-muted);margin-bottom:2rem;line-height:1.6;opacity:.9}.heygen-avatar-connect-btn{background:linear-gradient(135deg,#9147ff,#6a00ff);border:none;border-radius:var(--radius-lg);padding:1.25rem 2rem;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 8px 25px rgba(145,71,255,.4);position:relative;overflow:hidden;min-width:200px}.heygen-avatar-connect-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.heygen-avatar-connect-btn:hover:before{left:100%}.heygen-avatar-connect-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px rgba(145,71,255,.5)}.heygen-avatar-connect-btn:active{transform:translateY(-1px)}.heygen-avatar-connect-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.heygen-avatar-connect-content{display:flex;align-items:center;justify-content:center;gap:.75rem;color:white;font-size:1rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;z-index:1}.heygen-avatar-connect-icon{font-size:1.25rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.heygen-avatar-disconnect{position:absolute;top:1rem;right:1rem;z-index:20}.heygen-avatar-disconnect-btn{background:rgba(0,0,0,.8);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);color:rgba(255,255,255,.8)}.heygen-avatar-disconnect-btn:hover{background:rgba(239,68,68,.9);border-color:rgba(239,68,68,.5);color:white;transform:scale(1.1)}.heygen-avatar-disconnect-icon{font-size:1.25rem;font-weight:300;line-height:1}.heygen-avatar-connect-btn .loading-spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width:768px){.heygen-avatar-connect-prompt{padding:1.5rem}.heygen-avatar-icon{font-size:3rem;margin-bottom:1rem}.heygen-avatar-title{font-size:1.5rem}.heygen-avatar-description{font-size:.9rem;margin-bottom:1.5rem}.heygen-avatar-connect-btn{padding:1rem 1.5rem;min-width:180px}.heygen-avatar-disconnect{top:.75rem;right:.75rem}.heygen-avatar-disconnect-btn{width:2rem;height:2rem}.heygen-avatar-disconnect-icon{font-size:1rem}}.heygen-avatar-connect-btn:focus,.heygen-avatar-disconnect-btn:focus{outline:2px solid #9147ff;outline-offset:2px}@media (prefers-contrast:high){.heygen-avatar-overlay{background:rgba(0,0,0,.95)}.heygen-avatar-connect-btn{border:2px solid #9147ff}.heygen-avatar-disconnect-btn{border:2px solid rgba(255,255,255,.5)}}@media (prefers-reduced-motion:reduce){.heygen-avatar-icon{animation:none}.heygen-avatar-connect-btn:before{display:none}.heygen-avatar-connect-btn:hover:not(:disabled),.heygen-avatar-disconnect-btn:hover{transform:none}}.portfolio-container{min-height:100vh;background:var(--gradient-background);background-attachment:fixed;background-size:400% 400%;animation:body-gradient-move 28s ease-in-out infinite}.portfolio-hero{padding:4rem 2rem;min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.portfolio-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(147,71,255,.1),transparent 50%),radial-gradient(circle at 70% 30%,rgba(106,0,255,.1),transparent 50%);pointer-events:none}.portfolio-hero-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.portfolio-hero-text{animation:avatar-demo-fade-in 1s ease-out}.portfolio-hero-title{font-size:4.5rem;font-weight:900;color:var(--color-text-primary);line-height:1.1;margin-bottom:2rem;letter-spacing:-.02em}.portfolio-hero-accent{display:block;background:linear-gradient(135deg,#9147ff,#6a00ff,#ff6b9d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradient-shift 4s ease-in-out infinite}.portfolio-hero-subtitle{font-size:1.25rem;color:var(--color-text-muted);line-height:1.7;margin-bottom:3rem;max-width:500px;opacity:.9}.portfolio-hero-stats{display:flex;gap:3rem}.portfolio-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.portfolio-stat-number{font-size:2.5rem;font-weight:800;color:var(--color-primary);line-height:1;margin-bottom:.5rem}.portfolio-stat-label{font-size:.875rem;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:1px}.portfolio-hero-image{position:relative;animation:avatar-demo-slide-in 1s ease-out .3s both}.portfolio-hero-image-container{position:relative;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:rotate(2deg);transition:transform var(--transition-slow)}.portfolio-hero-image-container:hover{transform:rotate(0deg) scale(1.02)}.portfolio-hero-img{width:100%;height:auto;display:block;object-fit:cover}.portfolio-hero-image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));padding:2rem;transform:translateY(100%);transition:transform var(--transition-normal)}.portfolio-hero-image-container:hover .portfolio-hero-image-overlay{transform:translateY(0)}.portfolio-hero-image-info h3{color:white;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.portfolio-hero-image-info p{color:rgba(255,255,255,.8);font-size:.95rem}.portfolio-filters{padding:4rem 2rem;background:rgba(0,0,0,.1);backdrop-filter:blur(20px);border-top:1px solid rgba(147,71,255,.1);border-bottom:1px solid rgba(147,71,255,.1)}.portfolio-filters-container{max-width:1400px;margin:0 auto;text-align:center}.portfolio-filters-title{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:3rem}.portfolio-filter-nav{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.portfolio-filter-btn{background:rgba(147,71,255,.1);border:2px solid rgba(147,71,255,.3);border-radius:var(--radius-xl);padding:1rem 2rem;color:var(--color-text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);backdrop-filter:blur(10px);position:relative;overflow:hidden}.portfolio-filter-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.portfolio-filter-btn:hover:before{left:100%}.portfolio-filter-btn:hover{border-color:rgba(147,71,255,.6);color:var(--color-text-primary);transform:translateY(-2px);box-shadow:0 8px 25px rgba(147,71,255,.2)}.portfolio-filter-btn.active{background:linear-gradient(135deg,#9147ff,#6a00ff);border-color:transparent;color:white;box-shadow:0 8px 25px rgba(147,71,255,.4)}.portfolio-gallery{padding:4rem 2rem}.portfolio-gallery-container{max-width:1400px;margin:0 auto}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.portfolio-card{background:var(--gradient-card);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid rgba(147,71,255,.2);backdrop-filter:blur(20px);transition:all var(--transition-normal);animation:avatar-demo-fade-in .8s ease-out both}.portfolio-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,.3)}.portfolio-card-image-container{position:relative;overflow:hidden;aspect-ratio:4/5}.portfolio-card-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.portfolio-card:hover .portfolio-card-image{transform:scale(1.05)}.portfolio-card-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.7),rgba(147,71,255,.3));display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.portfolio-card:hover .portfolio-card-overlay{opacity:1}.portfolio-card-actions{display:flex;gap:1rem}.portfolio-card-btn{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border:none;border-radius:var(--radius-lg);padding:.75rem 1.5rem;color:#333;font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:.5rem}.portfolio-card-btn:hover{background:white;transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.portfolio-card-btn-icon{font-size:1rem}.portfolio-card-content{padding:1.5rem}.portfolio-card-title{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem;line-height:1.3}.portfolio-card-description{color:var(--color-text-muted);font-size:.95rem;line-height:1.5;margin-bottom:1rem}.portfolio-card-category{display:inline-block;background:rgba(147,71,255,.2);color:var(--color-primary);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.portfolio-loading{padding:2rem 0}.portfolio-loading-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.portfolio-loading-card{background:var(--gradient-card);border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(147,71,255,.2);backdrop-filter:blur(20px)}.portfolio-loading-image{aspect-ratio:4/5;background:linear-gradient(90deg,rgba(147,71,255,.1),rgba(147,71,255,.2),rgba(147,71,255,.1));background-size:200% 100%;animation:loading-shimmer 2s infinite}.portfolio-loading-text{padding:1.5rem}.portfolio-loading-line{height:1rem;background:linear-gradient(90deg,rgba(147,71,255,.1),rgba(147,71,255,.2),rgba(147,71,255,.1));background-size:200% 100%;animation:loading-shimmer 2s infinite;border-radius:var(--radius-sm);margin-bottom:.75rem}.portfolio-loading-line.short{width:60%}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.portfolio-about{padding:6rem 2rem;background:rgba(0,0,0,.1);backdrop-filter:blur(20px)}.portfolio-about-container{max-width:1400px;margin:0 auto}.portfolio-about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.portfolio-about-title{font-size:3rem;font-weight:700;color:var(--color-text-primary);margin-bottom:2rem;line-height:1.2}.portfolio-about-description{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.7;margin-bottom:1.5rem}.portfolio-about-cta{margin-top:2rem}.portfolio-cta-btn{background:linear-gradient(135deg,#9147ff,#6a00ff);border:none;border-radius:var(--radius-lg);padding:1.25rem 2.5rem;color:white;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:1rem;box-shadow:0 8px 25px rgba(147,71,255,.3)}.portfolio-cta-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(147,71,255,.4)}.portfolio-cta-arrow{font-size:1.25rem;transition:transform var(--transition-normal)}.portfolio-cta-btn:hover .portfolio-cta-arrow{transform:translateX(4px)}.portfolio-about-image{position:relative}.portfolio-about-img{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:0 20px 60px rgba(0,0,0,.3)}.portfolio-contact{padding:6rem 2rem;text-align:center}.portfolio-contact-container{max-width:800px;margin:0 auto}.portfolio-contact-title{font-size:3rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1rem}.portfolio-contact-subtitle{font-size:1.25rem;color:var(--color-text-muted);margin-bottom:3rem;line-height:1.6}.portfolio-contact-actions{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.portfolio-contact-btn{border:none;border-radius:var(--radius-lg);padding:1.25rem 2.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);min-width:200px}.portfolio-contact-btn.primary{background:linear-gradient(135deg,#9147ff,#6a00ff);color:white;box-shadow:0 8px 25px rgba(147,71,255,.3)}.portfolio-contact-btn.primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(147,71,255,.4)}.portfolio-contact-btn.secondary{background:rgba(147,71,255,.1);border:2px solid rgba(147,71,255,.3);color:var(--color-text-primary);backdrop-filter:blur(10px)}.portfolio-contact-btn.secondary:hover{background:rgba(147,71,255,.2);border-color:rgba(147,71,255,.6);transform:translateY(-3px)}@media (max-width:1024px){.portfolio-about-content,.portfolio-hero-content{grid-template-columns:1fr;gap:3rem;text-align:center}.portfolio-hero-title{font-size:3.5rem}.portfolio-about-title{font-size:2.5rem}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.portfolio-hero{padding:2rem 1rem}.portfolio-hero-title{font-size:2.5rem}.portfolio-hero-stats{gap:2rem}.portfolio-about,.portfolio-contact,.portfolio-filters,.portfolio-gallery{padding:3rem 1rem}.portfolio-filters-title{font-size:2rem}.portfolio-filter-nav{gap:.75rem}.portfolio-filter-btn{padding:.75rem 1.5rem;font-size:.9rem}.portfolio-grid{grid-template-columns:1fr;gap:1.5rem}.portfolio-contact-actions{flex-direction:column;align-items:center}}@media (max-width:480px){.portfolio-hero-title{font-size:2rem}.portfolio-hero-stats{flex-direction:column;gap:1.5rem}.portfolio-contact-title{font-size:2rem}.portfolio-contact-btn{min-width:auto;width:100%}}.portfolio-card-btn:focus,.portfolio-contact-btn:focus,.portfolio-cta-btn:focus,.portfolio-filter-btn:focus{outline:2px solid #9147ff;outline-offset:2px}@media (prefers-reduced-motion:reduce){.portfolio-card,.portfolio-hero-accent,.portfolio-loading-image,.portfolio-loading-line{animation:none}.portfolio-card:hover,.portfolio-contact-btn:hover,.portfolio-cta-btn:hover{transform:none}}.floating-portfolio{position:relative;min-height:400vh;background:var(--gradient-background);background-attachment:fixed;background-size:400% 400%;animation:body-gradient-move 28s ease-in-out infinite;overflow-x:hidden;perspective:1000px}.floating-images-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1}.floating-image{position:absolute;cursor:pointer;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.2);will-change:transform,filter,z-index;pointer-events:auto;transition:box-shadow .4s ease,z-index .2s ease;transform-origin:center center}.floating-image:hover{box-shadow:0 16px 48px rgba(0,0,0,.35)}.floating-image-img{width:100%;height:100%;object-fit:cover;display:block;user-select:none;-webkit-user-select:none}.floating-content{position:relative;z-index:2;pointer-events:none}.floating-content>*{pointer-events:auto}.floating-hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative}.floating-hero-content{max-width:800px;padding:2rem;background:rgba(0,0,0,.3);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.3)}.floating-hero-title{font-size:5rem;font-weight:900;color:var(--color-text-primary);line-height:1.1;margin-bottom:1rem;letter-spacing:-.02em}.floating-hero-accent{display:block;background:linear-gradient(135deg,#9147ff,#6a00ff,#ff6b9d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradient-shift 4s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.floating-hero-subtitle{font-size:1.5rem;color:var(--color-text-muted);margin-bottom:3rem;opacity:.9}.floating-hero-scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--color-text-muted);font-size:1rem;animation:gentle-bounce 2s ease-in-out infinite}.scroll-arrow{color:var(--color-primary)}.floating-about,.floating-contact,.floating-gallery-info{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem}.floating-about-content,.floating-contact-content,.floating-gallery-content{max-width:800px;text-align:center;background:rgba(0,0,0,.2);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);padding:3rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.2)}.floating-section-title{font-size:3rem;font-weight:700;color:var(--color-text-primary);margin-bottom:2rem;line-height:1.2}.floating-about-text{color:var(--color-text-secondary);font-size:1.25rem;line-height:1.7}.floating-about-text p{margin-bottom:1.5rem}.floating-about-text p:last-child{margin-bottom:0}.floating-gallery-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem}.floating-feature{text-align:center;padding:1.5rem;background:rgba(147,71,255,.1);border-radius:var(--radius-xl);border:1px solid rgba(147,71,255,.2);backdrop-filter:blur(10px);transition:all var(--transition-normal)}.floating-feature:hover{background:rgba(147,71,255,.2);transform:translateY(-5px);box-shadow:0 10px 30px rgba(147,71,255,.2)}.floating-feature-icon{font-size:3rem;margin-bottom:1rem;display:block}.floating-feature h3{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.floating-feature p{color:var(--color-text-muted);font-size:.95rem;line-height:1.5}.floating-contact-text{color:var(--color-text-secondary);font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.floating-contact-actions{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.floating-contact-btn{border:none;border-radius:var(--radius-lg);padding:1.25rem 2.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);min-width:200px}.floating-contact-btn.primary{background:linear-gradient(135deg,#9147ff,#6a00ff);color:white;box-shadow:0 8px 25px rgba(147,71,255,.3)}.floating-contact-btn.primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(147,71,255,.4)}.floating-contact-btn.secondary{background:rgba(147,71,255,.1);border:2px solid rgba(147,71,255,.3);color:var(--color-text-primary);backdrop-filter:blur(10px)}.floating-contact-btn.secondary:hover{background:rgba(147,71,255,.2);border-color:rgba(147,71,255,.6);transform:translateY(-3px)}.floating-background{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0}.floating-gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:float-orb 20s ease-in-out infinite}.floating-gradient-orb.orb-1{width:300px;height:300px;background:radial-gradient(circle,#9147ff,transparent);top:20%;left:10%;animation-delay:0s}.floating-gradient-orb.orb-2{width:400px;height:400px;background:radial-gradient(circle,#6a00ff,transparent);top:60%;right:15%;animation-delay:-7s}.floating-gradient-orb.orb-3{width:250px;height:250px;background:radial-gradient(circle,#ff6b9d,transparent);bottom:20%;left:60%;animation-delay:-14s}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-50px) scale(1.1)}50%{transform:translate(-20px,-30px) scale(.9)}75%{transform:translate(40px,20px) scale(1.05)}}@media (max-width:1024px){.floating-hero-title{font-size:4rem}.floating-section-title{font-size:2.5rem}.floating-gallery-features{grid-template-columns:1fr}}@media (max-width:768px){.floating-about-content,.floating-contact-content,.floating-gallery-content,.floating-hero-content{padding:2rem;margin:1rem}.floating-hero-title{font-size:3rem}.floating-hero-subtitle{font-size:1.25rem}.floating-section-title{font-size:2rem}.floating-about-text,.floating-contact-text{font-size:1.125rem}.floating-contact-actions{flex-direction:column;align-items:center}.floating-contact-btn{width:100%;max-width:300px}.floating-image{max-width:200px;max-height:250px}}@media (max-width:480px){.floating-hero-title{font-size:2.5rem}.floating-section-title{font-size:1.75rem}.floating-hero-subtitle{font-size:1.125rem}.floating-image{max-width:150px;max-height:200px}}.floating-contact-btn:focus{outline:2px solid #9147ff;outline-offset:2px}@media (prefers-reduced-motion:reduce){.floating-gradient-orb,.floating-hero-accent,.floating-hero-scroll-indicator{animation:none}.floating-image{transition:none}.floating-contact-btn:hover,.floating-feature:hover{transform:none}}.floating-image{backface-visibility:hidden}.floating-image,.floating-images-container{transform:translateZ(0)}.chuck-portfolio{position:relative;min-height:100vh;overflow-x:hidden;background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);background-attachment:fixed}.chuck-images-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1}.chuck-image{will-change:transform,filter,opacity;transform-origin:center;transition:filter .6s cubic-bezier(.4,0,.2,1)}.chuck-image-img{width:100%;height:100%;object-fit:cover;transition:all .3s ease;border:2px solid rgba(255,255,255,.1)}.chuck-content{position:relative;z-index:10;pointer-events:auto}.chuck-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;background:rgba(0,0,0,.1);backdrop-filter:blur(1px)}.chuck-hero-content{max-width:800px;margin:0 auto}.chuck-title{font-size:clamp(3rem,8vw,6rem);font-weight:900;color:#ffffff;margin-bottom:1.5rem;line-height:1.1;text-shadow:0 4px 20px rgba(0,0,0,.5);letter-spacing:-.02em}.chuck-accent{background:linear-gradient(135deg,#9147ff,#6a00ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;margin-left:.3em}.chuck-subtitle{font-size:clamp(1.2rem,3vw,1.8rem);color:rgba(255,255,255,.8);margin-bottom:3rem;font-weight:300;line-height:1.4;text-shadow:0 2px 10px rgba(0,0,0,.3)}.chuck-scroll-hint{display:flex;flex-direction:column;align-items:center;gap:1rem;color:rgba(255,255,255,.6);font-size:1rem;animation:gentle-bounce 2s ease-in-out infinite}.scroll-arrow{font-size:2rem;animation:arrow-float 2s ease-in-out infinite}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes arrow-float{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(8px);opacity:1}}.chuck-about,.chuck-contact,.chuck-gallery,.chuck-process{min-height:80vh;display:flex;align-items:center;padding:4rem 2rem;background:rgba(0,0,0,.2);backdrop-filter:blur(2px);border-top:1px solid rgba(255,255,255,.05)}.chuck-section-content{max-width:900px;margin:0 auto;text-align:center}.chuck-section-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:#ffffff;margin-bottom:2rem;text-shadow:0 2px 15px rgba(0,0,0,.4);letter-spacing:-.01em}.chuck-text{max-width:700px;margin:0 auto}.chuck-text p{font-size:clamp(1.1rem,2.5vw,1.4rem);color:rgba(255,255,255,.85);line-height:1.7;margin-bottom:1.5rem;text-shadow:0 1px 5px rgba(0,0,0,.2)}.chuck-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;margin-top:3rem}.chuck-feature{background:rgba(255,255,255,.03);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem 2rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.chuck-feature:hover{transform:translateY(-8px);background:rgba(255,255,255,.06);border-color:rgba(145,71,255,.3);box-shadow:0 20px 40px rgba(145,71,255,.1)}.chuck-feature-icon{font-size:3rem;margin-bottom:1.5rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.chuck-feature h3{font-size:1.5rem;font-weight:700;color:#ffffff;margin-bottom:1rem;text-shadow:0 1px 5px rgba(0,0,0,.2)}.chuck-feature p{font-size:1.1rem;color:rgba(255,255,255,.75);line-height:1.6;margin:0}.chuck-contact-text{font-size:clamp(1.2rem,2.5vw,1.5rem);color:rgba(255,255,255,.8);margin-bottom:3rem;line-height:1.6}.chuck-contact-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.chuck-btn{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:160px;font-family:inherit}.chuck-btn.primary{background:linear-gradient(135deg,#9147ff,#6a00ff);color:white;box-shadow:0 8px 25px rgba(145,71,255,.3)}.chuck-btn.primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(145,71,255,.4);background:linear-gradient(135deg,#a855f7,#7c3aed)}.chuck-btn.secondary{background:rgba(255,255,255,.1);color:white;border:2px solid rgba(255,255,255,.2);backdrop-filter:blur(10px)}.chuck-btn.secondary:hover{transform:translateY(-3px);background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);box-shadow:0 10px 25px rgba(0,0,0,.2)}@media (max-width:768px){.chuck-about,.chuck-contact,.chuck-gallery,.chuck-hero,.chuck-process{padding:3rem 1.5rem;min-height:70vh}.chuck-features{grid-template-columns:1fr;gap:2rem}.chuck-contact-actions{flex-direction:column;align-items:center}.chuck-btn{width:100%;max-width:280px}}@media (max-width:480px){.chuck-hero{padding:2rem 1rem}.chuck-feature{padding:2rem 1.5rem}.chuck-scroll-hint span{font-size:.9rem}}.chuck-image{contain:layout style paint;transform:translateZ(0);backface-visibility:hidden}html{scroll-behavior:smooth}.chuck-portfolio::-webkit-scrollbar{display:none}.chuck-portfolio{-ms-overflow-style:none;scrollbar-width:none}.quick-questions-section{margin:2rem auto;max-width:600px;text-align:center}.quick-questions-section h3{color:white;font-size:1.15rem;font-weight:600;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.quick-questions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.6rem;margin-bottom:1rem}.quick-question-btn{display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;background:rgba(30,20,60,.8);border:1.5px solid rgba(147,71,255,.3);border-radius:12px;color:white;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,.2)}.quick-question-btn:hover:not(:disabled){background:rgba(45,25,80,.9);border-color:#9147ff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(145,71,255,.3)}.quick-question-btn:active{transform:translateY(0)}.quick-question-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.question-emoji{font-size:1.2rem;flex-shrink:0}.question-text{flex:1;line-height:1.3}.hero-section{margin-bottom:1.5rem;padding-top:.5rem}.main-title{font-size:2.2rem;font-weight:700;color:white;margin-bottom:.8rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.main-subtitle-enhanced{font-size:1.1rem;color:rgba(255,255,255,.85);margin-bottom:1.5rem;line-height:1.4}@media (max-width:768px){.quick-questions-grid{grid-template-columns:1fr;gap:.5rem}.quick-question-btn{padding:.7rem .8rem;font-size:.85rem}.main-title{font-size:1.8rem}.main-subtitle-enhanced{font-size:1rem}}@media (max-width:480px){.quick-questions-grid{grid-template-columns:1fr}.quick-question-btn{padding:.6rem .7rem;font-size:.8rem}.question-emoji{font-size:1rem}.main-title{font-size:1.6rem}}.main-container{max-width:700px;margin:0 auto;padding:1rem;text-align:center;min-height:calc(100vh - 200px);display:flex;flex-direction:column;justify-content:flex-start}.ask-form{margin:1.5rem auto 1rem}.mic-btn{margin-top:1rem;margin-bottom:.5rem}.main-subtitle{font-size:.9rem;color:rgba(255,255,255,.7);margin-bottom:1rem}.answer{margin-top:1.5rem;position:relative;z-index:10}@keyframes slide-in-right{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.animate-slide-in-right{animation:slide-in-right .3s ease-out forwards}.toast-container{position:fixed;top:1rem;right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem;max-width:400px}.toast{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:.5rem;box-shadow:0 10px 25px rgba(0,0,0,.2);border-left:4px solid;backdrop-filter:blur(8px);transition:all .3s ease-in-out;transform:translateX(0)}.toast.toast-info{background:rgba(59,130,246,.1);border-left-color:#3b82f6;color:#3b82f6}.toast.toast-success{background:rgba(34,197,94,.1);border-left-color:#22c55e;color:#22c55e}.toast.toast-warning{background:rgba(245,158,11,.1);border-left-color:#f59e0b;color:#f59e0b}.toast.toast-error{background:rgba(239,68,68,.1);border-left-color:#ef4444;color:#ef4444}.toast-icon{flex-shrink:0;font-size:1.125rem;font-weight:700}.toast-message{flex:1;font-size:.875rem;font-weight:500;line-height:1.4}.toast-dismiss{flex-shrink:0;background:none;border:none;color:inherit;font-size:1.25rem;cursor:pointer;opacity:.7;transition:opacity .2s ease;padding:0;margin-left:.5rem}.toast-dismiss:hover{opacity:1}@media (max-width:640px){.toast-container{top:.5rem;right:.5rem;left:.5rem;max-width:none}.toast{padding:.75rem;font-size:.8rem}}