@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#dbeafe;--color-secondary:#10b981;--color-secondary-hover:#059669;--color-secondary-light:#d1fae5;--color-accent:#f59e0b;--color-accent-hover:#d97706;--color-accent-light:#fef3c7;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-overlay:#00000080;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-inverse:#fff;--text-muted:#cbd5e1;--border-primary:#e2e8f0;--border-secondary:#f1f5f9;--border-accent:#3b82f6;--border-error:#ef4444;--border-success:#10b981;--border-warning:#f59e0b;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-heading:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"JetBrains Mono","Fira Code","Monaco","Cascadia Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080}[data-theme=dark]{--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-light:#1e3a8a;--color-secondary:#34d399;--color-secondary-hover:#10b981;--color-secondary-light:#065f46;--color-accent:#fbbf24;--color-accent-hover:#f59e0b;--color-accent-light:#92400e;--bg-elevated:#1e293b;--bg-overlay:#000000b3;--text-primary:#f8fafc;--text-tertiary:#94a3b8;--text-inverse:#0f172a;--text-muted:#475569;--border-primary:#334155;--border-secondary:#475569;--border-accent:#60a5fa;--border-error:#f87171;--border-success:#34d399;--border-warning:#fbbf24;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d}.bg-primary{background-color:#fff;background-color:var(--bg-primary)}.bg-secondary{background-color:#f8fafc;background-color:var(--bg-secondary)}.bg-tertiary{background-color:#f1f5f9;background-color:var(--bg-tertiary)}.bg-elevated{background-color:#fff;background-color:var(--bg-elevated)}.text-primary{color:#1e293b;color:var(--text-primary)}.text-secondary{color:#64748b;color:var(--text-secondary)}.text-tertiary{color:#94a3b8;color:var(--text-tertiary)}.text-inverse{color:#fff;color:var(--text-inverse)}.text-muted{color:#cbd5e1;color:var(--text-muted)}.border-primary{border-color:#e2e8f0;border-color:var(--border-primary)}.border-secondary{border-color:#f1f5f9;border-color:var(--border-secondary)}.border-accent{border-color:#3b82f6;border-color:var(--border-accent)}.text-success{color:#10b981;color:var(--color-success)}.text-warning{color:#f59e0b;color:var(--color-warning)}.text-error{color:#ef4444;color:var(--color-error)}.text-info{color:#3b82f6;color:var(--color-info)}.bg-success{background-color:#10b981;background-color:var(--color-success)}.bg-warning{background-color:#f59e0b;background-color:var(--color-warning)}.bg-error{background-color:#ef4444;background-color:var(--color-error)}.bg-info{background-color:#3b82f6;background-color:var(--color-info)}*{transition:background-color .25s ease-in-out,color .25s ease-in-out,border-color .25s ease-in-out,box-shadow .25s ease-in-out}.theme-transitioning *{transition:none!important}html{color:var(--text-primary);font-family:var(--font-family-primary)}body,html{background-color:var(--bg-primary);line-height:1.6}body{font-size:var(--text-base);font-weight:var(--font-normal);min-height:100vh;padding:0}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-family-heading);font-weight:var(--font-semibold);line-height:1.2;margin:0 0 var(--space-4) 0}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}div,li,p,span,td,th{color:var(--text-primary);font-family:var(--font-family-primary)}a{color:var(--color-primary);font-weight:var(--font-medium);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover);text-decoration:underline}button,input,select,textarea{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family-primary);font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:var(--border-accent);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}button{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;font-weight:var(--font-medium);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}button:disabled{background-color:var(--text-muted);box-shadow:none;color:var(--text-tertiary);cursor:not-allowed;transform:none}.card,.container,.modal,.panel{background-color:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-primary);padding:var(--space-6)}.card:hover,.panel:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-lg)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-sm);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover)}*{scrollbar-color:var(--color-primary) var(--bg-secondary);scrollbar-width:thin}::selection{background-color:var(--color-primary-light);color:var(--text-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.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-full{border-radius:var(--radius-full)}.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)}.chat-content,.chat-detail,.chat-input-area,.chat-input-container,.chat-messages{background-color:var(--bg-primary);color:var(--text-primary)}.chat-bubble,.chat-sidebar,.sidebar{background-color:var(--bg-secondary);color:var(--text-primary)}.chat-sidebar,.sidebar{border-right:1px solid var(--border-primary)}.feature-header,.header{background-color:var(--bg-elevated);border-bottom:1px solid var(--border-primary);color:var(--text-primary)}@media (max-width:768px){.card,.container,.panel{padding:var(--space-4)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}@media (max-width:480px){.card,.container,.panel{padding:var(--space-3)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);font-family:var(--font-family-primary);margin:0;transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}body,code{color:var(--text-primary)}code{background-color:var(--bg-secondary);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--text-sm);padding:var(--space-1) var(--space-2)}*{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}html[data-theme] *{transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}html[data-theme=dark] body,html[data-theme=light] body{background:var(--bg-primary);color:var(--text-primary)}.App{background-color:var(--bg-primary);font-family:var(--font-family-primary);min-height:100vh;text-align:center}.App,.App-header{color:var(--text-primary)}.App-header{background-color:var(--bg-elevated);border-bottom:1px solid var(--border-primary);padding:var(--space-4)}.App-logo{height:40px;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App-link{color:var(--color-primary);font-weight:var(--font-medium);text-decoration:none;transition:color var(--transition-fast)}.App-link:hover{color:var(--color-primary-hover)}@media (max-width:768px){.App-header{padding:var(--space-3)}.App-logo{height:32px}}.login-container{align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-4);position:relative}.login-container:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,var(--color-primary-light) 0,#0000 70%);content:"";height:200%;left:-50%;opacity:.1;pointer-events:none;position:absolute;top:-50%;width:200%}.login-branding{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-8);position:relative;z-index:1}.logo-container{align-items:center;background:var(--bg-elevated);border:2px solid var(--border-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);display:flex;flex-shrink:0;padding:var(--space-2)}.logo-image{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:auto;width:60px}.login-web-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:1.2;margin:0;text-shadow:0 2px 4px #0000001a;white-space:nowrap}.login-form-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);box-sizing:border-box;max-width:450px;padding:var(--space-8);position:relative;width:90%;z-index:1}.login-form-wrapper:before{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-accent));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.login-title{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-6);position:relative;text-align:center}.login-title:after{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.login-error{animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid #ef444433;border-radius:var(--radius-lg);color:var(--color-error);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-4);padding:var(--space-3);text-align:center}.error-help-text{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-normal);margin-top:var(--space-2);opacity:.8}.inline-link{color:var(--color-primary);font-weight:var(--font-medium);transition:color var(--transition-fast)}.inline-link:hover{color:var(--color-primary-hover)}.login-form{display:flex;flex-direction:column;gap:var(--space-5)}.input-group{gap:var(--space-1)}.login-input{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-family-primary);font-size:var(--text-base);font-weight:var(--font-medium);outline:none;padding:var(--space-4) var(--space-4);transition:all var(--transition-normal);width:100%}.login-input::placeholder{color:var(--text-tertiary);font-weight:var(--font-normal)}.login-input:focus{background:var(--bg-primary);border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light);transform:translateY(-1px)}.login-input.input-error{background:linear-gradient(135deg,#ef44440d,#ef444405);border-color:var(--color-error)}.login-input.input-error:focus{border-color:var(--color-error);box-shadow:0 0 0 4px #ef44441a}.field-error{color:var(--color-error);font-size:var(--text-xs);font-weight:var(--font-medium);margin-left:var(--space-1);margin-top:var(--space-1)}.login-password-wrapper{position:relative}.login-password-wrapper .login-input{padding-right:5rem}.login-show-password-btn{background:none;border:none;border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);transition:all var(--transition-fast)}.login-show-password-btn:hover:not(:disabled){background:var(--color-primary-light);color:var(--color-primary-hover)}.login-show-password-btn:disabled{cursor:not-allowed;opacity:.5}.login-button{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-inverse);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--text-base);font-weight:var(--font-semibold);overflow:hidden;padding:var(--space-4);position:relative;transition:all var(--transition-normal);width:100%}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.login-button:hover:not(:disabled):before{left:100%}.login-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary));box-shadow:var(--shadow-lg);transform:translateY(-2px)}.login-button:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.login-button:disabled{box-shadow:var(--shadow-sm);cursor:not-allowed;opacity:.6;transform:none}.login-loading{color:#0000;position:relative}.login-loading:after{animation:spin 1s linear infinite;border:.2rem solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:1.25rem;left:50%;margin-left:-.625rem;margin-top:-.625rem;position:absolute;top:50%;width:1.25rem}.session-conflict-content{text-align:center}.session-conflict-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:3rem;margin-bottom:var(--space-4)}.session-conflict-message{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium);line-height:1.6;margin-bottom:var(--space-4)}.session-conflict-sub{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6)}.session-conflict-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.session-force-btn{background:linear-gradient(135deg,var(--color-error),#b91c1c)}.session-force-btn:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,var(--color-error))}.session-cancel-btn{background:linear-gradient(135deg,var(--text-muted),var(--text-tertiary))}.session-cancel-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--text-tertiary),var(--text-muted))}.session-error{margin-bottom:0;margin-top:var(--space-4)}.login-footer-text{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-normal);margin-top:var(--space-5);text-align:center}.login-signup-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:inherit;font-weight:var(--font-medium);padding:0;text-decoration:underline;transition:color var(--transition-fast)}.login-signup-link:hover:not(:disabled){color:var(--color-primary-hover)}.login-signup-link:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.login-branding{gap:var(--space-2);margin-bottom:var(--space-6)}.logo-image{width:50px}.login-web-title{font-size:var(--text-3xl)}.login-title{font-size:var(--text-2xl)}.login-input{font-size:16px;padding:var(--space-3) var(--space-4)}.login-button{font-size:var(--text-base);padding:var(--space-3)}.login-form-wrapper{padding:var(--space-6);width:95%}.session-conflict-actions{flex-direction:column}}@media (max-width:360px){.logo-image{width:40px}.login-web-title{font-size:var(--text-2xl)}.login-branding{gap:var(--space-2)}}@media (max-width:768px){.login-form-wrapper{padding:var(--space-6)}.logo-image{width:55px}.login-web-title{font-size:var(--text-3xl)}}@media (orientation:landscape) and (max-width:768px){.login-container{padding:var(--space-2)}.login-form-wrapper{max-width:500px;padding:var(--space-5);width:95%}.login-branding{margin-bottom:var(--space-4)}.login-web-title{font-size:var(--text-2xl)}.login-title{font-size:var(--text-xl);margin-bottom:var(--space-4)}}@media (min-width:1200px){.login-form-wrapper{max-width:500px;padding:var(--space-10)}.logo-image{width:70px}.login-web-title{font-size:var(--text-4xl)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.logo-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.login-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.login-button:focus-visible{outline:2px solid var(--text-inverse);outline-offset:2px}.login-form-wrapper{animation:fadeInUp .6s ease-out}.login-branding{animation:fadeInDown .6s ease-out .2s both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.signup-container{align-items:center;background-color:#f3f4f6;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:1rem}.signup-branding{align-items:center;display:flex;gap:.75rem;margin-bottom:2rem}.signup-branding .logo-container{align-items:center;display:flex;flex-shrink:0}.signup-branding .logo-image{display:block;height:auto;width:70px}.signup-web-title{color:#1f2937;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0;white-space:nowrap}.signup-form-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;max-width:400px;padding:2rem;width:90%}.signup-title{color:#03dac6;font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.signup-error{background-color:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;font-size:.875rem;line-height:1.4;margin-bottom:1rem;padding:.75rem;text-align:center}.error-help-text{display:block;font-size:.8rem;font-weight:400;margin-top:.5rem;opacity:.9}.inline-link{background:none;border:none;color:#03dac6;cursor:pointer;font-size:inherit;font-weight:500;padding:0;text-decoration:underline}.inline-link:hover{color:#028e8c}.signup-form{gap:1.25rem}.input-group,.signup-form{display:flex;flex-direction:column}.input-group{gap:.25rem}.signup-input{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-sizing:border-box;font-size:1rem;outline:none;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.signup-input:focus{border-color:#03dac6;box-shadow:0 0 0 3px #03dac61a}.signup-input.input-error{background-color:#fef2f2;border-color:#dc2626}.signup-input.input-error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.field-error{color:#dc2626;font-size:.75rem;margin-left:.25rem;margin-top:.25rem}.signup-password-wrapper{position:relative}.signup-password-wrapper .signup-input{padding-right:4rem}.signup-show-password-btn{background:none;border:none;color:#03dac6;cursor:pointer;font-size:.9rem;font-weight:500;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .2s}.signup-show-password-btn:hover:not(:disabled){color:#028e8c}.signup-show-password-btn:disabled{cursor:not-allowed;opacity:.5}.password-strength{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.strength-bar{background-color:#e5e7eb;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.strength-fill{border-radius:2px;height:100%;transition:width .3s ease,background-color .3s ease}.strength-fill.strength-0,.strength-fill.strength-1{background-color:#dc2626}.strength-fill.strength-2{background-color:#f59e0b}.strength-fill.strength-3{background-color:#3b82f6}.strength-fill.strength-4,.strength-fill.strength-5{background-color:#10b981}.strength-text{font-size:.75rem;font-weight:500;min-width:60px;text-align:right}.strength-text.strength-0,.strength-text.strength-1{color:#dc2626}.strength-text.strength-2{color:#f59e0b}.strength-text.strength-3{color:#3b82f6}.strength-text.strength-4,.strength-text.strength-5{color:#10b981}.password-requirements{color:#6b7280;font-size:.75rem;margin-top:.5rem}.password-requirements small{display:block;font-weight:500;margin-bottom:.25rem}.password-requirements ul{list-style:none;margin:0;padding-left:1rem}.password-requirements li{color:#9ca3af;margin-bottom:.125rem;padding-left:1rem;position:relative;transition:color .2s}.password-requirements li:before{color:#dc2626;content:"✗";font-weight:700;left:0;position:absolute;transition:color .2s}.password-requirements li.valid{color:#10b981}.password-requirements li.valid:before{color:#10b981;content:"✓"}.signup-button{background-color:#03dac6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:background-color .3s ease,opacity .3s ease;width:100%}.signup-button:hover:not(:disabled){background-color:#028e8c}.signup-button:disabled{cursor:not-allowed;opacity:.6}.signup-loading{color:#0000;position:relative}.signup-loading:after{animation:spin 1s linear infinite;border:.2rem solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:1.25rem;left:50%;margin-left:-.625rem;margin-top:-.625rem;position:absolute;top:50%;width:1.25rem}.signup-footer-text{color:#4b5563;font-size:.875rem;margin-top:1.25rem;text-align:center}.signup-login-link{background:none;border:none;color:#03dac6;cursor:pointer;font-size:inherit;font-weight:500;padding:0;text-decoration:underline;transition:color .2s}.signup-login-link:hover:not(:disabled){color:#028e8c}.signup-login-link:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.signup-branding{gap:.5rem;margin-bottom:1.5rem}.signup-branding .logo-image{width:50px}.signup-web-title{font-size:1.8rem}.signup-title{font-size:1.5rem}.signup-input{font-size:16px;padding:.6rem .8rem}.signup-button{font-size:1rem;padding:.6rem}.signup-form-wrapper{padding:1.5rem;width:95%}.password-requirements{font-size:.7rem}.password-requirements ul{padding-left:.75rem}}@media (max-width:360px){.signup-branding .logo-image{width:40px}.signup-web-title{font-size:1.6rem}.signup-branding{gap:.4rem}.signup-form-wrapper{padding:1.25rem}}@media (max-width:768px){.signup-form-wrapper{padding:1.5rem}.signup-branding .logo-image{width:60px}.signup-web-title{font-size:2.2rem}}@media (orientation:landscape) and (max-width:768px){.signup-container{padding:.5rem}.signup-form-wrapper{max-width:450px;padding:1.25rem;width:95%}.signup-branding{margin-bottom:1rem}.signup-web-title{font-size:1.8rem}.signup-title{font-size:1.4rem;margin-bottom:1rem}.password-requirements{font-size:.7rem}}@media (min-width:1200px){.signup-form-wrapper{max-width:500px;padding:2.5rem}.signup-branding .logo-image{width:80px}.signup-web-title{font-size:3rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.signup-branding .logo-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.signup-input:focus-visible{outline:2px solid #03dac6;outline-offset:2px}.signup-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.signup-error{animation:slideIn .3s ease-out}.forgot-container{align-items:center;background-color:#f3f4f6;box-sizing:border-box;display:flex;justify-content:center;min-height:80vh;padding:2rem 1rem}.forgot-form{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;max-width:400px;padding:2rem;width:90%}.forgot-title{color:#03dac6;font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.forgot-error{color:#dc2626}.forgot-error,.forgot-success{font-size:.95rem;margin-bottom:1rem;text-align:center}.forgot-success{color:#059669}.forgot-input{border:1px solid #d1d5db;border-radius:.5rem;box-sizing:border-box;font-size:1rem;margin-bottom:1rem;padding:.75rem 1rem;transition:border-color .2s;width:100%}.forgot-input:focus{border-color:#03dac6;outline:none}.forgot-button{background-color:#03dac6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:background-color .3s ease,opacity .3s ease;width:100%}.forgot-button:hover:not(:disabled){background-color:#028e8c}.forgot-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.forgot-form{padding:1.5rem}.forgot-title{font-size:1.25rem}.forgot-button,.forgot-input{font-size:.9rem;padding:.6rem}}@media (max-width:768px){.forgot-form{width:95%}.forgot-container{padding:1.5rem .5rem}}@media (orientation:landscape) and (max-width:768px){.forgot-form{max-width:500px;padding:1.5rem}.forgot-title{font-size:1.35rem}}@media (min-width:1200px){.forgot-form{max-width:500px;padding:2.5rem}.forgot-title{font-size:1.75rem}.forgot-button,.forgot-input{font-size:1.1rem;padding:.85rem 1.2rem}}.reset-container{align-items:center;background-color:#f3f4f6;box-sizing:border-box;display:flex;justify-content:center;min-height:80vh;padding:2rem 1rem}.reset-form{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;max-width:400px;padding:2rem;width:90%}.reset-title{color:#03dac6;font-size:1.75rem;font-weight:700;margin-bottom:1rem;text-align:center}.reset-success{color:#059669}.reset-error,.reset-success{font-size:.95rem;margin-bottom:1rem;text-align:center}.reset-error{color:#dc2626}.reset-input{border:1px solid #d1d5db;border-radius:.5rem;box-sizing:border-box;font-size:1rem;margin-bottom:1rem;outline:none;padding:.75rem 1rem;transition:border-color .2s;width:100%}.reset-input:focus{border-color:#03dac6}.reset-button{background-color:#03dac6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:background-color .3s ease,opacity .3s ease;width:100%}.reset-button:hover:not(:disabled){background-color:#028e8c}.reset-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.reset-form{padding:1.5rem}.reset-title{font-size:1.5rem}.reset-input{font-size:.9rem;padding:.6rem .8rem}.reset-button{font-size:.9rem;padding:.6rem}}@media (max-width:768px){.reset-form{width:95%}}@media (orientation:landscape) and (max-width:768px){.reset-form{max-width:500px}}@media (min-width:1200px){.reset-form{max-width:500px}}.enhanced-speech-input{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);margin:0 auto;max-width:800px;width:100%}.speech-error{animation:slideInDown .3s ease;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:14px;justify-content:space-between;margin-bottom:12px;padding:8px 12px}.speech-error,.speech-error button{align-items:center;color:#dc2626;display:flex}.speech-error button{background:none;border:none;border-radius:50%;cursor:pointer;font-size:16px;height:20px;justify-content:center;padding:0;transition:background-color .2s ease;width:20px}.speech-error button:hover{background-color:#fecaca}.input-container{align-items:flex-end;background-color:#fff;background-color:var(--bg-secondary,#fff);border:2px solid #e5e7eb;border:2px solid var(--border-primary,#e5e7eb);border-radius:16px;box-shadow:0 2px 4px #0000000d;gap:12px;padding:12px;transition:all .3s ease}.input-container:focus-within{border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a}.mic-button{align-items:center;background-color:#f3f4f6;background-color:var(--bg-tertiary,#f3f4f6);border:none;border-radius:50%;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;position:relative;transition:all .3s ease;width:48px}.mic-button:hover:not(:disabled){background-color:#3b82f61a;background-color:var(--accent-light,#3b82f61a);color:#3b82f6;color:var(--accent-primary,#3b82f6);transform:scale(1.05)}.mic-button.recording{animation:pulse 2s infinite;background-color:#3b82f6;background-color:var(--accent-primary,#3b82f6);color:#fff}.mic-button.listening{background-color:#10b981;background-color:var(--accent-secondary,#10b981);color:#fff}.mic-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.recording-indicator{pointer-events:none;position:absolute}.pulse-ring,.recording-indicator{left:50%;top:50%;transform:translate(-50%,-50%)}.pulse-ring{animation:pulse-ring 1.5s cubic-bezier(.455,.03,.515,.955) infinite;border:2px solid #3b82f6;border:2px solid var(--accent-primary,#3b82f6);height:48px;width:48px}.text-input-container{display:flex;flex:1 1;flex-direction:column;gap:8px}.text-input{background:#0000;border:none;color:#111827;color:var(--text-primary,#111827);font-family:inherit;font-size:16px;line-height:1.5;max-height:120px;min-height:24px;outline:none;resize:none;width:100%}.text-input::placeholder{color:#9ca3af;color:var(--text-muted,#9ca3af)}.text-input:disabled{cursor:not-allowed;opacity:.6}.transcript-preview{align-items:center;animation:slideInUp .3s ease;background-color:#3b82f61a;background-color:var(--accent-light,#3b82f61a);border-radius:8px;color:#3b82f6;color:var(--accent-primary,#3b82f6);display:flex;gap:8px;padding:8px 12px}.transcript-label{font-size:12px}.transcript-text{flex:1 1;font-style:italic}.interim-indicator{animation:blink 1s infinite}.interim-indicator,.send-button{color:#9ca3af;color:var(--text-muted,#9ca3af)}.send-button{align-items:center;background-color:#f3f4f6;background-color:var(--bg-tertiary,#f3f4f6);border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s ease;width:48px}.send-button:hover:not(:disabled){transform:scale(1.05)}.send-button.active,.send-button:hover:not(:disabled){background-color:#3b82f6;background-color:var(--accent-primary,#3b82f6);color:#fff}.send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.loading-spinner{border:2px solid #0000;border-top-color:currentcolor}.recording-status{align-items:center;animation:slideInUp .3s ease;background-color:#3b82f61a;background-color:var(--accent-light,#3b82f61a);border-radius:20px;color:#3b82f6;color:var(--accent-primary,#3b82f6);display:flex;font-size:14px;gap:12px;justify-content:center;margin-top:8px;padding:8px 16px}.speech-duration{background-color:#3b82f6;background-color:var(--accent-primary,#3b82f6);border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px}.auto-send-notice{align-items:center;animation:slideInUp .3s ease;background-color:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#d97706;display:flex;font-size:12px;justify-content:center;margin-top:8px;padding:6px 12px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.enhanced-speech-input{max-width:100%}.input-container{gap:8px;padding:8px}.mic-button,.send-button{height:44px;width:44px}.text-input{font-size:16px}.recording-status{font-size:13px;padding:6px 12px}}@media (max-width:480px){.input-container{gap:6px;padding:6px}.mic-button,.send-button{height:40px;width:40px}.transcript-preview{font-size:13px;padding:6px 8px}.recording-status{font-size:12px;padding:4px 8px}}@media (prefers-color-scheme:dark){.enhanced-speech-input{--bg-secondary:#1f2937;--bg-tertiary:#374151;--border-primary:#4b5563;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#9ca3af;--accent-primary:#60a5fa;--accent-light:#60a5fa1a;--accent-secondary:#34d399}}:root{--base-unit:8px;--content-max-width:1200px;--sidebar-width-desktop:240px;--header-height:64px;--controls-height:120px;--progress-panel-width:280px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--touch-target-min:44px;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #00000026;--primary-color:#007bff;--primary-hover:#0056b3;--success-color:#28a745;--success-hover:#1e7e34;--error-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--bg-elevated:#fff;--text-primary:#212529;--text-secondary:#6c757d;--text-muted:#adb5bd;--border-primary:#dee2e6;--border-secondary:#e9ecef;--coach-user-bg:#e3f2fd;--coach-bot-bg:var(--bg-secondary);--listening-color:var(--error-color);--fluency-excellent:#28a745;--fluency-good:#17a2b8;--fluency-average:#ffc107;--fluency-poor:#fd7e14;--fluency-needs-work:#dc3545;--chat-spacing-xl:1.5rem;--chat-spacing-lg:1rem;--chat-spacing-md:0.75rem;--chat-spacing-sm:0.5rem;--chat-spacing-xs:0.25rem;--chat-bg:#f8f9fa;--chat-surface:#fff;--chat-border:#e9ecef;--chat-text:#2c3e50;--chat-text-muted:#6c757d;--chat-accent:#007bff;--chat-accent-hover:#0056b3;--chat-success:#00bfa5;--chat-warning:#f39c12;--chat-error:#e74c3c;--chat-user-bg:#007bff;--chat-bot-bg:#f1f3f4;--chat-input-bg:#fff;--chat-input-text:#2c3e50;--chat-input-placeholder:#6c757d;--chat-shadow-sm:0 2px 4px #0000000f;--chat-shadow-md:0 4px 12px #0000001a;--chat-shadow-lg:0 8px 24px #00000026;--chat-radius:16px;--chat-radius-sm:12px;--chat-radius-xs:8px;--chat-column:clamp(720px,70vw,1100px);--input-area-height:100px;--input-left-offset:0px;--input-width:100vw}body[data-sidebar=full]{--input-left-offset:var(--sidebar-width-full)}body[data-sidebar=mini]{--input-left-offset:var(--sidebar-width-mini)}[data-theme=dark]{--bg-primary:#1a1d29;--bg-secondary:#242837;--bg-tertiary:#2d3142;--bg-elevated:#242837;--text-primary:#f7fafc;--text-secondary:#cbd5e0;--border-primary:#2d3142;--border-secondary:#374151;--coach-user-bg:#1e3a8a;--coach-bot-bg:var(--bg-tertiary);--chat-bg:#1a1d29;--chat-surface:#242837;--chat-border:#2d3142;--chat-text:#f7fafc;--chat-text-muted:#94a3b8;--chat-accent:#4dabf7;--chat-accent-hover:#339af0;--chat-success:#51cf66;--chat-warning:#ffa726;--chat-error:#ff6b6b;--chat-user-bg:#4dabf7;--chat-bot-bg:#2d3142;--chat-input-bg:#242837;--chat-input-text:#f7fafc;--chat-input-placeholder:#94a3b8;--chat-shadow-sm:0 2px 4px #0000004d;--chat-shadow-md:0 4px 12px #0006;--chat-shadow-lg:0 8px 24px #00000080;--chat-radius:16px;--chat-radius-sm:12px;--chat-radius-xs:8px}.speech-coach{background:#fff;background:var(--bg-primary);height:100vh;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.speech-coach,.speech-coach .chat-messages{display:flex;flex:1 1;flex-direction:column;max-width:none;min-width:0;width:100%}.speech-coach .chat-messages{-webkit-overflow-scrolling:touch;box-sizing:border-box;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1.5rem;padding:var(--chat-spacing-xl);padding-bottom:100px;padding-bottom:var(--input-area-height,100px);padding-top:1.5rem;padding-top:var(--chat-spacing-xl);scroll-behavior:smooth}@media (max-width:768px){.speech-coach .chat-messages{padding-top:1rem;padding-top:var(--chat-spacing-lg)}}@media (max-width:480px){.speech-coach .chat-messages{padding-top:.75rem;padding-top:var(--chat-spacing-md)}}.chat-empty-state{align-items:center;color:#6c757d;color:var(--chat-text-muted);display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;min-height:0;padding:4rem 2rem;text-align:center}.chat-empty-state h3{color:#2c3e50;color:var(--chat-text);font-size:1.5rem;font-weight:700;margin:16px 0 8px}.chat-empty-state p{color:#6c757d;color:var(--chat-text-muted);font-size:1rem;line-height:1.5;margin:0 0 16px;max-width:400px}.speech-coach .chat-messages::-webkit-scrollbar{width:6px}.speech-coach .chat-messages::-webkit-scrollbar-track{background:#0000}.speech-coach .chat-messages::-webkit-scrollbar-thumb{background:#e9ecef;background:var(--chat-border);border-radius:3px}.speech-coach .chat-messages::-webkit-scrollbar-thumb:hover{background:#6c757d;background:var(--chat-text-muted)}.chat-input{background:#f8f9fa;background:var(--chat-bg);border-top:1px solid #e9ecef;border-top:1px solid var(--chat-border);bottom:0!important;box-sizing:border-box;left:0!important;left:var(--input-left-offset)!important;padding:1rem 1.5rem max(1rem,env(safe-area-inset-bottom));padding:var(--chat-spacing-lg) var(--chat-spacing-xl) max(var(--chat-spacing-lg),env(safe-area-inset-bottom));position:fixed!important;transform:translateZ(0);width:100vw!important;width:var(--input-width,auto)!important;z-index:1000}.input-bar-container{align-items:center;background:#fff;background:var(--chat-input-bg);border:1px solid #e9ecef;border:1px solid var(--chat-border);border-radius:16px;box-shadow:0 -2px 8px #0000000f;display:flex;gap:8px;margin:0 auto;max-width:clamp(720px,70vw,1100px);max-width:var(--chat-column,820px);padding:8px 12px;width:100%}.speech-coach .chat-message{align-items:flex-end;box-sizing:border-box;display:flex;gap:.75rem;gap:var(--chat-spacing-md);margin:0;max-width:100%;width:100%}.speech-coach .chat-message.user{justify-content:flex-end}.speech-coach .chat-message.bot{justify-content:flex-start}.speech-coach .chat-bubble{background:#fff;background:var(--chat-surface);border:1px solid #e9ecef;border:1px solid var(--chat-border);border-radius:16px;box-sizing:border-box;color:#2c3e50;color:var(--chat-text);display:flex;flex-direction:column;max-width:min(68%,720px);overflow:visible;padding:12px 16px;position:relative}.speech-coach .chat-message.user .chat-bubble{background:#007bff;background:var(--chat-user-bg);border:none;color:#fff;margin-left:auto}.speech-coach .chat-message.bot .chat-bubble{margin-right:auto}.speech-coach .chat-bubble__content p{line-height:1.5;margin:0;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}@media (min-width:1280px){.speech-coach .chat-bubble{max-width:58%}}@media (min-width:1024px) and (max-width:1279px){.speech-coach .chat-bubble{max-width:62%}}@media (min-width:768px) and (max-width:1023px){.speech-coach .chat-bubble{max-width:70%}}@media (max-width:767px){.speech-coach .chat-bubble{max-width:96%}}.chat-avatar{align-items:center;background:#fff;background:var(--chat-surface);border:2px solid #e9ecef;border:2px solid var(--chat-border);border-radius:50%;box-shadow:0 2px 4px #0000000f;box-shadow:var(--chat-shadow-sm);display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;position:relative;width:32px;z-index:1}.chat-avatar.user{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 8px #667eea4d;order:1}.chat-avatar:not(.user){background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f093fb;box-shadow:0 2px 8px #f093fb4d}.chat-avatar .avatar-icon{color:#fff;font-size:16px;font-weight:700;line-height:1;text-align:center}.chat-avatar .avatar-icon:empty:before{color:#6c757d;color:var(--chat-text-muted);content:"?";font-size:14px;font-weight:400}.chat-bubble.typing{align-items:center;background:#f1f3f4;background:var(--chat-bot-bg);border-color:#e9ecef;border-color:var(--chat-border);display:flex;justify-content:flex-start;min-height:48px;min-width:60px}.typing-indicator{padding:8px 0}.typing-indicator span{animation:typingPulse 1.4s ease-in-out infinite;background:#6c757d;background:var(--chat-text-muted);display:inline-block}@keyframes typingPulse{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.typing-indicator{align-items:center;display:flex;gap:4px;margin-bottom:8px}.typing-indicator span{animation:typingBounce 1.4s ease-in-out infinite;background-color:#4f46e5;border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:0ms}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.5;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.chat-bubble.typing{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1}.typing-text{color:#64748b;font-size:.9em;font-style:italic}@media (max-width:768px){body{--input-left-offset:0px}.chat-input{left:0!important;padding-left:0;padding-right:0;right:0!important}.input-bar-container{margin-left:1rem;margin-left:var(--chat-spacing-lg);margin-right:1rem;margin-right:var(--chat-spacing-lg);width:calc(100vw - 2rem);width:calc(100vw - var(--chat-spacing-lg) - var(--chat-spacing-lg))}}.speech-coach.mobile .chat-input{padding:12px}@media (max-width:768px){.chat-input{padding:12px}.chat-messages{padding:.75rem;padding:var(--chat-spacing-md) var(--chat-spacing-md);padding-top:.75rem;padding-top:var(--chat-spacing-md)}}@media (max-width:480px){.chat-input{padding:8px}.chat-messages{padding:.5rem;padding:var(--chat-spacing-sm) var(--chat-spacing-sm);padding-top:.5rem;padding-top:var(--chat-spacing-sm)}}.input-bar-container:focus-within{border-color:#007bff;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a,0 8px 24px #00000026;box-shadow:0 0 0 3px #007bff1a,var(--shadow-lg)}.clear-input-btn{align-items:center;background:#fff;background:var(--bg-elevated);border:1px solid #dee2e6;border:1px solid var(--border-primary);border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#212529;color:var(--text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;opacity:.8;position:absolute;right:70px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:36px;z-index:10}.clear-input-btn:hover{background:#007bff;background:var(--primary-color);box-shadow:0 4px 8px #0003;color:#fff;opacity:1;transform:translateY(-50%) scale(1.1)}.clear-input-btn:active{transform:translateY(-50%) scale(.95)}@media (max-width:768px){.clear-input-btn{height:32px;right:60px;width:32px}}@media (max-width:480px){.clear-input-btn{height:28px;right:55px;width:28px}}.empty-state{align-items:center;color:#6c757d;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;gap:32px;gap:var(--space-xl);justify-content:center;margin:0 auto;max-width:100%;min-height:400px;padding:48px;padding:var(--space-2xl);text-align:center;width:100%}.empty-icon{color:#007bff;color:var(--primary-color);margin-bottom:24px;margin-bottom:var(--space-lg);opacity:.8}.empty-state h2{color:#212529;color:var(--text-primary);font-size:24px;font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 16px;margin:0 0 var(--space-md) 0;white-space:nowrap}.empty-state p{font-size:16px;font-size:var(--font-size-base);line-height:1.6;margin:0 0 32px;margin:0 0 var(--space-xl) 0;max-width:500px;white-space:nowrap}.voice-info{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#f8f9fa;background:var(--bg-secondary);border:1px solid #dee2e6;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);margin:0 auto;max-width:100%;min-width:600px;padding:32px;padding:var(--space-xl);text-align:left;width:100%}.voice-detail{align-items:center;color:#212529;color:var(--text-primary);display:flex;font-size:14px;font-size:var(--font-size-sm);gap:8px;gap:var(--space-sm);margin-bottom:8px;margin-bottom:var(--space-sm)}.voice-info p{color:#6c757d;color:var(--text-secondary);font-size:14px;font-size:var(--font-size-sm);line-height:1.5;margin:0}.voice-info li,.voice-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-list{flex:1 1;gap:24px;gap:var(--space-lg);max-width:100%;overflow-y:auto;padding-right:8px;padding-right:var(--space-sm);width:100%}.message,.messages-list{display:flex;flex-direction:column}.message{animation:messageSlideIn .3s ease;max-width:80%}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end}.message.coach{align-self:flex-start}.message.loading{opacity:.8}.message-content{gap:8px;gap:var(--space-sm)}.message-text{background:#f8f9fa;background:var(--coach-bot-bg);border:1px solid #dee2e6;border:1px solid var(--border-primary);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);padding:16px 24px;padding:var(--space-md) var(--space-lg);position:relative;transition:all .2s ease}.message.user .message-text{background:#e3f2fd;background:var(--coach-user-bg);border-bottom-right-radius:4px;border-bottom-right-radius:var(--radius-sm)}.message.coach .message-text{border-bottom-left-radius:4px;border-bottom-left-radius:var(--radius-sm)}.message-text:hover{box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.message-text p{color:#212529;color:var(--text-primary);font-size:16px;font-size:var(--font-size-base);line-height:1.5;margin:0;word-break:break-word}.correction-suggestion{background:#28a7451a;border:1px solid #28a74533;border-radius:8px;border-radius:var(--radius-md);margin-top:16px;margin-top:var(--space-md);padding:8px 16px;padding:var(--space-sm) var(--space-md)}.correction-label{color:#28a745;color:var(--success-color);font-size:12px;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;margin-bottom:4px;margin-bottom:var(--space-xs);text-transform:uppercase}.correction-text{color:#212529;color:var(--text-primary);font-size:14px;font-size:var(--font-size-sm);font-style:italic}.pronunciation-tips{background:#17a2b81a;border:1px solid #17a2b833;border-radius:8px;border-radius:var(--radius-md);margin-top:16px;margin-top:var(--space-md);padding:8px 16px;padding:var(--space-sm) var(--space-md)}.tips-label{color:#17a2b8;color:var(--info-color);font-size:12px;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;margin-bottom:4px;margin-bottom:var(--space-xs);text-transform:uppercase}.tips-list{color:#212529;color:var(--text-primary);font-size:14px;font-size:var(--font-size-sm);margin:0;padding-left:16px;padding-left:var(--space-md)}.tips-list li{line-height:1.4;margin-bottom:4px;margin-bottom:var(--space-xs)}.fluency-score{align-items:center;background:#e9ecef;background:var(--bg-tertiary);border-radius:8px;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-top:16px;margin-top:var(--space-md);padding:8px 16px;padding:var(--space-sm) var(--space-md)}.score-label{color:#6c757d;color:var(--text-secondary);font-size:12px;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.score-value{border-radius:4px;border-radius:var(--radius-sm);color:#fff;font-size:14px;font-size:var(--font-size-sm);font-weight:700;padding:4px 8px;padding:var(--space-xs) var(--space-sm)}.score-value.score-0{background:#dc3545;background:var(--fluency-needs-work)}.score-value.score-1{background:#fd7e14;background:var(--fluency-poor)}.score-value.score-2{background:#ffc107;background:var(--fluency-average)}.score-value.score-3{background:#17a2b8;background:var(--fluency-good)}.score-value.score-4{background:#28a745;background:var(--fluency-excellent)}.message-actions{align-items:center;display:flex;justify-content:space-between;margin-top:8px;margin-top:var(--space-sm);padding:0 8px;padding:0 var(--space-sm)}.message-time{font-size:12px;font-size:var(--font-size-xs)}.audio-btn,.message-time{color:#adb5bd;color:var(--text-muted)}.audio-btn{align-items:center;background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:center;min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min);padding:4px;padding:var(--space-xs);transition:all .2s ease}.audio-btn:hover{background:#f8f9fa;background:var(--bg-secondary);color:#007bff;color:var(--primary-color)}.quick-suggestions{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-sm);margin-top:8px;margin-top:var(--space-sm);padding:0 8px;padding:0 var(--space-sm)}.suggestion-btn{align-items:center;background:#f8f9fa;background:var(--bg-secondary);border:1px solid #dee2e6;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);color:#212529;color:var(--text-primary);display:flex;min-height:44px;min-height:var(--touch-target-min);padding:4px 16px;padding:var(--space-xs) var(--space-md)}.suggestion-btn:hover{background:#007bff;background:var(--primary-color);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);color:#fff}.loading-indicator{align-items:center;color:#6c757d;color:var(--text-secondary);display:flex;font-style:italic;gap:8px;gap:var(--space-sm)}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #e9ecef;border-top:2px solid #007bff;border:2px solid var(--border-secondary);border-radius:50%;border-radius:var(--radius-full);border-top-color:var(--primary-color);height:16px;width:16px}.loading-spinner.small{border-width:1.5px;height:12px;width:12px}.scroll-to-bottom-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-full);bottom:124px;bottom:calc(var(--input-area-height, 100px) + var(--space-lg));box-shadow:0 8px 24px #00000026;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;right:24px;right:var(--space-lg);transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:50}.scroll-to-bottom-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-to-bottom-btn.progress-visible{right:24px;right:var(--space-lg)}.scroll-to-bottom-btn:hover{transform:translateY(-2px) scale(1.05)}.progress-panel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;margin-right:24px;max-height:calc(100vh - 120px);max-width:90vw;overflow:hidden;right:24px;top:80px;width:280px;width:var(--progress-panel-width);z-index:120}.progress-panel-header{background:#f8f9fa;background:var(--bg-secondary);flex-shrink:0;padding:var(--space-md)}.progress-stats{grid-gap:var(--space-md);flex:1 1;gap:var(--space-md);grid-template-columns:1fr 1fr;overflow-y:auto;padding:var(--space-md)}.progress-stat{background:#f8f9fa;background:var(--bg-secondary);border:1px solid #dee2e6;border:1px solid var(--border-primary);display:flex;flex-direction:column;justify-content:center;min-height:60px;padding:8px;padding:var(--space-sm)}.stat-value{color:#007bff;color:var(--primary-color);font-size:18px;font-size:var(--font-size-lg);font-weight:700;line-height:1.2;margin-bottom:4px;margin-bottom:var(--space-xs)}.stat-label{color:#6c757d;color:var(--text-secondary);font-size:12px;font-size:var(--font-size-xs);font-weight:500;letter-spacing:.5px;line-height:1.2;text-transform:uppercase}@media (max-width:768px){.progress-panel{background:#fff;background:var(--bg-elevated);border-radius:12px;border-radius:var(--radius-lg);bottom:auto;box-shadow:0 8px 24px #00000026;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;left:50%;margin:0;max-height:70vh;max-width:350px;overflow:hidden;position:fixed;right:auto;top:50%;transform:translate(-50%,-50%);width:85vw;z-index:2000}.progress-panel-header{padding:8px 16px;padding:var(--space-sm) var(--space-md)}.panel-title h3{font-size:16px;font-size:var(--font-size-base)}.progress-stats{grid-gap:8px;grid-gap:var(--space-sm);display:grid;flex:1 1;gap:8px;gap:var(--space-sm);grid-template-columns:1fr 1fr;overflow-y:auto;padding:8px;padding:var(--space-sm)}.progress-stat{min-height:50px;padding:4px;padding:var(--space-xs)}.stat-value{font-size:16px;font-size:var(--font-size-base);margin-bottom:2px}.stat-label{font-size:10px;line-height:1.1}.progress-panel-modal-bg{background:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1999}}.panel-title{align-items:center;display:flex;gap:8px;gap:var(--space-sm)}.panel-title h3{color:#212529;color:var(--text-primary);font-size:18px;font-size:var(--font-size-lg);font-weight:600;margin:0}.progress-panel-close{align-items:center;display:flex;justify-content:center;min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min);padding:var(--space-xs)}.speech-controls-wrapper{align-items:center;background:#fff;background:var(--bg-primary);border-top:1px solid #dee2e6;border-top:1px solid var(--border-primary);bottom:0;box-shadow:0 -4px 12px #0000000d;display:flex;flex-direction:column;left:0;padding:16px 0;padding:var(--space-md) 0;position:fixed;right:0;z-index:100}.speech-coach.sidebar-open~.speech-controls-wrapper{left:240px;left:var(--sidebar-width-desktop)}.controls-input-container{flex-direction:column;max-width:1200px;max-width:var(--content-max-width)}.controls-input-container,.enhanced-controls-bar{align-items:center;display:flex;gap:16px;gap:var(--space-md);margin:0 auto;width:100%}.enhanced-controls-bar{justify-content:space-between;max-width:600px;padding:0 8px;padding:0 var(--space-sm)}.controls-group{align-items:center;display:flex;gap:8px;gap:var(--space-sm)}.controls-group.left{justify-content:flex-start}.controls-group.right{justify-content:flex-end}.action-buttons-row{align-items:center;display:flex;gap:16px;gap:var(--space-md);justify-content:center;margin-bottom:16px;margin-bottom:var(--space-md)}.action-button{align-items:center;background:#f8f9fa;background:var(--bg-secondary);border:1px solid #dee2e6;border:1px solid var(--border-primary);border-radius:8px;border-radius:var(--radius-md);color:#212529;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-size:var(--font-size-sm);font-weight:500;gap:4px;gap:var(--space-xs);min-height:44px;min-height:var(--touch-target-min);padding:8px 16px;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.action-button:hover:not(:disabled){background:#e9ecef;background:var(--bg-tertiary);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.action-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.action-button.clear:hover:not(:disabled){background:#dc3545;background:var(--error-color);border-color:#dc3545;border-color:var(--error-color);color:#fff}.action-button.retry:hover:not(:disabled){background:#17a2b8;background:var(--info-color);border-color:#17a2b8;border-color:var(--info-color);color:#fff}.action-button.progress.active,.action-button.progress:hover:not(:disabled){background:#007bff;background:var(--primary-color);border-color:#007bff;border-color:var(--primary-color);color:#fff}.input-container{display:flex;justify-content:center}.input-wrapper{align-items:center;background:#f8f9fa;background:var(--bg-secondary);border:1px solid #dee2e6;border:1px solid var(--border-primary);border-radius:52px;border-radius:calc(var(--touch-target-min) + var(--space-sm));box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:8px;gap:var(--space-sm);max-width:600px;padding:8px;padding:var(--space-sm);transition:all .2s ease;width:100%}.input-wrapper:focus-within{border-color:#007bff;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a,0 4px 12px #0000001a;box-shadow:0 0 0 3px #007bff1a,var(--shadow-md)}.enhanced-input-container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:600px;width:100%}.enhanced-input-container:focus-within{border-color:#007bff;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a,0 4px 12px #0000001a;box-shadow:0 0 0 3px #007bff1a,var(--shadow-md)}.enhanced-input-field{background:#0000;border:none;color:#212529;color:var(--text-primary);flex:1 1;font-size:16px;font-size:var(--font-size-base);outline:none;padding:8px 16px;padding:var(--space-sm) var(--space-md);resize:none;transition:all .2s ease}.enhanced-input-field::placeholder{color:#adb5bd;color:var(--text-muted);opacity:1}.enhanced-input-field:disabled{cursor:not-allowed;opacity:.7}.enhanced-mic-button,.mic-button{align-items:center;background:#007bff;background:var(--primary-color);border:none;border-radius:50%;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;height:var(--touch-target-min);justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:44px;width:var(--touch-target-min)}.enhanced-mic-button:hover:not(:disabled),.mic-button:hover:not(:disabled){background:#0056b3;background:var(--primary-hover);transform:scale(1.05)}.enhanced-mic-button.listening,.mic-button.listening{background:#dc3545;background:var(--listening-color)}.enhanced-mic-button.disabled,.mic-button.disabled{background:#adb5bd;background:var(--text-muted);cursor:not-allowed;opacity:.6;transform:none}.listening-animation{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.pulse-ring{animation:pulse-ring 2s cubic-bezier(.455,.03,.515,.955) infinite;border:2px solid #ffffff4d;border-radius:50%;border-radius:var(--radius-full);position:absolute}.pulse-ring:first-child{animation-delay:0s}.pulse-ring:nth-child(2){animation-delay:.5s}.pulse-ring:nth-child(3){animation-delay:1s}.listening-pulse{height:100%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@keyframes pulse-ring{0%{height:0;opacity:1;width:0}to{height:60px;opacity:0;width:60px}}.speech-input{background:#0000;border:none;color:#212529;color:var(--text-primary);flex:1 1;font-size:16px;font-size:var(--font-size-base);outline:none;padding:8px 16px;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.speech-input::placeholder{color:#adb5bd;color:var(--text-muted);opacity:1}.speech-input:disabled{cursor:not-allowed;opacity:.7}.enhanced-send-button,.send-button{align-items:center;background:#28a745;background:var(--success-color);border:none;border-radius:50%;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;height:var(--touch-target-min);justify-content:center;transition:all .2s ease;width:44px;width:var(--touch-target-min)}.enhanced-send-button:hover:not(:disabled),.send-button:hover:not(:disabled){background:#1e7e34;background:var(--success-hover);transform:scale(1.05)}.enhanced-send-button:disabled,.send-button:disabled{background:#adb5bd;background:var(--text-muted);cursor:not-allowed;opacity:.6;transform:none}.error-display{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);color:#dc2626;margin:16px auto;max-width:500px;padding:8px 24px;padding:var(--space-sm) var(--space-lg);padding-right:40px;position:relative;z-index:200}.error-display,.error-display .error-dismiss{align-items:center;display:flex;justify-content:center}.error-display .error-dismiss{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:inherit;cursor:pointer;padding:4px;position:absolute;right:8px;top:8px}.error-content{align-items:center;display:flex;flex:1 1;gap:8px;gap:var(--space-sm)}.error-icon{font-size:18px;font-size:var(--font-size-lg)}.error-content p{font-size:14px;font-size:var(--font-size-sm);font-weight:500;margin:0}@media (max-width:768px){.error-display{margin:16px auto 0;max-width:95vw;padding:4px 16px;padding:var(--space-xs) var(--space-md);padding-right:36px}.error-display .error-dismiss{right:4px;top:4px}}.browser-warning{animation:slideUp .3s ease;background:#fff3cd;border:1px solid #ffeaa7;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);color:#856404;justify-content:space-between;margin:16px auto;max-width:500px;padding:16px;padding:var(--space-md);position:relative;z-index:150}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.warning-content{align-items:center;display:flex;flex:1 1;gap:8px;gap:var(--space-sm)}.warning-icon{font-size:18px;font-size:var(--font-size-lg)}.warning-content p{font-size:14px;font-size:var(--font-size-sm);line-height:1.4;margin:0}.warning-dismiss{align-items:center;background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:flex;justify-content:center;min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min);padding:4px;padding:var(--space-xs);transition:background-color .2s ease}.warning-dismiss:hover{background:#0000001a}@media (max-width:768px){.speech-coach{height:100%}.progress-panel{background:#fff;background:var(--bg-elevated);border-radius:12px;border-radius:var(--radius-lg);bottom:auto;box-shadow:0 8px 24px #00000026;box-shadow:var(--shadow-lg);display:block;left:50%;margin:0;max-width:400px;padding:24px 16px;padding:var(--space-lg) var(--space-md);position:fixed;right:auto;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:2000}.progress-panel-header{padding:16px;padding:var(--space-md)}.progress-stats{display:flex;flex-direction:column;gap:16px;gap:var(--space-md);padding:0}.progress-panel-modal-bg{background:#0000004d;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1999}.empty-state{gap:24px;gap:var(--space-lg);min-height:300px;padding:32px 16px;padding:var(--space-xl) var(--space-md);padding-top:40px}.empty-icon{margin-bottom:16px;margin-bottom:var(--space-md)}.empty-state h2{font-size:20px;font-size:var(--font-size-xl);white-space:normal}.empty-state p{font-size:14px;font-size:var(--font-size-sm);white-space:normal}.voice-info{max-width:100%;min-width:auto;padding:16px;padding:var(--space-md)}.voice-info p{white-space:normal}.messages-list{gap:16px;gap:var(--space-md)}.message{max-width:90%}.message-text{padding:8px 16px;padding:var(--space-sm) var(--space-md)}.message-text p{font-size:14px;font-size:var(--font-size-sm)}.quick-suggestions{gap:4px;gap:var(--space-xs)}.suggestion-btn{font-size:12px;font-size:var(--font-size-xs);min-height:36px;padding:4px 8px;padding:var(--space-xs) var(--space-sm)}.scroll-to-bottom-btn{bottom:116px;bottom:calc(100px + var(--space-md));height:44px;height:var(--touch-target-min);width:44px;width:var(--touch-target-min)}.scroll-to-bottom-btn,.scroll-to-bottom-btn.progress-visible{right:16px;right:var(--space-md)}.speech-coach.sidebar-open~.speech-controls-wrapper,.speech-controls-wrapper{left:0;padding:8px 0;padding:var(--space-sm) 0}.action-buttons-row{flex-wrap:wrap;justify-content:center;margin-bottom:8px;margin-bottom:var(--space-sm)}.action-buttons-row,.controls-input-container{gap:8px;gap:var(--space-sm)}.enhanced-controls-bar{max-width:100%;padding:0 4px;padding:0 var(--space-xs)}.action-button{font-size:12px;font-size:var(--font-size-xs);min-height:36px;padding:4px 8px;padding:var(--space-xs) var(--space-sm)}.action-button span{display:none}.enhanced-input-container,.input-wrapper{gap:4px;gap:var(--space-xs);padding:4px;padding:var(--space-xs)}.enhanced-mic-button,.enhanced-send-button,.mic-button,.send-button{height:44px;height:var(--touch-target-min);width:44px;width:var(--touch-target-min)}.enhanced-input-field,.speech-input{font-size:16px;font-size:var(--font-size-base);padding:4px 8px;padding:var(--space-xs) var(--space-sm)}.browser-warning{bottom:136px;bottom:calc(var(--controls-height) + var(--space-md));left:16px;left:var(--space-md);right:16px;right:var(--space-md)}}@media (max-width:480px){.empty-state{padding:24px 8px;padding:var(--space-lg) var(--space-sm)}.empty-state h2{font-size:16px;font-size:var(--font-size-base);white-space:normal}.voice-info{min-width:auto;padding:8px;padding:var(--space-sm)}.message{max-width:95%}.message-text{padding:4px 8px;padding:var(--space-xs) var(--space-sm)}.message-text p{font-size:12px;font-size:var(--font-size-xs)}.correction-suggestion,.fluency-score,.pronunciation-tips{margin-top:8px;margin-top:var(--space-sm);padding:4px 8px;padding:var(--space-xs) var(--space-sm)}.correction-label,.score-label,.tips-label{font-size:10px}.speech-controls-wrapper{padding:8px 0;padding:var(--space-sm) 0}.action-buttons-row,.controls-input-container{gap:4px;gap:var(--space-xs)}.enhanced-controls-bar{padding:0 4px;padding:0 var(--space-xs)}.action-button{min-height:36px;min-width:36px;padding:4px;padding:var(--space-xs)}.enhanced-input-container,.input-wrapper{gap:4px;gap:var(--space-xs);padding:2px}.enhanced-mic-button,.enhanced-send-button,.mic-button,.send-button{height:40px;width:40px}.pulse-ring{max-height:50px;max-width:50px}}@media screen and (orientation:landscape) and (max-height:600px){.speech-controls-wrapper{padding:8px 24px;padding:var(--space-sm) var(--space-lg)}.action-buttons-row{margin-bottom:4px;margin-bottom:var(--space-xs)}.scroll-to-bottom-btn{bottom:84px;bottom:calc(100px - var(--space-md))}.browser-warning{margin:8px auto}.empty-state{min-height:200px;padding:16px;padding:var(--space-md)}}@media (prefers-contrast:high){.enhanced-input-field,.speech-input{color:#212529;color:var(--text-primary)}.enhanced-input-field::placeholder,.speech-input::placeholder{color:#6c757d;color:var(--text-secondary)}.action-button,.message-text{border-width:2px}}@media (prefers-reduced-motion:reduce){.enhanced-mic-button,.enhanced-send-button,.message,.mic-button,.progress-panel,.scroll-to-bottom-btn,.send-button,.speech-controls-wrapper{animation:none;transition:none}.loading-spinner,.pulse-ring{animation:none}.listening-animation{display:none}}.action-button:focus-visible,.audio-btn:focus-visible,.enhanced-mic-button:focus-visible,.enhanced-send-button:focus-visible,.mic-button:focus-visible,.scroll-to-bottom-btn:focus-visible,.send-button:focus-visible,.suggestion-btn:focus-visible{outline:2px solid #007bff;outline:2px solid var(--primary-color);outline-offset:2px}.enhanced-input-field:focus-visible,.speech-input:focus-visible{outline:none}@supports (padding:max(0px)){.speech-controls-wrapper{padding-bottom:max(24px,env(safe-area-inset-bottom));padding-bottom:max(var(--space-lg),env(safe-area-inset-bottom));padding-left:max(24px,env(safe-area-inset-left));padding-left:max(var(--space-lg),env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-right:max(var(--space-lg),env(safe-area-inset-right))}@media (max-width:768px){.speech-controls-wrapper{padding-bottom:max(16px,env(safe-area-inset-bottom));padding-bottom:max(var(--space-md),env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-left:max(var(--space-md),env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-right:max(var(--space-md),env(safe-area-inset-right))}}.browser-warning{left:max(24px,env(safe-area-inset-left));left:max(var(--space-lg),env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));right:max(var(--space-lg),env(safe-area-inset-right))}@media (max-width:768px){.browser-warning{left:max(16px,env(safe-area-inset-left));left:max(var(--space-md),env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));right:max(var(--space-md),env(safe-area-inset-right))}}}.transcript-preview{animation:fadeInUp .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#007bfff2;border-radius:24px;bottom:140px;box-shadow:0 4px 20px #007bff4d;color:#fff;font-size:14px;left:50%;max-width:80%;padding:12px 20px;position:fixed;transform:translateX(-50%);z-index:1001}.transcript-preview-content{display:flex;flex-direction:column;gap:4px;text-align:center}.transcript-preview-label{font-size:12px;font-weight:500;opacity:.8}.transcript-preview-text{font-size:14px;font-weight:400;line-height:1.4}@keyframes fadeInUp{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.transcript-preview{bottom:120px;max-width:90%;padding:10px 16px}.transcript-preview-text{font-size:13px}}@media (max-width:480px){.transcript-preview{bottom:110px;max-width:95%;padding:8px 12px}.transcript-preview-label{font-size:11px}.transcript-preview-text{font-size:12px}}.feedback-container{background:var(--background-secondary);border-radius:8px;margin-top:1rem;overflow:hidden}.feedback-summary{background:var(--background-tertiary);border-bottom:1px solid var(--border-color);padding:1rem}.feedback-summary h4{color:#212529;color:var(--text-primary);margin:0 0 .5rem}.feedback-section{border-bottom:1px solid var(--border-color)}.section-header{background:var(--background-tertiary);cursor:pointer;padding:.75rem 1rem;transition:background-color .2s}.section-header:hover{background:var(--background-hover)}.section-header svg{color:#6c757d;color:var(--text-secondary);margin-right:.5rem}.section-header h4{color:#212529;color:var(--text-primary);font-size:.9rem;margin:0}.section-content{background:var(--background-secondary);padding:1rem}.suggestion-item{align-items:center;background:var(--background-tertiary);border-radius:4px;display:flex;margin-bottom:.5rem;padding:.5rem}.suggestion-item .original{color:var(--text-error);text-decoration:line-through}.suggestion-item .arrow{color:#6c757d;color:var(--text-secondary);margin:0 .5rem}.suggestion-item .suggestion{color:var(--text-success);font-weight:500}.concept-item{background:var(--background-tertiary);border-radius:4px;margin-bottom:1rem;padding:1rem}.concept-type{color:#212529;color:var(--text-primary);font-weight:600;margin-bottom:.5rem}.concept-example{background:var(--background-primary);border-radius:4px;margin:.5rem 0;padding:.5rem}.example-scenario{color:#6c757d;color:var(--text-secondary);font-style:italic;margin-bottom:.25rem}.example-better{color:var(--text-success)}.concept-suggestion{background:var(--background-primary);border-radius:4px;color:#212529;color:var(--text-primary);font-style:italic;margin-top:.5rem;padding:.5rem}.detailed-feedback .section-content{line-height:1.5;white-space:pre-wrap}.feedback-section{transition:all .3s ease-in-out}.section-content{transition:max-height .3s ease-in-out}@media (max-width:768px){.feedback-container{margin:.5rem 0}.section-content,.section-header{padding:.5rem}.concept-item{padding:.75rem}}@media (prefers-color-scheme:dark){.feedback-container{background:var(--dark-background-secondary)}.section-header{background:var(--dark-background-tertiary)}.concept-example,.concept-item,.suggestion-item{background:var(--dark-background-primary)}}.speech-coach-item{align-items:flex-start;background:#f8f9fa;background:var(--bg-secondary);border:1px solid #dee2e6;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:16px;gap:var(--space-md);margin-bottom:24px;margin-bottom:var(--space-lg);max-width:600px;padding:16px 24px;padding:var(--space-md) var(--space-lg);width:100%}.speech-coach-item .message-avatar{align-items:center;background:#e9ecef;background:var(--bg-tertiary);border-radius:50%;border-radius:var(--radius-full);display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:16px;margin-right:var(--space-md);width:40px}.speech-coach-item .avatar-icon{display:block;font-size:1.5rem}.speech-coach-item .message-content{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--space-xs)}@media (max-width:768px){.speech-coach-item{margin-bottom:16px;margin-bottom:var(--space-md);max-width:100%;padding:8px 16px;padding:var(--space-sm) var(--space-md)}.speech-coach-item .message-avatar{height:32px;margin-right:8px;margin-right:var(--space-sm);width:32px}.speech-coach-item .avatar-icon{font-size:1.1rem}}.speech-coach-input{margin:0;max-width:none}.speech-coach-input .input-container{background-color:#f8f9fa;background-color:var(--bg-secondary,#fff);border-radius:12px;box-shadow:0 2px 8px #0000001a}.speech-coach-input .mic-button{background-color:#3b82f6;background-color:var(--accent-primary,#3b82f6);color:#fff}.speech-coach-input .mic-button:hover:not(:disabled){background-color:#2563eb;background-color:var(--accent-dark,#2563eb)}.speech-coach-input .mic-button.recording{background-color:#10b981;background-color:var(--accent-secondary,#10b981)}@media (max-width:768px){.speech-coach-input .input-container{border-radius:8px}}.message-bubble{animation:messageSlideIn .3s ease-out;display:flex;margin:16px 0;margin:var(--space-md) 0;max-width:100%}.message-bubble.user{flex-direction:row-reverse;justify-content:flex-start}.message-bubble.assistant{flex-direction:row;justify-content:flex-start}.message-bubble .message-avatar{align-items:center;background:#f8f9fa;background:var(--bg-secondary);border:2px solid #dee2e6;border:2px solid var(--border-primary);border-radius:50%;border-radius:var(--radius-full);display:flex;flex-shrink:0;height:40px;justify-content:center;margin:0 8px;margin:0 var(--space-sm);position:relative;width:40px;z-index:1}.message-bubble.user .message-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 8px #667eea4d}.message-bubble.assistant .message-avatar{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f093fb;box-shadow:0 2px 8px #f093fb4d}.message-bubble .avatar-icon{color:#fff;font-family:Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,Android Emoji,EmojiSymbols,EmojiOne Mozilla,Twemoji Mozilla,Segoe UI Symbol,Arial,sans-serif;font-size:18px;font-weight:700;text-shadow:0 1px 2px #0003}.message-bubble .avatar-icon:empty:before{content:attr(aria-label);font-size:12px;font-weight:400;letter-spacing:.5px;text-transform:uppercase}.message-content{display:flex;flex-direction:column;max-width:75%;position:relative}.message-bubble.user .message-content{align-items:flex-end}.message-bubble.assistant .message-content{align-items:flex-start}.message-content p{word-wrap:break-word;animation:fadeInUp .3s ease-out;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);font-size:16px;font-size:var(--font-size-base);line-height:1.5;margin:0;padding:16px 24px;padding:var(--space-md) var(--space-lg);position:relative}.message-bubble.user .message-content p{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;border-bottom-right-radius:var(--radius-sm);color:#fff;margin-right:8px;margin-right:var(--space-sm)}.message-bubble.assistant .message-content p{background:#fff;background:var(--bg-elevated);border:1px solid #e9ecef;border:1px solid var(--border-secondary);border-bottom-left-radius:4px;border-bottom-left-radius:var(--radius-sm);color:#212529;color:var(--text-primary);margin-left:8px;margin-left:var(--space-sm)}.message-timestamp{color:#adb5bd;color:var(--text-muted);font-size:12px;font-size:var(--font-size-xs);margin-top:4px;margin-top:var(--space-xs);padding:0 8px;padding:0 var(--space-sm)}.message-bubble.user .message-timestamp{margin-right:8px;margin-right:var(--space-sm);text-align:right}.message-bubble.assistant .message-timestamp{margin-left:8px;margin-left:var(--space-sm);text-align:left}.correction{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;border-radius:var(--radius-md);font-size:14px;font-size:var(--font-size-sm);margin-top:8px;margin-top:var(--space-sm);padding:8px 16px;padding:var(--space-sm) var(--space-md)}.message-bubble.user .correction{background:#ffffff1a;border-color:#fff3;color:#fff}.coach-controls{display:flex;flex-wrap:wrap;gap:4px;gap:var(--space-xs);margin-top:8px;margin-top:var(--space-sm)}.suggestion-btn{background:#007bff;background:var(--primary-color);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:14px;font-size:var(--font-size-sm);padding:4px 8px;padding:var(--space-xs) var(--space-sm);transition:all .2s ease;white-space:nowrap}.suggestion-btn:hover{background:#0056b3;background:var(--primary-hover);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.network-status{align-items:center;background:#fff;background:var(--bg-elevated);border:1px solid #dee2e6;border:1px solid var(--border-primary);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);display:flex;font-size:14px;font-size:var(--font-size-sm);gap:8px;padding:8px 12px;position:fixed;right:16px;top:16px;z-index:1002}.network-status.offline{background:#dc3545;background:var(--error-color);color:#fff}.network-status.online{background:#28a745;background:var(--success-color);color:#fff}.network-status.progress-visible{right:296px;right:calc(var(--progress-panel-width) + 16px)}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:8px;width:8px}.status-dot.online{background:#28a745}.status-dot.offline{background:#dc3545}@media (max-width:768px){.message-content{max-width:85%}.message-bubble .message-avatar{height:32px;width:32px}.message-bubble .avatar-icon{font-size:14px}.message-content p{font-size:14px;font-size:var(--font-size-sm);padding:8px 16px;padding:var(--space-sm) var(--space-md)}}@media (max-width:480px){.message-content{max-width:90%}.message-bubble{margin:8px 0;margin:var(--space-sm) 0}.message-bubble .message-avatar{height:28px;margin:0 4px;margin:0 var(--space-xs);width:28px}.message-bubble .avatar-icon{font-size:12px}}@media (max-width:768px){.action-button.progress{bottom:90px!important;font-size:12px!important;padding:6px 10px!important;right:12px!important}.progress-panel{background:#fff;background:var(--bg-elevated);border-radius:12px;border-radius:var(--radius-lg);bottom:auto;box-shadow:0 8px 24px #00000026;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;left:50%;margin:0;max-height:70vh;max-width:350px;overflow:hidden;position:fixed;right:auto;top:50%;transform:translate(-50%,-50%);width:85vw;z-index:2000}}@media (max-width:480px){.action-button.progress{bottom:80px!important;font-size:11px!important;padding:4px 8px!important;right:8px!important}.progress-panel{background:#fff;background:var(--bg-elevated);border-radius:12px;border-radius:var(--radius-lg);bottom:auto;box-shadow:0 8px 24px #00000026;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;left:50%;margin:0;max-height:60vh;max-width:300px;overflow:hidden;position:fixed;right:auto;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:2000}.progress-stats{gap:12px;grid-template-columns:1fr;padding:12px}}.progress-panel{background:#fff;background:var(--bg-elevated);border:1px solid #dee2e6;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);bottom:116px;bottom:calc(var(--input-area-height, 100px) + 16px);box-shadow:0 8px 24px #00000026;box-shadow:var(--shadow-lg);max-height:400px;overflow-y:auto;position:fixed;right:16px;transition:all .3s ease;width:320px;z-index:999}.progress-panel-header{align-items:center;background:#fff;background:var(--bg-primary);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-primary);border-radius:12px 12px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;justify-content:space-between;padding:16px}.progress-panel-header h3{align-items:center;color:#212529;color:var(--text-primary);display:flex;font-size:18px;font-size:var(--font-size-lg);font-weight:600;gap:8px;margin:0}.progress-panel-close{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#adb5bd;color:var(--text-muted);cursor:pointer;padding:4px;transition:all .2s ease}.progress-panel-close:hover{background:#e9ecef;background:var(--bg-tertiary);color:#212529;color:var(--text-primary)}.progress-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);padding:16px}.progress-stat{background:#fff;background:var(--bg-primary);border:1px solid #e9ecef;border:1px solid var(--border-secondary);border-radius:8px;border-radius:var(--radius-md);padding:12px;text-align:center}.progress-stat-value{color:#007bff;color:var(--primary-color);font-size:20px;font-size:var(--font-size-xl);font-weight:700;margin-bottom:4px}.progress-stat-label{color:#6c757d;color:var(--text-secondary);font-size:14px;font-size:var(--font-size-sm);text-transform:capitalize}.scroll-to-bottom-btn{align-items:center;background:#007bff;background:var(--primary-color);border:none;border-radius:50%;bottom:96px;box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:fixed;right:16px;transition:all .3s ease;width:48px;z-index:1001}.scroll-to-bottom-btn:hover{background:#0056b3;background:var(--primary-hover);box-shadow:0 8px 24px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.scroll-to-bottom-btn.progress-visible{right:352px}._error-banner{animation:slideDown .3s ease;background:#e74c3c;background:var(--chat-error);border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--chat-border);gap:12px;justify-content:space-between;padding:12px 16px}._error-banner,._error-banner button{align-items:center;color:#fff;display:flex}._error-banner button{background:none;border:none;border-radius:50%;cursor:pointer;font-size:18px;height:24px;justify-content:center;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:24px}._error-banner button:hover{background:#ffffff1a}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.page-loader{align-items:center;background:var(--bg-primary);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal)}.page-loader__content{max-width:400px;padding:var(--spacing-6);text-align:center}.page-loader__title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:var(--spacing-4) 0 var(--spacing-2)}.page-loader__subtitle{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.skeleton-loader{animation:skeleton-pulse 1.5s ease-in-out infinite;display:flex;gap:var(--spacing-4);padding:var(--spacing-4)}.skeleton-loader__avatar{flex-shrink:0}.skeleton-loader__circle{background:var(--bg-tertiary);border-radius:var(--radius-full);height:48px;width:48px}.skeleton-loader__content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-2)}.skeleton-loader__line{background:var(--bg-tertiary);border-radius:var(--radius-sm);height:16px}.skeleton-loader__line--full{width:100%}.skeleton-loader__line--short{width:70%}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.7}}.card-skeleton-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:var(--spacing-6)}.card-skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite;background:var(--bg-secondary);border-radius:var(--radius-xl);overflow:hidden}.card-skeleton__image{background:var(--bg-tertiary);height:160px}.card-skeleton__content{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-4)}.card-skeleton__title{height:20px;width:80%}.card-skeleton__subtitle,.card-skeleton__title{background:var(--bg-tertiary);border-radius:var(--radius-sm)}.card-skeleton__subtitle{height:16px;width:60%}.inline-spinner{align-items:center;display:inline-flex;justify-content:center}.inline-spinner--sm{height:16px;width:16px}.inline-spinner--md{height:24px;width:24px}.inline-spinner--lg{height:32px;width:32px}.inline-spinner__circle{animation:spin 1s linear infinite;border-top:2px solid var(--bg-tertiary);border:2px solid var(--bg-tertiary);border-radius:var(--radius-full);border-top-color:var(--accent-primary);height:100%;width:100%}.btn-loader{position:relative;transition:var(--transition-normal)}.btn-loader--loading{opacity:.8;pointer-events:none}.btn-loader--loading .inline-spinner{margin-right:var(--spacing-2)}.progress-loader{padding:var(--spacing-4);text-align:center}.progress-loader__content{margin:0 auto;max-width:400px}.progress-loader__message{color:var(--text-secondary);font-size:var(--font-size-base);margin:0 0 var(--spacing-4)}.progress-loader__bar{background:var(--bg-tertiary);border-radius:var(--radius-lg);height:8px;margin-bottom:var(--spacing-2);overflow:hidden}.progress-loader__fill{animation:progress-shimmer 2s linear infinite;background:var(--accent-gradient);border-radius:var(--radius-lg);height:100%;transition:width var(--transition-slow)}.progress-loader__percentage{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.chat-loader{align-items:flex-start;display:flex;gap:var(--spacing-3);max-width:400px;padding:var(--spacing-4)}.chat-loader__avatar{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-full);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.chat-loader__bot-icon{font-size:20px}.chat-loader__content{background:var(--bg-secondary);border-radius:var(--radius-xl);flex:1 1;padding:var(--spacing-3) var(--spacing-4)}.chat-loader__message{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-2)}.chat-loader__dots{display:flex;gap:var(--spacing-1)}.chat-loader__dot{animation:chat-dot-bounce 1.4s ease-in-out infinite both;background:var(--accent-primary);border-radius:var(--radius-full);height:8px;width:8px}@keyframes chat-dot-bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.data-loader-empty,.data-loader-error{color:var(--text-secondary);padding:var(--spacing-8);text-align:center}.data-loader-empty__icon,.data-loader-error__icon{font-size:3rem;margin-bottom:var(--spacing-4);opacity:.7}.data-loader-empty__message,.data-loader-error__message{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-4)}.data-loader-error__retry{background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-4);transition:var(--transition-normal)}.data-loader-error__retry:hover{background:var(--accent-hover);transform:translateY(-1px)}.search-loader{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);opacity:0;padding:var(--spacing-2) var(--spacing-4);transform:translateY(-10px);transition:var(--transition-normal)}.search-loader--active{opacity:1;transform:translateY(0)}@media (max-width:768px){.card-skeleton-grid,.page-loader__content{padding:var(--spacing-4)}.card-skeleton-grid{gap:var(--spacing-4);grid-template-columns:1fr}.progress-loader__content{padding:0 var(--spacing-2)}}@media (max-width:480px){.page-loader__title{font-size:var(--font-size-lg)}.skeleton-loader{gap:var(--spacing-3);padding:var(--spacing-3)}.skeleton-loader__circle{height:40px;width:40px}.card-skeleton__image{height:120px}}.reading-passage{background-color:#fff;background-color:var(--bg-primary,#fff);flex-direction:column;height:100vh;position:relative}.reading-passage,.reading-passage>div{display:flex;overflow:hidden;width:100%}.reading-passage>div{flex:1 1;flex-direction:column;height:100%;margin:0;max-width:100%;padding:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes progress-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.btn{align-items:center;border:none;border-radius:0;cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500;font-weight:var(--font-weight-medium,500);gap:.5rem;gap:var(--spacing-xs,.5rem);padding:.75rem 1rem;padding:var(--spacing-sm,.75rem) var(--spacing-md,1rem);text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:var(--accent-primary);color:#fff;color:var(--text-inverted,#fff)}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn-secondary{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-quaternary);border-color:var(--accent-primary)}.btn-large{font-size:1rem;font-size:var(--font-size-base,1rem);padding:1rem 1.5rem;padding:var(--spacing-md,1rem) var(--spacing-lg,1.5rem)}.back-button{align-items:center;background:none;border:none;border-radius:0;color:var(--text-secondary);cursor:pointer;display:flex;gap:.5rem;gap:var(--spacing-xs,.5rem);padding:.75rem;padding:var(--spacing-sm,.75rem);transition:all .2s ease}.back-button:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.create-btn{gap:.5rem;gap:var(--spacing-xs,.5rem)}.generate-btn{align-items:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));border-radius:0;display:flex;font-size:var(--font-size-base,1rem);font-weight:var(--font-weight-semibold,600);gap:.75rem;gap:var(--spacing-sm,.75rem);justify-content:center;overflow:hidden;padding:1.5rem;padding:var(--spacing-lg,1.5rem);position:relative;width:100%}.generate-btn:hover:not(:disabled){box-shadow:0 8px 25px #3b82f64d}.generate-btn:disabled{box-shadow:none;opacity:.7}.generate-btn .spin{animation:spin 1s linear infinite}.loading-state{padding:3rem 1.5rem;padding:var(--spacing-3xl,3rem) var(--spacing-lg,1.5rem)}.loading-state .spin{color:var(--accent-primary)}.loading-state h3{margin:0 0 .75rem;margin:0 0 var(--spacing-sm,.75rem) 0}.friendly-error-state{align-items:center;background-color:var(--bg-secondary);border-radius:0;display:flex;flex-direction:column;justify-content:center;margin:2rem auto;margin:var(--spacing-xl,2rem) auto;max-width:600px;min-height:500px;padding:3rem;padding:var(--spacing-3xl,3rem);text-align:center}.error-illustration{margin-bottom:2rem;margin-bottom:var(--spacing-xl,2rem);position:relative}.error-icon-wrapper{position:relative;z-index:2}.error-icon-wrapper .error-icon{color:#dc3545;color:var(--error-color,#dc3545);opacity:.8}.error-decorations{position:absolute;right:-10px;top:-10px;z-index:3}.error-emoji{animation:float 2s ease-in-out infinite;font-size:1.5rem}.error-content h2{color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl,1.25rem);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0 0 1rem;margin:0 0 var(--spacing-md,1rem) 0}.error-content .error-message{color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-base,1rem);line-height:1.6;margin:0 0 2rem;margin:0 0 var(--spacing-xl,2rem) 0;max-width:400px}.error-help{background-color:var(--bg-primary);border-radius:0;margin-bottom:2rem;margin-bottom:var(--spacing-xl,2rem);max-width:400px;padding:1.5rem;padding:var(--spacing-lg,1.5rem);text-align:left;width:100%}.error-help h4{color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;font-weight:var(--font-weight-semibold,600);letter-spacing:.5px;margin:0 0 1rem;margin:0 0 var(--spacing-md,1rem) 0;text-transform:uppercase}.error-suggestions{list-style:none;margin:0;padding-left:1.5rem;padding-left:var(--spacing-lg,1.5rem)}.error-suggestions li{color:var(--text-secondary);line-height:1.5;margin-bottom:.75rem;margin-bottom:var(--spacing-sm,.75rem);padding-left:1rem;padding-left:var(--spacing-md,1rem);position:relative}.error-suggestions li:before{color:var(--accent-primary);content:"•";font-weight:700;left:0;position:absolute}.error-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md,1rem);justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg,1.5rem)}.technical-details{margin-top:1.5rem;margin-top:var(--spacing-lg,1.5rem);max-width:500px;text-align:left;width:100%}.technical-details summary{background-color:var(--bg-primary);border-radius:0;color:var(--text-muted);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm,.875rem);padding:.75rem;padding:var(--spacing-sm,.75rem)}.technical-details summary:hover{background-color:var(--bg-tertiary)}.error-code{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:0;color:var(--text-muted);display:block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;font-size:var(--font-size-xs,.75rem);margin-top:.75rem;margin-top:var(--spacing-sm,.75rem);padding:1rem;padding:var(--spacing-md,1rem);white-space:pre-wrap;word-break:break-all}.generation-loading{align-items:center;background-color:var(--bg-secondary);border-radius:0;display:flex;flex-direction:column;justify-content:center;min-height:500px;padding:3rem;padding:var(--spacing-3xl,3rem);text-align:center}.loading-animation{margin-bottom:2rem;margin-bottom:var(--spacing-xl,2rem)}.loading-animation .spin{animation:spin 1.5s linear infinite;color:var(--accent-primary)}.generation-loading h3{color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl,1.25rem);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0 0 .75rem;margin:0 0 var(--spacing-sm,.75rem) 0}.generation-loading>p{color:var(--text-secondary);margin:0 0 2rem;margin:0 0 var(--spacing-xl,2rem) 0;max-width:400px}.loading-details{background-color:var(--bg-primary);border-radius:0;margin-bottom:2rem;margin-bottom:var(--spacing-xl,2rem);min-width:300px;padding:1.5rem;padding:var(--spacing-lg,1.5rem)}.detail-item{border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--spacing-sm,.75rem);padding-bottom:.75rem;padding-bottom:var(--spacing-sm,.75rem)}.detail-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-label{color:var(--text-secondary);font-weight:500;font-weight:var(--font-weight-medium,500)}.detail-value{color:var(--text-primary);font-weight:600;font-weight:var(--font-weight-semibold,600)}.loading-progress{max-width:400px;width:100%}.progress-bar-animated{background-color:var(--bg-tertiary);border-radius:0;height:8px;margin-bottom:.75rem;margin-bottom:var(--spacing-sm,.75rem);overflow:hidden;width:100%}.progress-fill-animated{animation:progress-shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,var(--accent-primary),var(--accent-hover),var(--accent-primary));background-size:200% 100%;height:100%;width:100%}.progress-text{color:var(--text-muted);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-style:italic}.article-loading{align-items:center;background-color:var(--bg-secondary);border-radius:0;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem;padding:var(--spacing-3xl,3rem);text-align:center}.article-loading .loading-animation{margin-bottom:2rem;margin-bottom:var(--spacing-xl,2rem)}.article-loading .spin{color:var(--accent-primary)}.article-loading h3{color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl,1.25rem);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0 0 .75rem;margin:0 0 var(--spacing-sm,.75rem) 0}.article-loading p{color:var(--text-secondary);margin:0 0 2rem;margin:0 0 var(--spacing-xl,2rem) 0}.loading-shimmer{max-width:400px;width:100%}.shimmer-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-tertiary) 25%,#e9ecef 50%,var(--bg-tertiary) 75%);background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-quaternary,#e9ecef) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:0;height:12px;margin-bottom:.75rem;margin-bottom:var(--spacing-sm,.75rem)}.shimmer-line.short{width:60%}.article-error{align-items:center;background-color:var(--bg-secondary);border:2px solid #dc35451a;border-radius:0;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem;padding:var(--spacing-3xl,3rem);text-align:center}.error-animation{margin-bottom:2rem;margin-bottom:var(--spacing-xl,2rem)}.error-animation .error-icon{color:#dc3545;color:var(--error-color,#dc3545)}.article-error h3{color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl,1.25rem);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0 0 1rem;margin:0 0 var(--spacing-md,1rem) 0}.article-error .error-message{color:#dc3545;color:var(--error-color,#dc3545);font-weight:500;font-weight:var(--font-weight-medium,500);margin:0 0 2rem;margin:0 0 var(--spacing-xl,2rem) 0;max-width:500px}.article-empty{align-items:center;background-color:var(--bg-secondary);border:2px dashed var(--border-secondary);border-radius:0;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem;padding:var(--spacing-3xl,3rem);text-align:center}.empty-animation{color:var(--text-muted);margin-bottom:2rem;margin-bottom:var(--spacing-xl,2rem);opacity:.7}.article-empty h3{color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl,1.25rem);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0 0 1rem;margin:0 0 var(--spacing-md,1rem) 0}.article-empty p{color:var(--text-secondary);line-height:1.6;margin:0 0 2rem;margin:0 0 var(--spacing-xl,2rem) 0;max-width:400px}.article-list-container{display:flex;flex-direction:column;gap:0;height:100%;margin:0;max-width:100%;overflow:hidden;padding:1.5rem;padding:var(--spacing-lg,1.5rem);width:100%}.list-header{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border-primary,#e9ecef);border-radius:0;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm,0 2px 4px #0000001a);flex-shrink:0;margin-bottom:1rem;margin-bottom:var(--spacing-md,1rem);padding:2rem;padding:var(--spacing-xl,2rem)}.header-content{align-items:center;display:flex;gap:1.5rem;gap:var(--spacing-lg,1.5rem);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg,1.5rem)}.header-info{flex:1 1}.list-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.875rem;font-size:var(--font-size-2xl,1.875rem);font-weight:700;font-weight:var(--font-weight-bold,700);gap:1rem;gap:var(--spacing-md,1rem);margin:0 0 .75rem;margin:0 0 var(--spacing-sm,.75rem) 0}.list-subtitle{color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-base,1rem);line-height:1.5;margin:0}.create-btn{font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:600;font-weight:var(--font-weight-semibold,600);justify-content:center;min-width:160px;padding:1rem 1.5rem;padding:var(--spacing-md,1rem) var(--spacing-lg,1.5rem);white-space:nowrap}.create-btn,.usage-display{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-sm,.75rem)}.usage-display{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e9ecef;border:1px solid var(--border-primary,#e9ecef);border-radius:0;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm,.875rem);padding:1rem;padding:var(--spacing-md,1rem)}.usage-display .remaining{color:#007bff;color:var(--accent-primary,#007bff);font-weight:500;font-weight:var(--font-weight-medium,500)}.articles-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg,1.5rem);align-items:start;display:grid;gap:1.5rem;gap:var(--spacing-lg,1.5rem);grid-auto-rows:auto;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-items:stretch;max-height:80vh;max-width:100%;overflow-y:auto;padding:.5rem;padding:var(--spacing-sm,.5rem);scrollbar-color:#007bff #f8f9fa;scrollbar-color:var(--accent-primary,#007bff) var(--bg-secondary,#f8f9fa);scrollbar-width:thin;width:100%}.articles-grid::-webkit-scrollbar{width:8px}.articles-grid::-webkit-scrollbar-track{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-radius:0}.articles-grid::-webkit-scrollbar-thumb{background:#007bff;background:var(--accent-primary,#007bff);border-radius:0}.articles-grid::-webkit-scrollbar-thumb:hover{background:#0056b3;background:var(--accent-hover,#0056b3)}@media (min-width:1920px){.articles-grid{gap:2rem;gap:var(--spacing-xl,2rem);grid-template-columns:repeat(4,1fr)}}@media (min-width:1600px) and (max-width:1919px){.articles-grid{gap:1.5rem;gap:var(--spacing-lg,1.5rem);grid-template-columns:repeat(3,1fr)}}@media (min-width:1400px) and (max-width:1599px){.articles-grid{gap:1.5rem;gap:var(--spacing-lg,1.5rem);grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px) and (max-width:1399px){.articles-grid{gap:1rem;gap:var(--spacing-md,1rem);grid-template-columns:repeat(2,1fr)}}@media (min-width:992px) and (max-width:1199px){.articles-grid{gap:1rem;gap:var(--spacing-md,1rem);grid-template-columns:repeat(2,1fr)}}@media (min-width:768px) and (max-width:991px){.articles-grid{gap:1rem;gap:var(--spacing-md,1rem);grid-template-columns:repeat(2,1fr)}}@media (min-width:576px) and (max-width:767px){.articles-grid{gap:.75rem;gap:var(--spacing-sm,.75rem);grid-template-columns:1fr}}@media (max-width:575px){.articles-grid{gap:.75rem;gap:var(--spacing-sm,.75rem);grid-template-columns:1fr}}.article-card{background:#fff;background:var(--bg-primary,#fff);border:2px solid #e9ecef;border:2px solid var(--border-primary,#e9ecef);border-radius:0;cursor:pointer;display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md,1rem);min-height:200px;overflow:hidden;padding:1.5rem;padding:var(--spacing-lg,1.5rem);position:relative;transition:all .3s ease}.article-card:before{background:linear-gradient(90deg,#007bff,#00bfa5);background:linear-gradient(90deg,var(--accent-primary,#007bff),var(--accent-secondary,#00bfa5));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.article-card:hover{border-color:#007bff;border-color:var(--accent-primary,#007bff);box-shadow:0 8px 24px #00000026;box-shadow:var(--shadow-lg,0 8px 24px #00000026);transform:translateY(-4px)}.article-card:hover:before{opacity:1}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--spacing-sm,.75rem)}.article-number{background:#007bff;background:var(--accent-primary,#007bff);border-radius:0;color:#fff;color:var(--text-inverted,#fff);font-weight:600;font-weight:var(--font-weight-semibold,600);padding:.25rem .75rem;padding:var(--spacing-xs,.25rem) var(--spacing-sm,.75rem)}.article-date,.article-number{font-size:.875rem;font-size:var(--font-size-sm,.875rem)}.article-date{color:var(--text-secondary)}.article-title{font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);font-weight:600;font-weight:var(--font-weight-semibold,600);line-height:1.4}.article-meta{flex-wrap:wrap;gap:.75rem;gap:var(--spacing-sm,.75rem);margin-top:auto}.category-tag,.difficulty-tag{border-radius:0;font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:500;font-weight:var(--font-weight-medium,500);padding:.25rem .75rem;padding:var(--spacing-xs,.25rem) var(--spacing-sm,.75rem);text-transform:capitalize}.category-tag{background:#e9ecef;background:var(--bg-tertiary,#e9ecef);color:var(--text-primary)}.difficulty-tag{color:#fff;color:var(--text-inverted,#fff)}.difficulty-tag.easy{background:#28a745;background:var(--success-color,#28a745)}.difficulty-tag.medium{background:#ffc107;background:var(--warning-color,#ffc107);color:#000;color:var(--text-primary,#000)}.difficulty-tag.hard{background:#dc3545;background:var(--error-color,#dc3545)}.empty-articles{align-items:center;background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:2px dashed #007bff;border:2px dashed var(--accent-primary,#007bff);border-radius:0;display:flex;flex:1 1;flex-direction:column;margin:1rem 0;margin:var(--spacing-md,1rem) 0;min-height:0;padding:3rem 1.5rem;padding:var(--spacing-2xl,3rem) var(--spacing-lg,1.5rem);text-align:center}.empty-icon{color:var(--text-secondary);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg,1.5rem)}.empty-articles h3{color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl,1.25rem);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0 0 1rem;margin:0 0 var(--spacing-md,1rem) 0}.empty-articles>p{color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-base,1rem);line-height:1.6;margin:0 0 2rem;margin:0 0 var(--spacing-xl,2rem) 0;max-width:500px}@media (max-width:768px){.empty-articles{padding:1rem .75rem;padding:var(--spacing-md,1rem) var(--spacing-sm,.75rem)}.empty-articles h3{font-size:1rem;font-size:var(--font-size-base,1rem);margin-bottom:.5rem;margin-bottom:var(--spacing-xs,.5rem)}.empty-articles>p{font-size:.75rem;font-size:var(--font-size-xs,.75rem);line-height:1.3;margin:0 0 .75rem;margin:0 0 var(--spacing-sm,.75rem) 0;max-width:100%}.empty-features{gap:.5rem;gap:var(--spacing-xs,.5rem);grid-template-columns:1fr}.empty-features .feature-item{font-size:.65rem;min-height:auto;padding:.5rem;padding:var(--spacing-xs,.5rem)}}@media (max-width:480px){.empty-articles{padding:.75rem .5rem;padding:var(--spacing-sm,.75rem) var(--spacing-xs,.5rem)}.empty-articles h3{font-size:.9rem;margin-bottom:.5rem;margin-bottom:var(--spacing-xs,.5rem)}.empty-articles>p{font-size:.65rem;line-height:1.2;margin:0 0 .75rem;margin:0 0 var(--spacing-sm,.75rem) 0}.empty-features .feature-item{font-size:.6rem;padding:.5rem;padding:var(--spacing-xs,.5rem)}}@media (max-width:360px){.empty-articles{padding:.5rem;padding:var(--spacing-xs,.5rem)}.empty-articles h3{font-size:.8rem;margin-bottom:.25rem}.empty-articles>p{font-size:.6rem;line-height:1.1;margin:0 0 .5rem;margin:0 0 var(--spacing-xs,.5rem) 0}.empty-features .feature-item{font-size:.55rem;padding:.25rem}}.empty-features{grid-gap:1.5rem;grid-gap:var(--spacing-lg,1.5rem);display:grid;gap:1.5rem;gap:var(--spacing-lg,1.5rem);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;margin-bottom:var(--spacing-xl,2rem);max-width:600px;width:100%}.feature-item{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e9ecef;border:1px solid var(--border-primary,#e9ecef);border-radius:0;color:var(--text-primary);display:flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);gap:.75rem;gap:var(--spacing-sm,.75rem);padding:1rem;padding:var(--spacing-md,1rem)}.feature-icon{font-size:1.125rem;font-size:var(--font-size-lg,1.125rem)}.loading-state{align-items:center;background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-radius:0;display:flex;flex-direction:column;justify-content:center;margin:2rem 0;margin:var(--spacing-xl,2rem) 0;padding:4rem 2rem;padding:var(--spacing-3xl,4rem) var(--spacing-xl,2rem);text-align:center}.loading-state .spin{animation:spin 1s linear infinite;color:#007bff;color:var(--accent-primary,#007bff);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg,1.5rem)}.loading-state h3{color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl,1.25rem);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0 0 1rem;margin:0 0 var(--spacing-md,1rem) 0}.loading-state p{color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-base,1rem);line-height:1.6;margin:0}.creation-container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin:0;max-width:100%;overflow:hidden;padding:1rem;padding:var(--spacing-md,1rem);width:100%}.creation-header{align-items:center;background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-radius:0;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm,0 2px 4px #0000001a);display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl,2rem);padding:1.5rem;padding:var(--spacing-lg,1.5rem)}.creation-header h2{color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-xl,1.5rem);font-weight:700;font-weight:var(--font-weight-bold,700);margin:0}.wizard-container{box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md,0 4px 12px #0000001a);flex:1 1;gap:.75rem;gap:var(--spacing-sm,.75rem);height:100%;max-height:calc(100vh - 120px);min-height:0;min-height:500px;overflow:visible;padding:.75rem;padding:var(--spacing-sm,.75rem)}.wizard-container,.wizard-step{background:#fff;background:var(--bg-primary,#fff);border-radius:0;box-sizing:border-box;display:flex;flex-direction:column;margin:0;max-width:100%;width:100%}.wizard-step{box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm,0 1px 3px #0000001a);flex:1 1;gap:1.5rem;gap:var(--spacing-lg,1.5rem);max-height:400px;max-height:350px;min-height:300px;overflow-x:hidden;overflow-y:visible;overflow-y:auto;padding:1.5rem;padding:var(--spacing-lg,1.5rem)}.wizard-step h3{color:var(--text-primary);font-size:1.875rem;font-size:var(--font-size-2xl,1.875rem);font-weight:700;font-weight:var(--font-weight-bold,700);margin:0 0 1rem;margin:0 0 var(--spacing-md,1rem) 0;text-align:center}.step-description{margin:0 0 2rem;margin:0 0 var(--spacing-xl,2rem) 0}.age-difficulty-container{grid-gap:3rem;grid-gap:var(--spacing-2xl,3rem);align-content:start;align-items:start;display:grid;gap:3rem;gap:var(--spacing-2xl,3rem);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;width:100%}.age-selection,.difficulty-selection{align-items:flex-start;display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg,1.5rem)}.age-selection label,.difficulty-selection label{color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);font-weight:600;font-weight:var(--font-weight-semibold,600);margin-bottom:1rem;margin-bottom:var(--spacing-md,1rem);text-align:center}.age-grid{grid-gap:1rem;grid-gap:var(--spacing-md,1rem);display:grid;gap:1rem;gap:var(--spacing-md,1rem);grid-template-columns:1fr;width:100%}.age-button{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:2px solid #e9ecef;border:2px solid var(--border-primary,#e9ecef);border-radius:16px;border-radius:var(--border-radius-xl,16px);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm,0 2px 4px #0000000d);cursor:pointer;display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-sm,.75rem);overflow:hidden;padding:1.5rem;padding:var(--spacing-lg,1.5rem);position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.age-button:before{background:linear-gradient(135deg,#007bff,#6c5ce7);background:linear-gradient(135deg,var(--accent-primary,#007bff) 0,var(--accent-secondary,#6c5ce7) 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:0}.age-button:hover{border-color:#007bff;border-color:var(--accent-primary,#007bff);box-shadow:0 8px 25px #00000026;box-shadow:var(--shadow-lg,0 8px 25px #00000026);transform:translateY(-4px)}.age-button:hover:before{opacity:.05}.age-button.selected{border-color:#007bff;border-color:var(--accent-primary,#007bff);border-width:3px;box-shadow:0 8px 24px #007bff4d;box-shadow:var(--shadow-lg,0 8px 24px #007bff4d)}.age-button.selected .age-label{color:#007bff;color:var(--accent-primary,#007bff);font-weight:700;font-weight:var(--font-weight-bold,700)}.age-button.selected .age-icon{transform:scale(1.1)}.age-icon{font-size:1.875rem;font-size:var(--font-size-2xl,1.875rem)}.age-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--spacing-xs,.25rem);position:relative;z-index:1}.age-label{font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);font-weight:600;font-weight:var(--font-weight-semibold,600)}.age-desc{font-size:.875rem;font-size:var(--font-size-sm,.875rem);line-height:1.4;opacity:.8}.difficulty-grid{grid-gap:1rem;grid-gap:var(--spacing-md,1rem);display:grid;gap:1rem;gap:var(--spacing-md,1rem);grid-template-columns:1fr;width:100%}.difficulty-button{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:2px solid #e9ecef;border:2px solid var(--border-primary,#e9ecef);border-radius:16px;border-radius:var(--border-radius-xl,16px);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm,0 2px 4px #0000000d);cursor:pointer;display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-sm,.75rem);overflow:hidden;padding:1.5rem;padding:var(--spacing-lg,1.5rem);position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.difficulty-button:before{background:linear-gradient(135deg,#007bff,#6c5ce7);background:linear-gradient(135deg,var(--accent-primary,#007bff) 0,var(--accent-secondary,#6c5ce7) 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:0}.difficulty-button:hover{border-color:#007bff;border-color:var(--accent-primary,#007bff);box-shadow:0 8px 25px #00000026;box-shadow:var(--shadow-lg,0 8px 25px #00000026);transform:translateY(-4px)}.difficulty-button:hover:before{opacity:.05}.difficulty-button.selected{border-color:#007bff;border-color:var(--accent-primary,#007bff);border-width:3px;box-shadow:0 8px 24px #007bff4d;box-shadow:var(--shadow-lg,0 8px 24px #007bff4d)}.difficulty-button.selected .level-name{color:#007bff;color:var(--accent-primary,#007bff);font-weight:700;font-weight:var(--font-weight-bold,700)}.difficulty-button.selected .difficulty-indicator{transform:scale(1.1)}.difficulty-indicator{border:2px solid #e9ecef;border:2px solid var(--border-primary,#e9ecef);border-radius:50%;flex-shrink:0;height:20px;position:relative;width:20px;z-index:1}.difficulty-button.selected .difficulty-indicator{border-color:#fff;border-color:var(--text-inverted,#fff)}.level-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--spacing-xs,.25rem);position:relative;z-index:1}.level-name{font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);font-weight:600;font-weight:var(--font-weight-semibold,600)}.level-desc{font-size:.875rem;font-size:var(--font-size-sm,.875rem);line-height:1.4;opacity:.8}.paragraph-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg,1.5rem);display:grid;gap:1.5rem;gap:var(--spacing-lg,1.5rem);margin:0 auto;max-width:1200px;padding:1.5rem;padding:var(--spacing-lg,1.5rem);width:100%}@media (min-width:1200px){.paragraph-count-grid{gap:3rem;gap:var(--spacing-2xl,3rem);grid-template-columns:repeat(3,1fr);max-width:100%;width:100%}}@media (min-width:900px) and (max-width:1199px){.paragraph-count-grid{gap:2rem;gap:var(--spacing-xl,2rem);grid-template-columns:repeat(3,1fr);max-width:100%;width:100%}.paragraph-count-button{max-width:180px;min-height:140px;padding:1rem;padding:var(--spacing-md,1rem)}.paragraph-number{font-size:1.5rem;font-size:var(--font-size-2xl,1.5rem)}.paragraph-label{font-size:.875rem;font-size:var(--font-size-sm,.875rem)}.paragraph-desc{font-size:.75rem;font-size:var(--font-size-xs,.75rem)}}@media (min-width:600px) and (max-width:899px){.paragraph-count-grid{gap:1.5rem;gap:var(--spacing-lg,1.5rem);grid-template-columns:repeat(3,1fr);max-width:100%;width:100%}.paragraph-count-button{max-width:160px;min-height:120px;padding:.75rem;padding:var(--spacing-sm,.75rem)}.paragraph-number{font-size:1.25rem;font-size:var(--font-size-xl,1.25rem)}.paragraph-label{font-size:.75rem;font-size:var(--font-size-xs,.75rem)}.paragraph-desc{font-size:.65rem}}@media (max-width:599px){.paragraph-count-grid{gap:.75rem;gap:var(--spacing-sm,.75rem);grid-template-columns:repeat(2,1fr);max-width:400px;padding:0 .75rem;padding:0 var(--spacing-sm,.75rem)}.paragraph-count-button{max-width:160px;min-height:100px;padding:.75rem;padding:var(--spacing-sm,.75rem)}.paragraph-number{font-size:1.25rem;font-size:var(--font-size-xl,1.25rem)}.paragraph-label{font-size:.75rem;font-size:var(--font-size-xs,.75rem)}.paragraph-desc{font-size:.65rem}}@media (max-width:480px){.paragraph-count-grid{gap:.5rem;gap:var(--spacing-xs,.5rem);grid-template-columns:repeat(2,1fr);max-width:350px;padding:0 .5rem;padding:0 var(--spacing-xs,.5rem)}.paragraph-count-button{max-width:140px;min-height:90px;padding:.5rem;padding:var(--spacing-xs,.5rem)}.paragraph-number{font-size:1.125rem;font-size:var(--font-size-lg,1.125rem)}.paragraph-label{font-size:.7rem}.paragraph-desc{font-size:.6rem}}.paragraph-count-button{background:linear-gradient(135deg,#f8f9fa,#e9ecef);background:linear-gradient(135deg,var(--bg-secondary,#f8f9fa) 0,var(--bg-tertiary,#e9ecef) 100%);border:2px solid #e9ecef;border:2px solid var(--border-primary,#e9ecef);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm,0 2px 4px #0000001a);box-sizing:border-box;max-width:200px;min-height:160px;padding:1.5rem;padding:var(--spacing-lg,1.5rem);transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.paragraph-count-button:before{background:linear-gradient(135deg,#007bff1a,#00bfa51a 50%,#7b1fa21a);transition:opacity .4s ease}.paragraph-count-button:after{background:linear-gradient(135deg,#007bff,#00bfa5 50%,#7b1fa2);background:linear-gradient(135deg,var(--accent-primary,#007bff) 0,var(--accent-secondary,#00bfa5) 50%,var(--accent-tertiary,#7b1fa2) 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:1}.paragraph-count-button:hover{border-color:#007bff;border-color:var(--accent-primary,#007bff);box-shadow:0 8px 16px #007bff33;box-shadow:var(--shadow-lg,0 8px 16px #007bff33)}.paragraph-count-button:hover:before{opacity:1}.paragraph-count-button:hover:after{opacity:.1}.paragraph-count-button.selected{background:linear-gradient(135deg,#007bff,#00bfa5 50%,#7b1fa2);background:linear-gradient(135deg,var(--accent-primary,#007bff) 0,var(--accent-secondary,#00bfa5) 50%,var(--accent-tertiary,#7b1fa2) 100%);border-color:#007bff;border-color:var(--accent-primary,#007bff);box-shadow:0 8px 16px #007bff4d;box-shadow:var(--shadow-lg,0 8px 16px #007bff4d);color:#fff;color:var(--text-inverted,#fff)}.paragraph-count-button.selected:after,.paragraph-count-button.selected:before{opacity:0}.paragraph-desc,.paragraph-label,.paragraph-number{position:relative;z-index:2}.paragraph-number{color:#007bff!important;color:var(--accent-primary,#007bff)!important;font-size:3rem;font-size:var(--font-size-4xl,3rem);line-height:1;text-shadow:0 2px 4px #007bff33}.paragraph-label{color:#00bfa5!important;color:var(--accent-secondary,#00bfa5)!important;font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);font-weight:700;font-weight:var(--font-weight-bold,700);letter-spacing:.5px;margin-bottom:.25rem;margin-bottom:var(--spacing-xs,.25rem);text-transform:uppercase}.paragraph-desc{color:#7b1fa2!important;color:var(--accent-tertiary,#7b1fa2)!important;font-weight:500;font-weight:var(--font-weight-medium,500);opacity:.9}.paragraph-count-button:focus{box-shadow:0 0 0 3px #007bff4d,0 8px 24px #00000026;box-shadow:0 0 0 3px #007bff4d,var(--shadow-lg,0 8px 24px #00000026);outline:none}.paragraph-count-button:focus-visible{outline:2px solid #007bff;outline:2px solid var(--accent-primary,#007bff);outline-offset:2px}.paragraph-count-button:active{transform:translateY(-2px) scale(1);transition:transform .1s ease}.paragraph-count-button.loading{opacity:.7;pointer-events:none}.paragraph-count-button.loading:before{animation:spin 1s linear infinite;border:2px solid #e9ecef;border-top:2px solid #007bff;border:2px solid var(--border-primary,#e9ecef);border-radius:0;border-top-color:var(--accent-primary,#007bff);content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px;z-index:3}.paragraph-count-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.paragraph-count-button:disabled:hover{box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm,0 2px 4px #0000001a);transform:none}.customization-options{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg,1.5rem);justify-content:space-evenly;margin:0 auto;max-width:100%;min-height:400px;width:100%}.option-checkbox{background:#fff;background:var(--bg-primary,#fff);border:2px solid #e9ecef;border:2px solid var(--border-primary,#e9ecef);border-radius:16px;border-radius:var(--border-radius-xl,16px);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm,0 2px 4px #0000000d);justify-content:space-between;min-height:80px;overflow:hidden;padding:1.5rem;padding:var(--spacing-lg,1.5rem);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.option-checkbox:before{background:linear-gradient(135deg,#007bff,#6c5ce7);background:linear-gradient(135deg,var(--accent-primary,#007bff) 0,var(--accent-secondary,#6c5ce7) 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:0}.option-checkbox:hover{border-color:#007bff;border-color:var(--accent-primary,#007bff);box-shadow:0 8px 25px #00000026;box-shadow:var(--shadow-lg,0 8px 25px #00000026);transform:translateY(-4px)}.option-checkbox:hover:before{opacity:.05}.checkbox-content{gap:1rem;gap:var(--spacing-md,1rem);justify-content:flex-start;position:relative;z-index:1}.checkbox-icon{font-size:var(--font-size-xl,1.25rem)}.checkbox-label{font-size:1rem;font-size:var(--font-size-base,1rem)}.checkbox-indicator{background:#fff;background:var(--bg-primary,#fff);border:2px solid #e9ecef;border:2px solid var(--border-primary,#e9ecef);margin-left:auto;transition:all .3s ease}.option-checkbox.checked .checkbox-indicator{background:#007bff;background:var(--accent-primary,#007bff);border-color:#007bff;border-color:var(--accent-primary,#007bff);transform:scale(1.1)}.option-checkbox.checked .checkbox-indicator:after{color:#fff;color:var(--text-inverted,#fff);content:"✓";font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:700;font-weight:var(--font-weight-bold,700);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.option-checkbox.checked .checkbox-label{color:#007bff;color:var(--accent-primary,#007bff);font-weight:700;font-weight:var(--font-weight-bold,700)}.option-checkbox.checked .checkbox-icon{transform:scale(1.1)}.option-checkbox.checked{border-color:#007bff;border-color:var(--accent-primary,#007bff)}.option-checkbox.checked .checkbox-content{color:#007bff;color:var(--accent-primary,#007bff)}@media (max-width:768px){.customization-options{flex-direction:column;gap:.75rem;gap:var(--spacing-sm,.75rem);max-width:100%}.option-checkbox{padding:1rem;padding:var(--spacing-md,1rem)}.checkbox-icon{font-size:1.125rem;font-size:var(--font-size-lg,1.125rem)}.checkbox-label{font-size:.875rem;font-size:var(--font-size-sm,.875rem)}}[data-theme=dark] .paragraph-count-button{background:linear-gradient(135deg,#2d3748,#4a5568);background:linear-gradient(135deg,var(--dark-bg-secondary,#2d3748) 0,var(--dark-bg-tertiary,#4a5568) 100%);border-color:#4a5568;border-color:var(--dark-border,#4a5568);box-shadow:0 2px 4px #0000004d;box-shadow:var(--shadow-sm,0 2px 4px #0000004d)}[data-theme=dark] .paragraph-count-button:hover{border-color:#63b3ed;border-color:var(--dark-accent,#63b3ed);box-shadow:0 20px 40px #63b3ed4d;box-shadow:var(--shadow-xl,0 20px 40px #63b3ed4d)}[data-theme=dark] .paragraph-count-button.selected{background:linear-gradient(135deg,#63b3ed,#38b2ac 50%,#9f7aea);background:linear-gradient(135deg,var(--dark-accent,#63b3ed) 0,var(--dark-accent-secondary,#38b2ac) 50%,var(--dark-accent-tertiary,#9f7aea) 100%);border-color:#63b3ed;border-color:var(--dark-accent,#63b3ed)}[data-theme=dark] .paragraph-number{color:#f7fafc;color:var(--dark-text-primary,#f7fafc)}[data-theme=dark] .paragraph-count-button.selected .paragraph-number{color:#fff;color:var(--dark-text-inverted,#fff)}@keyframes netflixGlow{0%,to{box-shadow:0 0 20px #007bff4d}50%{box-shadow:0 0 30px #007bff99}}.paragraph-count-button.selected{animation:netflixGlow 2s ease-in-out infinite}.wizard-step.generating{padding:2rem;padding:var(--spacing-xl,2rem);text-align:center}.generation-progress{align-items:center;display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg,1.5rem);margin:2rem 0;margin:var(--spacing-xl,2rem) 0}.progress-animation{animation:spin 2s linear infinite;color:#007bff;color:var(--accent-primary,#007bff)}.progress-details{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border-primary,#e9ecef);border-radius:0;display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-sm,.75rem);min-width:300px;padding:1.5rem;padding:var(--spacing-lg,1.5rem)}.progress-item{align-items:center;border-bottom:1px solid #f1f3f4;border-bottom:1px solid var(--border-light,#f1f3f4);display:flex;justify-content:space-between;padding:.75rem 0;padding:var(--spacing-sm,.75rem) 0}.progress-item:last-child{border-bottom:none}.progress-label{color:#6c757d;color:var(--text-secondary,#6c757d);font-weight:600;font-weight:var(--font-weight-semibold,600)}.progress-value{color:#2c3e50;color:var(--text-primary,#2c3e50);font-weight:700;font-weight:var(--font-weight-bold,700)}.wizard-step.completed{padding:2rem;padding:var(--spacing-xl,2rem);text-align:center}.completion-summary{align-items:center;display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg,1.5rem);margin:2rem 0;margin:var(--spacing-xl,2rem) 0}.success-icon{animation:successPulse 2s ease-in-out infinite;color:#28a745;color:var(--success-color,#28a745)}.completion-details{background:#d4edda;background:var(--success-bg,#d4edda);border:1px solid #c3e6cb;border:1px solid var(--success-border,#c3e6cb);border-radius:0;display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-sm,.75rem);min-width:300px;padding:1.5rem;padding:var(--spacing-lg,1.5rem)}.completion-item{align-items:center;border-bottom:1px solid #c3e6cb;border-bottom:1px solid var(--success-border,#c3e6cb);display:flex;justify-content:space-between;padding:.75rem 0;padding:var(--spacing-sm,.75rem) 0}.completion-item:last-child{border-bottom:none}.completion-label{font-weight:600;font-weight:var(--font-weight-semibold,600)}.completion-label,.completion-value{color:#155724;color:var(--success-text,#155724)}.completion-value{font-weight:700;font-weight:var(--font-weight-bold,700)}@keyframes successPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1)}}.category-grid{grid-gap:.75rem;grid-gap:var(--spacing-sm,.75rem);align-items:start;background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:2px solid #e9ecef;border:2px solid var(--border-primary,#e9ecef);border-radius:0;box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-md,0 4px 6px #0000000d);box-sizing:border-box;gap:.75rem;gap:var(--spacing-sm,.75rem);grid-auto-rows:auto;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));justify-items:stretch;margin:0;max-height:95vh;max-width:100%;min-height:80vh;overflow-y:auto;padding:1rem;padding:var(--spacing-md,1rem);scrollbar-color:#007bff #f8f9fa;scrollbar-color:var(--accent-primary,#007bff) var(--bg-secondary,#f8f9fa);scrollbar-width:thin}.category-grid::-webkit-scrollbar{width:8px}.category-grid::-webkit-scrollbar-track{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-radius:0}.category-grid::-webkit-scrollbar-thumb{background:#007bff;background:var(--accent-primary,#007bff);border-radius:0}.category-grid::-webkit-scrollbar-thumb:hover{background:#0056b3;background:var(--accent-hover,#0056b3)}.category-count-info{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e9ecef;border:1px solid var(--border-primary,#e9ecef);border-radius:0;bottom:0;box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm,0 2px 4px #0000000d);flex-shrink:0;margin-bottom:0;margin-top:1.5rem;margin-top:var(--spacing-lg,1.5rem);padding:1rem;padding:var(--spacing-md,1rem);position:-webkit-sticky;position:sticky;text-align:center;z-index:10}.category-count-info small{color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:500;font-weight:var(--font-weight-medium,500)}.wizard-step.category-selection{grid-gap:.5rem;grid-gap:var(--spacing-xs,.5rem);box-sizing:border-box;display:grid;flex:1 1;gap:.5rem;gap:var(--spacing-xs,.5rem);grid-template-rows:auto 1fr;margin:0;max-height:400px;max-width:none;min-height:300px;overflow:visible;padding:.75rem;padding:var(--spacing-sm,.75rem);text-align:center;width:100%}.wizard-step.category-selection .step-description{color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-2xl,1.5rem);font-weight:600;font-weight:var(--font-weight-semibold,600);grid-row:1;line-height:1.3;margin:0;padding:.5rem 0;padding:var(--spacing-xs,.5rem) 0 var(--spacing-xs,.5rem) 0;text-align:center}.wizard-step.category-selection .category-grid{grid-gap:1rem;grid-gap:var(--spacing-md,1rem);align-content:start;background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border-primary,#e9ecef);border-radius:0;box-sizing:border-box;display:grid;gap:1rem;gap:var(--spacing-md,1rem);grid-row:2;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:0;max-width:none;min-height:0;overflow-y:auto;padding:.5rem;padding:var(--spacing-xs,.5rem);scrollbar-color:#007bff #f8f9fa;scrollbar-color:var(--accent-primary,#007bff) var(--bg-secondary,#f8f9fa);scrollbar-width:thin;width:100%}.category-button{background:#fff;background:var(--bg-primary,#fff);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm,0 2px 8px #00000014);min-height:120px;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-button:before{background:linear-gradient(135deg,#007bff,#0000);background:linear-gradient(135deg,var(--category-color,#007bff) 0,#0000 100%);transition:opacity .3s ease}.category-button.selected:before,.category-button:hover:before{opacity:.1}.category-button:hover{background:#f8f9fa;background:var(--bg-tertiary,#f8f9fa);box-shadow:0 12px 28px #0000001f;box-shadow:var(--shadow-lg,0 12px 28px #0000001f);transform:translateY(-6px)}.category-button.selected{background:#007bff;background:var(--accent-primary,#007bff);border-color:var(--accent-primary,#007bff);box-shadow:0 16px 40px #007bff4d;box-shadow:var(--shadow-xl,0 16px 40px #007bff4d);transform:translateY(-2px)}.category-icon{font-size:1.5rem;font-size:var(--font-size-2xl,1.5rem);position:relative;z-index:2}.category-name{font-weight:600;font-weight:var(--font-weight-semibold,600);line-height:1.2;position:relative;z-index:2}.wizard-navigation{align-items:center;background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-radius:0;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm,0 2px 4px #0000001a);display:flex;flex-shrink:0;justify-content:space-between;margin-top:2rem;margin-top:var(--spacing-xl,2rem);padding:1.5rem;padding:var(--spacing-lg,1.5rem)}@media (min-width:1024px){.wizard-navigation{margin-top:3rem;margin-top:var(--spacing-2xl,3rem);padding:2rem 1.5rem;padding:var(--spacing-xl,2rem) var(--spacing-lg,1.5rem)}.wizard-container{min-height:70vh;padding:3rem 2rem;padding:var(--spacing-2xl,3rem) var(--spacing-xl,2rem)}.wizard-container,.wizard-step{display:flex;flex-direction:column}.wizard-step{flex:1 1;justify-content:center;min-height:50vh}.age-difficulty-container{grid-gap:3rem;grid-gap:var(--spacing-2xl,3rem);align-items:start;display:grid;flex:1 1;gap:3rem;gap:var(--spacing-2xl,3rem);grid-template-columns:1fr 1fr;justify-content:center}.customization-options,.paragraph-count-grid{display:flex;flex:1 1;flex-direction:column;justify-content:center}.paragraph-count-grid{align-items:center;gap:2rem;gap:var(--spacing-xl,2rem)}.paragraph-count-button{max-width:200px;min-height:160px;width:100%}.wizard-step.paragraph-count{display:flex;flex-direction:column;justify-content:center;min-height:55vh}}.wizard-progress{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e9ecef;border:1px solid var(--border-primary,#e9ecef);border-radius:0;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm,.875rem);padding:.75rem 1rem;padding:var(--spacing-sm,.75rem) var(--spacing-md,1rem)}.wizard-navigation .btn,.wizard-progress{font-weight:500;font-weight:var(--font-weight-medium,500)}.wizard-navigation .btn{align-items:center;border:1px solid #0000;border-radius:0;cursor:pointer;display:flex;font-size:1rem;font-size:var(--font-size-base,1rem);gap:.5rem;gap:var(--spacing-xs,.5rem);justify-content:center;min-height:44px;opacity:1;padding:.75rem 1.5rem;padding:var(--spacing-sm,.75rem) var(--spacing-lg,1.5rem);position:relative;transition:all .2s ease;visibility:visible;z-index:10}.wizard-navigation .btn:disabled{cursor:not-allowed;opacity:.6}.wizard-navigation .btn-primary{background:#007bff;background:var(--accent-primary,#007bff);border-color:#007bff;border-color:var(--accent-primary,#007bff);color:#fff}.wizard-navigation .btn-primary:hover:not(:disabled){background:#0056b3;background:var(--accent-primary-dark,#0056b3);border-color:#0056b3;border-color:var(--accent-primary-dark,#0056b3)}.wizard-navigation .btn-secondary{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-color:#e9ecef;border-color:var(--border-primary,#e9ecef);color:var(--text-primary)}.wizard-navigation .btn-secondary:hover:not(:disabled){background:#e9ecef;background:var(--bg-tertiary,#e9ecef);border-color:#dee2e6;border-color:var(--border-secondary,#dee2e6)}.step-description{color:var(--text-secondary);font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);line-height:1.6;margin:0 0 3rem;margin:0 0 var(--spacing-2xl,3rem) 0;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.wizard-step.paragraph-count{padding:2rem 0;padding:var(--spacing-xl,2rem) 0;text-align:center}.paragraph-count-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg,1.5rem);align-items:start;display:grid;gap:1.5rem;gap:var(--spacing-lg,1.5rem);grid-template-columns:repeat(3,1fr);justify-items:center;margin-bottom:2rem;margin-bottom:var(--spacing-xl,2rem);margin-left:auto;margin-right:auto;max-width:100%;padding:0 1.5rem;padding:0 var(--spacing-lg,1.5rem);width:100%}.paragraph-count-button{align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border:2px solid var(--border-primary);border-radius:0;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:120px;overflow:hidden;padding:2rem 1.5rem;padding:var(--spacing-xl,2rem) var(--spacing-lg,1.5rem);position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.paragraph-count-button:before{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-primary-dark) 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.paragraph-count-button:hover{background:linear-gradient(135deg,var(--accent-light) 0,var(--bg-secondary) 100%);border-color:var(--accent-primary);box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.paragraph-count-button:hover .paragraph-number{color:#007bff!important;color:var(--accent-primary,#007bff)!important;text-shadow:0 2px 6px #007bff4d}.paragraph-count-button:hover .paragraph-label{color:#00bfa5!important;color:var(--accent-secondary,#00bfa5)!important;text-shadow:0 1px 3px #00bfa533}.paragraph-count-button:hover .paragraph-desc{color:#7b1fa2!important;color:var(--accent-tertiary,#7b1fa2)!important;opacity:1}.paragraph-count-button.selected{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-primary-dark) 100%);border-color:var(--accent-primary);box-shadow:0 4px 12px #3b82f640;transform:translateY(-2px)}.paragraph-count-button.selected:before{opacity:.1}.paragraph-number{color:var(--accent-primary);font-size:2.25rem;font-size:var(--font-size-3xl,2.25rem);font-weight:700;font-weight:var(--font-weight-bold,700);margin-bottom:.75rem;margin-bottom:var(--spacing-sm,.75rem);position:relative;text-shadow:0 2px 4px #0000001a;z-index:2}.paragraph-label{color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:600;font-weight:var(--font-weight-semibold,600);margin-bottom:.5rem;margin-bottom:var(--spacing-xs,.5rem);position:relative;z-index:2}.paragraph-desc{color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm,.875rem);line-height:1.4;opacity:.8;position:relative;z-index:2}.paragraph-count-button.selected .paragraph-number{color:#fff!important;color:var(--text-inverted,#fff)!important;text-shadow:0 2px 8px #007bff66}.paragraph-count-button.selected .paragraph-label{color:#fff!important;color:var(--text-inverted,#fff)!important;font-weight:700;font-weight:var(--font-weight-bold,700);text-shadow:0 1px 3px #0000004d}.paragraph-count-button.selected .paragraph-desc{color:#fff!important;color:var(--text-inverted,#fff)!important;opacity:1;text-shadow:0 1px 2px #0003}.paragraph-count-button:active{transform:translateY(-1px) scale(.98);transition:all .1s ease}.paragraph-count-button:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.paragraph-count-button:focus:not(:focus-visible){outline:none}.category-grid{grid-gap:1rem;grid-gap:var(--spacing-md,1rem);gap:1rem;gap:var(--spacing-md,1rem)}@media (min-width:1025px){.category-grid{gap:1rem;gap:var(--spacing-md,1rem);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));max-width:100%;padding:0 .75rem;padding:0 var(--spacing-sm,.75rem);width:100%}}.category-button{background-color:var(--bg-primary);border:2px solid var(--border-primary);gap:.75rem;gap:var(--spacing-sm,.75rem);padding:1.5rem;padding:var(--spacing-lg,1.5rem);transition:all .2s ease}.category-button:before{background-color:var(--accent-primary);background-color:var(--category-color,var(--accent-primary));height:4px;transform:scaleX(0);transition:transform .2s ease}.category-button.selected:before,.category-button:hover:before{transform:scaleX(1)}.category-button:hover{background-color:#3b82f60d;background-color:var(--accent-light,#3b82f60d);transform:translateY(-2px)}.category-button.selected,.category-button:hover{border-color:var(--category-color,var(--accent-primary))}.category-button.selected{background-color:#3b82f61a;background-color:var(--accent-light,#3b82f61a)}.category-icon{font-size:2rem}.category-name{color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500;font-weight:var(--font-weight-medium,500)}.option-grid{grid-gap:2rem;grid-gap:var(--spacing-xl,2rem);display:grid;gap:2rem;gap:var(--spacing-xl,2rem);grid-template-columns:1fr}.age-group-selection label,.difficulty-selection label{color:var(--text-primary);display:block;font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:500;font-weight:var(--font-weight-medium,500);margin-bottom:1rem;margin-bottom:var(--spacing-md,1rem)}.age-button,.difficulty-button{align-items:center;background-color:var(--bg-primary);border:2px solid var(--border-primary);border-radius:0;cursor:pointer;display:flex;gap:1rem;gap:var(--spacing-md,1rem);padding:1rem;padding:var(--spacing-md,1rem);position:relative;text-align:left;transition:all .2s ease}.age-button:hover,.difficulty-button:hover{background-color:#3b82f60d;background-color:var(--accent-light,#3b82f60d);border-color:var(--accent-primary)}.age-button.selected,.difficulty-button.selected{background-color:#3b82f61a;background-color:var(--accent-light,#3b82f61a);border-color:var(--accent-primary)}.age-icon{flex-shrink:0;font-size:1.5rem}.age-content,.difficulty-content{flex:1 1}.age-label,.level-name{color:var(--text-primary);display:block;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500;font-weight:var(--font-weight-medium,500);margin-bottom:.5rem;margin-bottom:var(--spacing-xs,.5rem)}.age-desc,.level-desc{color:var(--text-secondary);display:block;font-size:.75rem;font-size:var(--font-size-xs,.75rem);line-height:1.4}.difficulty-indicator{border-radius:0;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:4px}.difficulty-button.selected .difficulty-indicator,.difficulty-button:hover .difficulty-indicator{opacity:1}.customization-options{margin-bottom:2rem;margin-bottom:var(--spacing-xl,2rem)}.option-checkbox{align-items:center;background-color:var(--bg-primary);border:2px solid var(--border-primary);border-radius:0;cursor:pointer;display:flex;gap:1rem;gap:var(--spacing-md,1rem);margin-bottom:.75rem;margin-bottom:var(--spacing-sm,.75rem);padding:1rem;padding:var(--spacing-md,1rem);position:relative;transition:all .2s ease}.option-checkbox:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary)}.option-checkbox input[type=checkbox]{cursor:pointer;opacity:0;position:absolute}.checkbox-content{align-items:center;display:flex;flex:1 1;gap:.75rem;gap:var(--spacing-sm,.75rem)}.checkbox-icon{flex-shrink:0;font-size:1.25rem}.checkbox-label{color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500;font-weight:var(--font-weight-medium,500)}.checkbox-indicator{background-color:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:0;flex-shrink:0;height:20px;position:relative;transition:all .2s ease;width:20px}.additional-instructions{margin-top:2rem;margin-top:var(--spacing-xl,2rem)}.additional-instructions label{color:var(--text-primary);display:block;font-weight:500;font-weight:var(--font-weight-medium,500);margin-bottom:.75rem;margin-bottom:var(--spacing-sm,.75rem)}.additional-instructions textarea{background-color:var(--bg-primary);border:2px solid var(--border-primary);border-radius:0;color:var(--text-primary);font-family:inherit;font-size:.875rem;font-size:var(--font-size-sm,.875rem);min-height:100px;padding:1rem;padding:var(--spacing-md,1rem);resize:vertical;transition:border-color .2s ease;width:100%}.additional-instructions textarea:focus{border-color:var(--accent-primary);outline:none}.additional-instructions textarea::placeholder{color:var(--text-muted);font-style:italic}.character-count{color:var(--text-muted);font-size:.75rem;font-size:var(--font-size-xs,.75rem);margin-top:.5rem;margin-top:var(--spacing-xs,.5rem);text-align:right}.review-summary{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:0;margin-bottom:2rem;margin-bottom:var(--spacing-xl,2rem);padding:1.5rem;padding:var(--spacing-lg,1.5rem)}.review-section{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg,1.5rem)}.review-section:last-child{margin-bottom:0}.review-section h4{border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;font-weight:var(--font-weight-semibold,600);letter-spacing:.5px;margin:0 0 1rem;margin:0 0 var(--spacing-md,1rem) 0;padding-bottom:.75rem;padding-bottom:var(--spacing-sm,.75rem);text-transform:uppercase}.review-grid{grid-gap:1rem;grid-gap:var(--spacing-md,1rem);display:grid;gap:1rem;gap:var(--spacing-md,1rem)}.review-item{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:0;display:flex;justify-content:space-between;padding:.75rem;padding:var(--spacing-sm,.75rem)}.review-label{color:var(--text-secondary);font-weight:500;font-weight:var(--font-weight-medium,500)}.review-label,.review-value{font-size:.875rem;font-size:var(--font-size-sm,.875rem)}.review-value{align-items:center;color:var(--text-primary);display:flex;font-weight:600;font-weight:var(--font-weight-semibold,600);gap:.5rem;gap:var(--spacing-xs,.5rem)}.difficulty-dot{border-radius:0;flex-shrink:0;height:8px;width:8px}.review-tags{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--spacing-sm,.75rem)}.review-tag{align-items:center;background-color:#3b82f61a;background-color:var(--accent-light,#3b82f61a);border-radius:0;color:var(--accent-primary);display:flex;font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:500;font-weight:var(--font-weight-medium,500);gap:.5rem;gap:var(--spacing-xs,.5rem);padding:.5rem .75rem;padding:var(--spacing-xs,.5rem) var(--spacing-sm,.75rem)}.review-instructions{background-color:var(--bg-secondary);border-left:4px solid var(--accent-primary);border-radius:0;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-style:italic;line-height:1.5;padding:1rem;padding:var(--spacing-md,1rem)}.reading-container{margin:0 auto;max-width:800px;position:relative;width:100%}.reading-header{align-items:flex-start;border-bottom:1px solid var(--border-primary);display:flex;gap:1.5rem;gap:var(--spacing-lg,1.5rem);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl,2rem);padding-bottom:1.5rem;padding-bottom:var(--spacing-lg,1.5rem)}.reading-stats{align-items:flex-end;display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-sm,.75rem)}.reading-progress{color:var(--text-secondary);display:flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);gap:1.5rem;gap:var(--spacing-lg,1.5rem)}.article-meta{color:var(--text-muted);display:flex;font-size:.75rem;font-size:var(--font-size-xs,.75rem);gap:1rem;gap:var(--spacing-md,1rem)}.paragraph-count,.word-count{align-items:center;background-color:var(--bg-tertiary);border-radius:0;display:flex;font-weight:500;font-weight:var(--font-weight-medium,500);gap:.5rem;gap:var(--spacing-xs,.5rem);padding:.5rem .75rem;padding:var(--spacing-xs,.5rem) var(--spacing-sm,.75rem)}.article-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8f9fa);background:linear-gradient(135deg,var(--bg-primary,#fff) 0,var(--bg-secondary,#f8f9fa) 100%);border:1px solid #fffc;border-radius:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;line-height:1.8;margin:0 auto;max-width:900px;padding:3rem;padding:var(--spacing-2xl,3rem);-webkit-user-select:text;user-select:text}.article-header{align-items:flex-start;border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--border-primary,#e9ecef);display:flex;gap:1.5rem;gap:var(--spacing-lg,1.5rem);justify-content:space-between;margin-bottom:3rem;margin-bottom:var(--spacing-2xl,3rem);padding-bottom:1.5rem;padding-bottom:var(--spacing-lg,1.5rem);position:relative}.article-header:after{background:linear-gradient(90deg,#007bff,#00bfa5);background:linear-gradient(90deg,var(--accent-primary,#007bff) 0,var(--accent-secondary,#00bfa5) 100%);border-radius:0;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.article-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#212529,#007bff);background:linear-gradient(135deg,var(--text-primary,#212529) 0,var(--accent-primary,#007bff) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);flex:1 1;font-size:2rem;font-size:var(--font-size-3xl,2rem);font-weight:700;font-weight:var(--font-weight-bold,700);letter-spacing:-.02em;line-height:1.3;margin:0}.article-toolbar{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:0;box-shadow:var(--shadow-sm);display:flex;gap:.5rem;gap:var(--spacing-xs,.5rem);padding:.5rem;padding:var(--spacing-xs,.5rem)}.toolbar-btn{align-items:center;background:#0000;border:none;border-radius:0;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.toolbar-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.toolbar-btn.ai-btn{background-color:var(--accent-primary);color:#fff;color:var(--text-inverted,#fff)}.toolbar-btn.ai-btn:hover{background-color:#0056b3;background-color:var(--accent-primary-dark,#0056b3)}.article-body{position:relative}.article-paragraph{background:linear-gradient(135deg,#fffc,#f8f9fa99);border-left:4px solid #007bff;border-left:4px solid var(--accent-primary,#007bff);border-radius:0;box-shadow:0 2px 4px #0000000d,0 1px 2px #0000001a;color:#2c3e50;color:var(--text-primary,#2c3e50);font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);-webkit-hyphens:auto;hyphens:auto;line-height:1.8;margin-bottom:2rem;margin-bottom:var(--spacing-xl,2rem);padding:1.5rem;padding:var(--spacing-lg,1.5rem);position:relative;text-align:justify;transition:all .3s ease;word-break:break-word}.article-paragraph:hover{border-left-color:#00bfa5;border-left-color:var(--accent-secondary,#00bfa5);box-shadow:0 4px 8px #0000001a,0 2px 4px #00000026;transform:translateY(-2px)}.article-paragraph:last-child{margin-bottom:0}.article-paragraph:before{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#007bff1a;border:1px solid #007bff33;border-radius:0;color:#007bff;color:var(--accent-primary,#007bff);content:attr(data-paragraph-index);font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:700;font-weight:var(--font-weight-bold,700);min-width:24px;padding:.5rem .75rem;padding:var(--spacing-xs,.5rem) var(--spacing-sm,.75rem);position:absolute;right:.75rem;right:var(--spacing-sm,.75rem);text-align:center;top:.75rem;top:var(--spacing-sm,.75rem)}.article-paragraph:after{background:linear-gradient(90deg,#0000,#e9ecef 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--border-primary,#e9ecef) 50%,#0000 100%);bottom:0;content:"";height:1px;left:1.5rem;left:var(--spacing-lg,1.5rem);opacity:.5;position:absolute;right:1.5rem;right:var(--spacing-lg,1.5rem)}.article-paragraph:last-child:after{display:none}.context-menu{animation:contextMenuSlideIn .2s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:var(--bg-primary);border:1px solid #ffffff1a;border-radius:0;box-shadow:0 8px 32px #0000001f;min-width:180px;padding:.75rem;padding:var(--spacing-sm,.75rem);position:fixed;z-index:10000}@keyframes contextMenuSlideIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-item{align-items:center;background:#0000;border:none;border-radius:0;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500;font-weight:var(--font-weight-medium,500);gap:.75rem;gap:var(--spacing-sm,.75rem);overflow:hidden;padding:.75rem 1rem;padding:var(--spacing-sm,.75rem) var(--spacing-md,1rem);position:relative;text-align:left;transition:all .2s ease;width:100%}.context-menu-item:before{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-primary-dark) 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease;z-index:-1}.context-menu-item:hover{background-color:#3b82f61a;background-color:var(--accent-light,#3b82f61a);color:var(--accent-primary);transform:translateX(2px)}.context-menu-item:hover:before{opacity:.1}.context-menu-item:active{background-color:var(--accent-primary);color:var(--bg-primary);transform:translateX(2px) scale(.98)}.floating-actions{bottom:1.5rem;bottom:var(--spacing-lg,1.5rem);display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-sm,.75rem);position:fixed;right:1.5rem;right:var(--spacing-lg,1.5rem);z-index:100}.floating-btn{align-items:center;background-color:var(--bg-primary);border:none;border-radius:0;box-shadow:var(--shadow-md);color:var(--text-secondary);cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.floating-btn:hover{background-color:var(--bg-secondary);box-shadow:var(--shadow-lg);color:var(--text-primary);transform:translateY(-2px)}.floating-btn.primary{background-color:var(--accent-primary);color:#fff;color:var(--text-inverted,#fff)}.floating-btn.primary:hover{background-color:#0056b3;background-color:var(--accent-primary-dark,#0056b3)}@media (max-width:768px){.floating-actions{bottom:calc(1.5rem + 80px);bottom:calc(var(--spacing-lg, 1.5rem) + 80px);right:1rem;right:var(--spacing-md,1rem)}.floating-btn{height:44px;width:44px}}@media (max-width:480px){.floating-actions{bottom:calc(1.5rem + 90px);bottom:calc(var(--spacing-lg, 1.5rem) + 90px);right:.75rem;right:var(--spacing-sm,.75rem)}.floating-btn{height:40px;width:40px}}.copy-notification,.highlight-notification{animation:slideInRight .3s ease;background-color:var(--accent-primary);border-radius:0;box-shadow:var(--shadow-lg);color:#fff;color:var(--text-inverted,#fff);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500;font-weight:var(--font-weight-medium,500);padding:.75rem 1rem;padding:var(--spacing-sm,.75rem) var(--spacing-md,1rem);position:fixed;right:1.5rem;right:var(--spacing-lg,1.5rem);top:1.5rem;top:var(--spacing-lg,1.5rem);z-index:1001}.highlight-notification{background-color:#28a745;background-color:var(--accent-secondary,#28a745)}.article-content::selection{background-color:#3b82f64d;background-color:var(--accent-light,#3b82f64d);border-radius:0;color:var(--text-primary)}.article-content::-moz-selection{background-color:#3b82f64d;background-color:var(--accent-light,#3b82f64d);border-radius:0;color:var(--text-primary)}.article-content{position:relative}.article-content.text-selected:after{animation:fadeInOut 2s ease;background-color:var(--accent-primary);border-radius:0;color:#fff;content:"Right-click for options";font-size:12px;font-weight:500;left:50%;padding:8px 16px;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}@keyframes fadeInOut{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.9)}20%,80%{opacity:1;transform:translate(-50%,-50%) scale(1)}}.text-highlight{background-color:#3b82f633!important;background-color:var(--accent-light,#3b82f633)!important;border-radius:0!important;font-weight:500!important;padding:2px 4px!important;position:relative;transition:all .2s ease}.text-highlight:hover{background-color:#3b82f64d!important;background-color:var(--accent-primary,#3b82f64d)!important;transform:scale(1)}.text-highlight:after{align-items:center;background-color:var(--bg-primary);border-radius:0;color:var(--accent-primary);content:"★";display:flex;font-size:10px;height:16px;justify-content:center;opacity:0;position:absolute;right:-8px;top:-8px;transition:opacity .2s ease;width:16px}.text-highlight:hover:after{opacity:1}.content-error{color:var(--text-secondary);padding:2rem;padding:var(--spacing-xl,2rem);text-align:center}.content-error p{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg,1.5rem)}@media (max-width:768px){.reading-header{align-items:flex-start;flex-direction:column;gap:1rem;gap:var(--spacing-md,1rem)}.reading-stats{align-items:flex-start;width:100%}.article-meta,.reading-progress{justify-content:space-between;width:100%}.article-header{align-items:flex-start;flex-direction:column;gap:1rem;gap:var(--spacing-md,1rem)}.article-toolbar{align-self:stretch;justify-content:space-between}.toolbar-btn{flex:1 1;max-width:40px}.article-content{border-radius:0;margin:0 .75rem;margin:0 var(--spacing-sm,.75rem);padding:1.5rem;padding:var(--spacing-lg,1.5rem)}.article-title{font-size:1.25rem;font-size:var(--font-size-xl,1.25rem);line-height:1.4}.article-paragraph{font-size:1rem;font-size:var(--font-size-base,1rem);line-height:1.7;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg,1.5rem);padding:1rem;padding:var(--spacing-md,1rem)}.article-paragraph:before{font-size:.75rem;font-size:var(--font-size-xs,.75rem);min-width:20px;padding:.5rem;padding:var(--spacing-xs,.5rem);right:.5rem;right:var(--spacing-xs,.5rem);top:.5rem;top:var(--spacing-xs,.5rem)}.article-paragraph:after{left:1rem;left:var(--spacing-md,1rem);right:1rem;right:var(--spacing-md,1rem)}.floating-actions{bottom:1rem;bottom:var(--spacing-md,1rem);right:1rem;right:var(--spacing-md,1rem)}.floating-btn{height:44px;width:44px}.context-menu{min-width:140px}.context-menu-item{font-size:.75rem;font-size:var(--font-size-xs,.75rem);padding:.75rem;padding:var(--spacing-sm,.75rem)}}@media (max-width:480px){.reading-header{padding-bottom:1rem;padding-bottom:var(--spacing-md,1rem)}.article-meta,.reading-progress{flex-direction:column;gap:.5rem;gap:var(--spacing-xs,.5rem)}.article-content{border-radius:0;margin:0 .5rem;margin:0 var(--spacing-xs,.5rem);padding:1rem;padding:var(--spacing-md,1rem)}.article-paragraph{font-size:.875rem;font-size:var(--font-size-sm,.875rem);line-height:1.6;margin-bottom:1rem;margin-bottom:var(--spacing-md,1rem);padding:.75rem;padding:var(--spacing-sm,.75rem)}.article-paragraph:before{font-size:.75rem;font-size:var(--font-size-xs,.75rem);min-width:16px;padding:2px 4px;right:.5rem;right:var(--spacing-xs,.5rem);top:.5rem;top:var(--spacing-xs,.5rem)}.article-paragraph:after{left:.75rem;left:var(--spacing-sm,.75rem);right:.75rem;right:var(--spacing-sm,.75rem)}.article-toolbar{flex-wrap:wrap;gap:.5rem;gap:var(--spacing-xs,.5rem)}.toolbar-btn{height:36px;width:36px}.floating-btn{height:40px;width:40px}.copy-notification,.highlight-notification{left:.75rem;left:var(--spacing-sm,.75rem);right:.75rem;right:var(--spacing-sm,.75rem);text-align:center}}@media (min-width:769px) and (max-width:1024px){.reading-passage>div{padding:1rem;padding:var(--spacing-md,1rem)}.header-content{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--spacing-md,1rem)}.wizard-step.category-selection{grid-gap:0;display:grid;gap:0;grid-template-rows:auto auto 1fr;max-height:75vh;max-width:100%;min-height:65vh;padding:1.5rem;padding:var(--spacing-lg,1.5rem);width:100%}.wizard-step.category-selection .category-grid{grid-gap:.75rem;grid-gap:var(--spacing-sm,.75rem);align-content:start;background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border-primary,#e9ecef);border-radius:0;display:grid;gap:.75rem;gap:var(--spacing-sm,.75rem);grid-row:2;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:-.25rem 0 0;max-width:100%;min-height:0;overflow-y:auto;padding:.75rem;padding:var(--spacing-sm,.75rem);scrollbar-color:#007bff #f8f9fa;scrollbar-color:var(--accent-primary,#007bff) var(--bg-secondary,#f8f9fa);scrollbar-width:thin;width:100%}.create-btn{justify-content:center;width:100%}.articles-grid{gap:1rem;gap:var(--spacing-md,1rem);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.option-grid{gap:1.5rem;gap:var(--spacing-lg,1.5rem);grid-template-columns:1fr}.category-grid{gap:.75rem;gap:var(--spacing-sm,.75rem);grid-template-columns:repeat(3,1fr)!important}.category-button{min-height:90px;padding:1rem;padding:var(--spacing-md,1rem)}.category-icon{font-size:1.5rem}.category-name{font-size:.75rem;font-size:var(--font-size-xs,.75rem);text-align:center}.paragraph-count-button{min-height:100px;padding:1.5rem 1rem;padding:var(--spacing-lg,1.5rem) var(--spacing-md,1rem)}.paragraph-number{font-size:1.75rem;font-size:var(--font-size-2xl,1.75rem)}.paragraph-label{font-size:.875rem;font-size:var(--font-size-sm,.875rem)}.paragraph-desc{font-size:.75rem;font-size:var(--font-size-xs,.75rem)}.wizard-container{padding:1.5rem;padding:var(--spacing-lg,1.5rem)}}@media (min-width:1400px){.creation-container{max-width:1400px;padding:2rem;padding:var(--spacing-xl,2rem)}.wizard-container{max-width:1200px;padding:3rem;padding:var(--spacing-2xl,3rem)}}@media (min-width:1200px) and (max-width:1399px){.creation-container{max-width:1200px}.creation-container,.wizard-container{padding:2rem;padding:var(--spacing-xl,2rem)}.wizard-container{max-width:1000px}}@media (min-width:768px) and (max-width:1199px){.creation-container{min-height:calc(100vh - 100px);padding:1.5rem;padding:var(--spacing-lg,1.5rem)}.wizard-container{max-height:calc(100vh - 150px);max-width:100%}.wizard-container,.wizard-step{padding:2rem;padding:var(--spacing-xl,2rem);width:100%}.wizard-step{min-height:400px}}@media (max-width:768px){.wizard-step.category-selection{grid-gap:.5rem;grid-gap:var(--spacing-xs,.5rem);gap:.5rem;gap:var(--spacing-xs,.5rem);grid-template-rows:auto 1fr;max-height:60vh;min-height:50vh}.wizard-step.category-selection,.wizard-step.category-selection .category-grid{display:grid;max-width:100%;padding:.5rem;padding:var(--spacing-xs,.5rem);width:100%}.wizard-step.category-selection .category-grid{grid-gap:.75rem;grid-gap:var(--spacing-sm,.75rem);align-content:start;background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border-primary,#e9ecef);border-radius:0;gap:.75rem;gap:var(--spacing-sm,.75rem);grid-row:2;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0;min-height:0;overflow-y:auto;scrollbar-color:#007bff #f8f9fa;scrollbar-color:var(--accent-primary,#007bff) var(--bg-secondary,#f8f9fa);scrollbar-width:thin}.creation-container,.reading-passage>div{padding:1rem;padding:var(--spacing-md,1rem)}.creation-container{min-height:calc(100vh - 80px)}.wizard-container{max-height:calc(100vh - 120px);max-width:100%;min-height:400px;width:100%}.wizard-step{gap:1.5rem;gap:var(--spacing-lg,1.5rem);min-height:300px;padding:1.5rem;padding:var(--spacing-lg,1.5rem);width:100%}.header-content{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--spacing-md,1rem)}.create-btn{justify-content:center;width:100%}.articles-grid{gap:.75rem;gap:var(--spacing-sm,.75rem);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.option-grid{gap:1.5rem;gap:var(--spacing-lg,1.5rem);grid-template-columns:1fr}.category-grid{gap:.75rem;gap:var(--spacing-sm,.75rem);grid-template-columns:repeat(2,1fr)!important}.category-button{gap:.5rem;gap:var(--spacing-xs,.5rem);min-height:80px;padding:.75rem;padding:var(--spacing-sm,.75rem)}.category-icon{font-size:1.25rem}.category-name{font-size:.75rem;font-size:var(--font-size-xs,.75rem);line-height:1.2;text-align:center}.paragraph-count-button{min-height:90px;padding:1rem .75rem;padding:var(--spacing-md,1rem) var(--spacing-sm,.75rem)}.paragraph-number{font-size:1.25rem;font-size:var(--font-size-xl,1.25rem)}.paragraph-label{font-size:.875rem;font-size:var(--font-size-sm,.875rem)}.paragraph-desc{font-size:.75rem;font-size:var(--font-size-xs,.75rem)}.wizard-container{padding:1.5rem;padding:var(--spacing-lg,1.5rem)}.creation-header{align-items:flex-start}.creation-header,.wizard-navigation{flex-direction:column;gap:1rem;gap:var(--spacing-md,1rem)}.wizard-navigation .btn{justify-content:center;width:100%}}@media (max-width:480px){.creation-container,.reading-passage>div{padding:.75rem;padding:var(--spacing-sm,.75rem)}.creation-container{min-height:calc(100vh - 60px)}.wizard-container{max-height:calc(100vh - 100px);min-height:300px;padding:.75rem;padding:var(--spacing-sm,.75rem)}.wizard-step{gap:1rem;gap:var(--spacing-md,1rem);min-height:150px;padding:.5rem;padding:var(--spacing-xs,.5rem)}.category-grid{grid-template-columns:repeat(2,1fr)!important}.category-button,.category-grid{gap:.5rem;gap:var(--spacing-xs,.5rem)}.category-button{min-height:80px;padding:.75rem;padding:var(--spacing-sm,.75rem)}.category-icon{font-size:1.25rem}.category-name{font-size:.75rem;font-size:var(--font-size-xs,.75rem);line-height:1.2;text-align:center}.paragraph-count-button{min-height:80px;padding:1rem .75rem;padding:var(--spacing-md,1rem) var(--spacing-sm,.75rem)}.paragraph-number{font-size:1.125rem;font-size:var(--font-size-lg,1.125rem)}.paragraph-label{font-size:.875rem;font-size:var(--font-size-sm,.875rem)}.paragraph-desc{font-size:.75rem;font-size:var(--font-size-xs,.75rem)}.creation-header h2{font-size:1.125rem;font-size:var(--font-size-lg,1.125rem)}.empty-features{align-items:center;flex-direction:column;gap:.75rem;gap:var(--spacing-sm,.75rem)}.feature-item{justify-content:center;width:100%}.review-item{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--spacing-xs,.5rem)}.error-actions{flex-direction:column;width:100%}.error-actions .btn{justify-content:center;width:100%}}@media (max-width:1200px){.reading-passage>div{max-width:100%}.creation-container,.reading-passage>div{padding:1rem;padding:var(--spacing-md,1rem)}.wizard-container{padding:1.5rem;padding:var(--spacing-lg,1.5rem)}.age-difficulty-container{gap:2rem;gap:var(--spacing-xl,2rem);grid-template-columns:1fr;max-width:800px}.category-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:1000px}.paragraph-grid{grid-template-columns:repeat(3,1fr);max-width:800px}}@media (max-width:768px){.creation-container,.reading-passage>div{padding:.75rem;padding:var(--spacing-sm,.75rem)}.creation-container{min-height:calc(100vh - 100px)}.creation-header{flex-direction:column;gap:1rem;gap:var(--spacing-md,1rem);padding:1rem;padding:var(--spacing-md,1rem);text-align:center}.creation-header h2{font-size:1.125rem;font-size:var(--font-size-lg,1.125rem)}.wizard-container,.wizard-step{padding:1rem;padding:var(--spacing-md,1rem)}.wizard-step{gap:1.5rem;gap:var(--spacing-lg,1.5rem)}.wizard-step h3{font-size:1.25rem;font-size:var(--font-size-xl,1.25rem)}.step-description{font-size:1rem;font-size:var(--font-size-base,1rem)}.age-difficulty-container{gap:1rem;gap:var(--spacing-md,1rem);grid-template-columns:1fr 1fr;max-width:100%}.age-grid,.difficulty-grid{gap:.5rem;gap:var(--spacing-xs,.5rem);grid-template-columns:1fr}.age-selection label,.difficulty-selection label{font-size:.875rem;font-size:var(--font-size-sm,.875rem);margin-bottom:.5rem;margin-bottom:var(--spacing-xs,.5rem)}.age-button,.difficulty-button{flex-direction:column;min-height:auto;padding:.75rem;padding:var(--spacing-sm,.75rem);text-align:center}.age-icon{font-size:1.125rem;font-size:var(--font-size-lg,1.125rem)}.age-label,.level-name{font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;font-weight:var(--font-weight-semibold,600)}.age-desc,.level-desc{font-size:.75rem;font-size:var(--font-size-xs,.75rem);line-height:1.3}.age-selection,.difficulty-selection{gap:.5rem;gap:var(--spacing-xs,.5rem)}.category-grid{gap:1rem;gap:var(--spacing-md,1rem);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.category-button{min-height:120px;padding:1.5rem;padding:var(--spacing-lg,1.5rem)}.category-icon{font-size:1.5rem;font-size:var(--font-size-2xl,1.5rem)}.category-name{font-size:1rem;font-size:var(--font-size-base,1rem)}.paragraph-grid{gap:1rem;gap:var(--spacing-md,1rem);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.paragraph-count-button{min-height:140px;padding:1.5rem;padding:var(--spacing-lg,1.5rem)}.paragraph-number{font-size:1.875rem;font-size:var(--font-size-3xl,1.875rem)}.paragraph-label{font-size:1rem;font-size:var(--font-size-base,1rem)}.wizard-navigation{flex-direction:column;gap:1rem;gap:var(--spacing-md,1rem);padding:1rem;padding:var(--spacing-md,1rem)}.wizard-navigation .btn{justify-content:center;width:100%}}@media (max-width:480px){.creation-container,.reading-passage>div{padding:.5rem;padding:var(--spacing-xs,.5rem)}.creation-header{padding:.75rem;padding:var(--spacing-sm,.75rem)}.creation-header h2{font-size:1rem;font-size:var(--font-size-base,1rem)}.wizard-container,.wizard-step{padding:.75rem;padding:var(--spacing-sm,.75rem)}.wizard-step{gap:1rem;gap:var(--spacing-md,1rem)}.wizard-step h3{font-size:1.125rem;font-size:var(--font-size-lg,1.125rem)}.step-description{font-size:.875rem;font-size:var(--font-size-sm,.875rem)}.age-button,.difficulty-button{flex-direction:column;gap:.75rem;gap:var(--spacing-sm,.75rem);padding:.75rem;padding:var(--spacing-sm,.75rem);text-align:center}.age-content,.level-content{text-align:center}.category-grid{gap:.75rem;gap:var(--spacing-sm,.75rem);grid-template-columns:1fr}.category-button{min-height:100px;padding:1rem;padding:var(--spacing-md,1rem)}.paragraph-grid{gap:.75rem;gap:var(--spacing-sm,.75rem);grid-template-columns:1fr}.paragraph-count-button{min-height:120px;padding:1rem;padding:var(--spacing-md,1rem)}.paragraph-number{font-size:1.5rem;font-size:var(--font-size-2xl,1.5rem)}.wizard-navigation{padding:.75rem;padding:var(--spacing-sm,.75rem)}}[data-theme=dark] .creation-header{background:#2d3748;background:var(--dark-bg-secondary,#2d3748);border:1px solid #4a5568;border:1px solid var(--dark-border,#4a5568)}[data-theme=dark] .wizard-container{background:#1a202c;background:var(--dark-bg-primary,#1a202c);border:1px solid #4a5568;border:1px solid var(--dark-border,#4a5568)}[data-theme=dark] .age-button,[data-theme=dark] .category-button,[data-theme=dark] .difficulty-button,[data-theme=dark] .paragraph-count-button{background:#2d3748;background:var(--dark-bg-secondary,#2d3748);border-color:#4a5568;border-color:var(--dark-border,#4a5568)}[data-theme=dark] .age-button:hover,[data-theme=dark] .category-button:hover,[data-theme=dark] .difficulty-button:hover,[data-theme=dark] .paragraph-count-button:hover{background:#4a5568;background:var(--dark-bg-tertiary,#4a5568);border-color:#63b3ed;border-color:var(--dark-accent,#63b3ed)}[data-theme=dark] .wizard-navigation{background:#2d3748;background:var(--dark-bg-secondary,#2d3748);border:1px solid #4a5568;border:1px solid var(--dark-border,#4a5568)}[data-theme=dark] .wizard-progress{background:#1a202c;background:var(--dark-bg-primary,#1a202c);border-color:#4a5568;border-color:var(--dark-border,#4a5568);color:#a0aec0;color:var(--dark-text-secondary,#a0aec0)}.category-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg,1.5rem);display:grid;gap:1.5rem;gap:var(--spacing-lg,1.5rem);margin:0 auto;max-width:1200px;padding:1.5rem;padding:var(--spacing-lg,1.5rem);width:100%}@media (min-width:1920px){.category-grid{gap:1rem;gap:var(--spacing-md,1rem);grid-template-columns:repeat(8,1fr);max-height:60vh;max-width:100%;overflow-y:auto;padding:0 .75rem;padding:0 var(--spacing-sm,.75rem);width:100%}.category-button{min-height:140px;padding:2rem;padding:var(--spacing-xl,2rem)}.category-icon{font-size:2.5rem;font-size:var(--font-size-4xl,2.5rem)}.category-name{font-size:1.25rem;font-size:var(--font-size-xl,1.25rem)}}@media (min-width:1600px) and (max-width:1919px){.category-grid{gap:1rem;gap:var(--spacing-md,1rem);grid-template-columns:repeat(7,1fr);max-height:60vh;max-width:100%;overflow-y:auto;padding:0 .75rem;padding:0 var(--spacing-sm,.75rem);width:100%}.category-button{min-height:135px;padding:2rem;padding:var(--spacing-xl,2rem)}.category-icon{font-size:2.25rem;font-size:var(--font-size-4xl,2.25rem)}.category-name{font-size:1.125rem;font-size:var(--font-size-lg,1.125rem)}}@media (min-width:1400px) and (max-width:1599px){.category-grid{gap:1rem;gap:var(--spacing-md,1rem);grid-template-columns:repeat(6,1fr);max-height:60vh;max-width:100%;overflow-y:auto;padding:0 .75rem;padding:0 var(--spacing-sm,.75rem);width:100%}.category-button{min-height:130px;padding:1.5rem;padding:var(--spacing-lg,1.5rem)}.category-icon{font-size:2rem;font-size:var(--font-size-3xl,2rem)}.category-name{font-size:1.125rem;font-size:var(--font-size-lg,1.125rem)}}@media (min-width:1200px) and (max-width:1399px){.category-grid{gap:1rem;gap:var(--spacing-md,1rem);grid-template-columns:repeat(5,1fr);max-height:60vh;max-width:100%;overflow-y:auto;padding:0 .75rem;padding:0 var(--spacing-sm,.75rem);width:100%}.category-button{min-height:125px;padding:1.5rem;padding:var(--spacing-lg,1.5rem)}.category-icon{font-size:1.875rem;font-size:var(--font-size-3xl,1.875rem)}.category-name{font-size:1rem;font-size:var(--font-size-base,1rem)}}@media (min-width:992px) and (max-width:1199px){.category-grid{gap:1rem;gap:var(--spacing-md,1rem);grid-template-columns:repeat(4,1fr);max-height:55vh;overflow-y:auto}.category-button{min-height:120px;padding:1.25rem;padding:var(--spacing-lg,1.25rem)}.category-icon{font-size:1.75rem;font-size:var(--font-size-3xl,1.75rem)}.category-name{font-size:1rem;font-size:var(--font-size-base,1rem)}}@media (min-width:768px) and (max-width:991px){.category-grid{gap:1rem;gap:var(--spacing-md,1rem);grid-template-columns:repeat(3,1fr);max-height:50vh;overflow-y:auto}.category-button{min-height:120px;padding:1.25rem;padding:var(--spacing-lg,1.25rem)}.category-icon{font-size:1.875rem;font-size:var(--font-size-3xl,1.875rem)}.category-name{font-size:1.125rem;font-size:var(--font-size-lg,1.125rem)}}@media (min-width:576px) and (max-width:767px){.category-grid{gap:.75rem;gap:var(--spacing-sm,.75rem);grid-template-columns:repeat(3,1fr);max-height:45vh;overflow-y:auto}.category-button{min-height:100px;padding:.75rem;padding:var(--spacing-sm,.75rem)}.category-icon{font-size:1.5rem;font-size:var(--font-size-2xl,1.5rem)}.category-name{font-size:.875rem;font-size:var(--font-size-sm,.875rem)}}@media (max-width:575px){.category-grid{gap:.5rem;gap:var(--spacing-xs,.5rem);grid-template-columns:repeat(3,1fr);max-height:40vh;overflow-y:auto;padding:.25rem;padding:var(--spacing-xs,.25rem)}.category-button{min-height:90px;padding:.5rem;padding:var(--spacing-xs,.5rem)}.category-icon{font-size:1.25rem;font-size:var(--font-size-xl,1.25rem)}.category-name{font-size:.75rem;font-size:var(--font-size-xs,.75rem);line-height:1.2}}@media (max-width:400px){.category-grid{gap:.25rem;gap:var(--spacing-xs,.25rem);grid-template-columns:repeat(3,1fr);max-height:35vh;overflow-y:auto;padding:.125rem;padding:var(--spacing-xs,.125rem)}.category-button{min-height:80px;padding:.25rem;padding:var(--spacing-xs,.25rem)}.category-icon{font-size:1.125rem;font-size:var(--font-size-lg,1.125rem)}.category-name{font-size:.625rem;font-size:var(--font-size-xs,.625rem);line-height:1.1}}.category-button{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);background:linear-gradient(135deg,var(--bg-secondary,#f8f9fa) 0,var(--bg-tertiary,#e9ecef) 100%);border:2px solid #e9ecef;border:2px solid var(--border-primary,#e9ecef);border-radius:0;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm,0 2px 4px #0000001a);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:160px;overflow:hidden;padding:2rem;padding:var(--spacing-xl,2rem);position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.category-button:before{background:linear-gradient(135deg,#007bff1a,#00bfa51a 50%,#7b1fa21a);background:linear-gradient(135deg,var(--category-color,#007bff1a) 0,#00bfa51a 50%,#7b1fa21a 100%)}.category-button:after,.category-button:before{bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:1}.category-button:after{background:linear-gradient(135deg,#007bff,#00bfa5 50%,#7b1fa2);background:linear-gradient(135deg,var(--category-color,#007bff) 0,var(--accent-secondary,#00bfa5) 50%,var(--accent-tertiary,#7b1fa2) 100%)}.category-button:hover{border-color:#007bff;border-color:var(--category-color,#007bff);box-shadow:0 20px 40px #007bff4d;box-shadow:var(--shadow-xl,0 20px 40px #007bff4d);transform:translateY(-8px) scale(1)}.category-button:hover:before{opacity:1}.category-button:hover:after{opacity:.1}.category-button.selected{background:linear-gradient(135deg,#007bff,#00bfa5 50%,#7b1fa2);background:linear-gradient(135deg,var(--category-color,#007bff) 0,var(--accent-secondary,#00bfa5) 50%,var(--accent-tertiary,#7b1fa2) 100%);border-color:#007bff;border-color:var(--category-color,#007bff);box-shadow:0 25px 50px #007bff66;box-shadow:var(--shadow-2xl,0 25px 50px #007bff66);color:#fff;color:var(--text-inverted,#fff);transform:translateY(-4px) scale(1)}.category-button.selected:after,.category-button.selected:before{opacity:0}.category-icon,.category-name{position:relative;z-index:2}.category-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2.25rem;font-size:var(--font-size-4xl,2.25rem);margin-bottom:1rem;margin-bottom:var(--spacing-md,1rem);transition:transform .3s ease}.category-button:hover .category-icon{transform:scale(1)}[data-theme=dark] .article-content{background:linear-gradient(135deg,#1a202c,#2d3748);background:linear-gradient(135deg,var(--dark-bg-primary,#1a202c) 0,var(--dark-bg-secondary,#2d3748) 100%);border:1px solid #ffffff1a;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003,0 0 0 1px #ffffff0d}[data-theme=dark] .article-header:after{background:linear-gradient(90deg,#63b3ed,#38b2ac);background:linear-gradient(90deg,var(--dark-accent,#63b3ed) 0,var(--dark-accent-secondary,#38b2ac) 100%)}[data-theme=dark] .article-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f7fafc,#63b3ed);background:linear-gradient(135deg,var(--dark-text-primary,#f7fafc) 0,var(--dark-accent,#63b3ed) 100%);-webkit-background-clip:text;background-clip:text}[data-theme=dark] .article-paragraph{background:linear-gradient(135deg,#2d3748cc,#1a202c99);border-left-color:#63b3ed;border-left-color:var(--dark-accent,#63b3ed);box-shadow:0 2px 4px #0003,0 1px 2px #0000004d;color:#f7fafc;color:var(--dark-text-primary,#f7fafc)}[data-theme=dark] .article-paragraph:hover{border-left-color:#38b2ac;border-left-color:var(--dark-accent-secondary,#38b2ac);box-shadow:0 4px 8px #0000004d,0 2px 4px #0006}[data-theme=dark] .article-paragraph:before{background:#63b3ed33;border:1px solid #63b3ed4d;color:#63b3ed;color:var(--dark-accent,#63b3ed)}[data-theme=dark] .article-paragraph:after{background:linear-gradient(90deg,#0000,#4a5568 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--dark-border,#4a5568) 50%,#0000 100%)}.category-button.selected .category-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.category-name{font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);font-weight:700;font-weight:var(--font-weight-bold,700);letter-spacing:.5px;line-height:1.3;text-transform:capitalize}.category-button:focus{box-shadow:0 0 0 3px #007bff4d,0 8px 24px #00000026;box-shadow:0 0 0 3px #007bff4d,var(--shadow-lg,0 8px 24px #00000026);outline:none}.category-button:focus-visible{outline:2px solid #007bff;outline:2px solid var(--category-color,#007bff);outline-offset:2px}.category-button:active{transform:translateY(-2px) scale(1);transition:transform .1s ease}@media (max-width:768px){.category-grid{gap:1rem;gap:var(--spacing-md,1rem);padding:1rem;padding:var(--spacing-md,1rem)}.category-button{min-height:140px;padding:1.5rem;padding:var(--spacing-lg,1.5rem)}.category-icon{font-size:1.875rem;font-size:var(--font-size-3xl,1.875rem)}.category-name{font-size:1rem;font-size:var(--font-size-base,1rem)}}@media (max-width:480px){.category-grid{gap:.75rem;gap:var(--spacing-sm,.75rem);padding:.75rem;padding:var(--spacing-sm,.75rem)}.category-button{min-height:120px;padding:1rem;padding:var(--spacing-md,1rem)}.category-icon{font-size:1.5rem;font-size:var(--font-size-2xl,1.5rem)}.category-name{font-size:.875rem;font-size:var(--font-size-sm,.875rem)}}[data-theme=dark] .category-button{background:linear-gradient(135deg,#2d3748,#4a5568);background:linear-gradient(135deg,var(--dark-bg-secondary,#2d3748) 0,var(--dark-bg-tertiary,#4a5568) 100%);border-color:#4a5568;border-color:var(--dark-border,#4a5568);box-shadow:0 2px 4px #0000004d;box-shadow:var(--shadow-sm,0 2px 4px #0000004d)}[data-theme=dark] .category-button:hover{border-color:#63b3ed;border-color:var(--category-color,#63b3ed);box-shadow:0 20px 40px #63b3ed4d;box-shadow:var(--shadow-xl,0 20px 40px #63b3ed4d)}[data-theme=dark] .category-button.selected{background:linear-gradient(135deg,#63b3ed,#38b2ac 50%,#9f7aea);background:linear-gradient(135deg,var(--category-color,#63b3ed) 0,var(--dark-accent-secondary,#38b2ac) 50%,var(--dark-accent-tertiary,#9f7aea) 100%);border-color:#63b3ed;border-color:var(--category-color,#63b3ed)}.category-button.selected{animation:netflixGlow 2s ease-in-out infinite}.category-button:hover .category-icon{animation:netflixPulse .6s ease-in-out}.chat-detail{background:var(--bg-primary);box-sizing:border-box;height:100vh;position:relative}.chat-messages{flex:1 1;flex-direction:column;gap:var(--space-4);max-width:100%;min-width:0;overflow-y:auto;padding:var(--space-4) var(--space-6);width:100%}.chat-message,.chat-messages{box-sizing:border-box;display:flex}.chat-message{animation:fadeIn .3s ease-out;gap:var(--space-3)}.chat-message.user{flex-direction:row-reverse}.chat-bubble{word-wrap:break-word;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);max-width:70%;padding:var(--space-4);position:relative;transition:all var(--transition-fast)}.chat-bubble:hover{box-shadow:var(--shadow-sm)}.chat-bubble.user{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse)}.chat-bubble.assistant{color:var(--text-primary)}.chat-bubble.assistant,.chat-bubble.long,.chat-bubble.xlong{background:var(--bg-secondary)}.message-content{font-size:var(--text-base);line-height:1.6;margin:0}.message-content p{margin:0 0 var(--space-2) 0}.message-content p:last-child{margin-bottom:0}.message-time{color:var(--text-tertiary);font-size:var(--text-xs);margin-top:var(--space-2);text-align:right}.chat-bubble.user .message-time{color:#ffffffb3}.chat-input-container{background:var(--bg-elevated);border-top:1px solid var(--border-primary);bottom:0;padding:var(--space-4) var(--space-6);position:-webkit-sticky;position:sticky;z-index:var(--z-sticky)}.chat-input-area{align-items:flex-end;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-3);transition:all var(--transition-fast)}.chat-input-area:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.chat-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font-family-primary);font-size:var(--text-base);line-height:1.5;max-height:120px;min-height:24px;outline:none;resize:none}.chat-input::placeholder{color:var(--text-tertiary)}.chat-buttons{align-items:center;display:flex;gap:var(--space-2)}.mic-button,.send-button{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:flex;height:40px;justify-content:center;padding:var(--space-2);transition:all var(--transition-fast);width:40px}.mic-button:hover,.send-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.mic-button:active,.send-button:active{transform:translateY(0)}.mic-button:disabled,.send-button:disabled{background:var(--text-muted);box-shadow:none;color:var(--text-tertiary);cursor:not-allowed;transform:none}.scroll-to-bottom{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-full);bottom:100px;box-shadow:var(--shadow-md);color:var(--text-inverse);cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:var(--space-6);transition:all var(--transition-fast);width:48px;z-index:var(--z-fixed)}.scroll-to-bottom:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.scroll-to-bottom:active{transform:translateY(0)}.transcript-bar{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-primary);color:var(--text-primary);display:flex;font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-3) var(--space-6)}.transcript-preview{color:var(--text-secondary);font-style:italic}.send-confirmation{align-items:center;background:var(--color-success);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.send-confirmation:hover{background:var(--color-success);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.browser-warning{align-items:center;background:var(--color-warning);border-radius:var(--radius-md);display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.browser-warning,.error-test-btn{color:var(--text-inverse);font-size:var(--text-sm)}.error-test-btn{background:var(--color-error);border:none;border-radius:var(--radius-md);cursor:pointer;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.error-test-btn:hover{background:var(--color-error);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.chat-speech-input{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3)}.chat-speech-input .mic-button{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:flex;height:40px;justify-content:center;padding:var(--space-2);transition:all var(--transition-fast);width:40px}.chat-speech-input .mic-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.chat-speech-input .mic-button.recording{animation:pulse 1.5s infinite;background:var(--color-error)}@media (max-width:768px){.chat-input-container,.chat-messages{padding:var(--space-3) var(--space-4)}.chat-bubble{max-width:85%}.scroll-to-bottom{bottom:80px;height:44px;right:var(--space-4);width:44px}.transcript-bar{padding:var(--space-2) var(--space-4)}}.chat-messages{align-items:stretch;gap:12px;padding:24px clamp(12px,4vw,32px)}.chat-message{justify-content:flex-start;margin:0;max-width:100%;width:100%}.chat-bubble{background:var(--chat-surface);border:1px solid var(--chat-border);border-radius:var(--chat-radius-lg);color:var(--chat-text);max-width:min(65%,720px);padding:12px 16px}.chat-bubble p{background:#0000;border:0;box-shadow:none;color:inherit;margin:0;padding:0}.chat-bubble__content p+p{margin-top:8px}.chat-message.user{justify-content:flex-end}.chat-message.bot{justify-content:flex-start}.chat-message.user .chat-bubble{background:var(--chat-user-bg);border:none;color:#fff;margin-left:auto}.chat-message.bot .chat-bubble{margin-right:auto}@media (min-width:1280px){.chat-bubble{max-width:50%}}@media (min-width:1024px) and (max-width:1279px){.chat-bubble{max-width:58%}}@media (min-width:768px) and (max-width:1023px){.chat-bubble{max-width:68%}}@media (max-width:767px){.chat-bubble{max-width:85%}}.chat-message .chat-bubble>.chat-bubble__content>p,.chat-message.bot .chat-bubble>.chat-bubble__content>p,.chat-message.user .chat-bubble>.chat-bubble__content>p{background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:inherit!important;padding:0!important}.chat-message.user .chat-bubble{background:var(--chat-user-bg)!important;border:none!important;color:#fff!important}.chat-message.bot .chat-bubble{background:var(--chat-bot-bg)!important;border:1px solid var(--chat-bot-border)!important;color:var(--chat-bot-text)!important}.chat-detail .chat-messages{align-items:stretch;box-sizing:border-box;padding-bottom:100px;padding-bottom:var(--input-area-height,100px);position:relative}.chat-detail .chat-message{align-items:flex-end;display:flex;flex-wrap:nowrap;gap:var(--chat-spacing-md);justify-content:flex-start;max-width:100%;width:100%}.chat-detail .chat-message .chat-avatar{flex:0 0 32px}.chat-detail .chat-message.user .chat-avatar{order:3}.chat-detail .chat-message.user{align-self:flex-end;flex-direction:row-reverse;justify-content:flex-end}.chat-detail .chat-message.bot{align-self:flex-start;justify-content:flex-start}.chat-detail .chat-message{padding:0 clamp(8px,3vw,16px)}.chat-detail .chat-message .chat-bubble{margin-left:0;margin-right:0}.chat-detail .chat-bubble{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:column;max-width:clamp(280px,75%,720px);min-width:120px;position:relative;white-space:pre-wrap;word-break:break-word}.chat-detail .chat-message{gap:6px!important;padding:0 clamp(10px,2.5vw,24px)!important}.chat-detail .chat-bubble,.chat-detail .chat-bubble.group-first.group-last{border-radius:16px}.chat-detail .chat-bubble.group-first:not(.group-last){border-bottom-left-radius:12px;border-bottom-right-radius:12px}.chat-detail .chat-bubble.group-last:not(.group-first){border-top-left-radius:12px;border-top-right-radius:12px}.chat-detail .chat-message.bot .chat-bubble.group-last{border-bottom-left-radius:6px}.chat-detail .chat-message.user .chat-bubble.group-last{border-bottom-right-radius:6px}.chat-detail .chat-message.bot .chat-bubble.group-first{border-top-left-radius:6px}.chat-detail .chat-message.user .chat-bubble.group-first{border-top-right-radius:6px}.chat-detail .chat-message .chat-bubble{max-width:68%!important;min-width:120px}@media (max-width:1024px){.chat-detail .chat-message .chat-bubble{max-width:75%!important}}@media (max-width:768px){.chat-detail .chat-message{padding:0 12px!important}.chat-detail .chat-message .chat-bubble{max-width:96%!important;min-width:120px!important}}@media (max-width:480px){.chat-detail .chat-message{padding:0 8px!important}.chat-detail .chat-message.user .chat-bubble{margin-left:auto!important;max-width:99%!important;padding:14px 16px;width:99%!important}.chat-detail .chat-message.bot .chat-bubble{margin-right:auto!important;max-width:98%!important;padding:14px 16px;width:98%!important}}body[data-sidebar=full]{--input-left-offset:var(--sidebar-width,240px);--input-width:calc(100% - var(--sidebar-width, 240px))}body[data-sidebar=mini]{--input-left-offset:72px;--input-width:calc(100% - 72px)}body[data-sidebar=closed]{--input-left-offset:0px;--input-width:100%}.chat-detail .chat-bubble__content p{font-size:1rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.45;margin:0;max-width:100%;min-height:1.25em;overflow:visible;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.chat-detail .chat-message.user .chat-bubble__content p{color:#fff!important}.chat-detail .chat-bubble__content{display:block;width:100%}:root{--chat-column:clamp(600px,60vw,768px)}.chat-detail .chat-messages{-webkit-overflow-scrolling:touch;align-items:stretch!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:12px!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;padding:20px clamp(12px,4vw,24px) 120px!important;padding:20px clamp(12px,4vw,24px) var(--input-area-height,120px)!important;padding-top:calc(var(--header-height) + 16px)!important}.chat-detail .chat-input{align-items:center;background:var(--chat-bg);border-top:1px solid var(--chat-border);bottom:0!important;box-shadow:0 -2px 8px #0000000a;box-sizing:border-box;display:flex;justify-content:center;left:0!important;max-width:100%!important;padding-bottom:max(var(--chat-spacing-lg),env(safe-area-inset-bottom));padding-left:0;padding-right:0;padding-top:var(--chat-spacing-lg);position:-webkit-sticky!important;position:sticky!important;transform:translateZ(0);width:100%!important;z-index:1000}.chat-detail .chat-input>*{max-width:clamp(600px,60vw,768px);max-width:var(--chat-column,820px);width:100%}.chat-detail .input-bar-container,.chat-detail .input-wrapper{align-items:center;background:var(--chat-input-bg);border:1px solid var(--chat-border);border-radius:16px;box-shadow:0 -2px 8px #0000000f;box-sizing:border-box;display:flex;gap:8px;margin-left:var(--chat-spacing-xl);margin-right:var(--chat-spacing-xl);max-width:clamp(600px,60vw,768px);max-width:var(--chat-column,820px);padding:8px 12px;width:calc(100% - var(--chat-spacing-xl) - var(--chat-spacing-xl))}@supports (padding:max(0px)){.chat-detail .chat-input{padding-bottom:max(var(--chat-spacing-lg),env(safe-area-inset-bottom));padding-left:max(var(--chat-spacing-xl),env(safe-area-inset-left));padding-right:max(var(--chat-spacing-xl),env(safe-area-inset-right))}}@media (max-width:767px){.chat-detail .chat-messages{gap:10px!important;padding:12px clamp(8px,4vw,14px) 140px!important}.chat-detail .chat-message{overflow:visible!important;padding:0 clamp(8px,3vw,12px)!important}.chat-detail .chat-message .chat-bubble{max-width:96%!important;min-height:42px;padding:14px 16px}.chat-detail .chat-message .chat-bubble.long{padding:16px 18px}.chat-detail .chat-message .chat-bubble.xlong{padding:18px 20px}@supports (padding:max(0px)){.chat-detail .chat-messages{padding-bottom:max(140px,calc(120px + env(safe-area-inset-bottom)))!important}}.chat-detail .chat-input{left:0!important;padding-left:0;padding-right:0;right:0!important}.chat-detail .input-bar-container{margin-left:var(--chat-spacing-lg);margin-right:var(--chat-spacing-lg);width:calc(100% - var(--chat-spacing-lg) - var(--chat-spacing-lg))}}@media (min-width:1280px){.chat-detail .chat-message .chat-bubble{max-width:62%!important}}@media (min-width:1024px) and (max-width:1279px){.chat-detail .chat-message .chat-bubble{max-width:66%!important}}@media (min-width:768px) and (max-width:1023px){.chat-detail .chat-message .chat-bubble{max-width:70%!important}}.chat-detail .chat-message,.chat-detail .chat-message .chat-bubble,.chat-detail .chat-message .chat-bubble__content,.chat-detail .chat-message .chat-bubble__content p,.chat-detail .chat-messages{position:static!important}.chat-detail .chat-message{align-items:flex-start!important;flex:0 0 auto!important;position:static!important}.chat-detail .chat-message .chat-bubble{display:flex!important}.chat-detail .chat-message .chat-bubble__content p{line-height:1.5!important;overflow-wrap:anywhere!important;white-space:pre-wrap!important;word-break:break-word!important}.chat-detail .chat-message{align-items:stretch!important;display:flex!important;gap:0!important;margin:0 auto!important;max-width:100%!important;min-height:0;position:relative;width:100%!important;z-index:0}.chat-detail .chat-avatar{display:none!important}.chat-detail .chat-message .chat-bubble{align-self:stretch;box-sizing:border-box;display:flex;flex:0 1 auto!important;flex-direction:column;justify-content:flex-start;margin:0!important;max-height:none;max-width:min(100%,clamp(600px,60vw,768px))!important;max-width:min(100%,var(--chat-column))!important;min-height:auto;min-height:44px;overflow:visible;padding:14px 18px;width:auto!important}.chat-detail .chat-message.user{justify-content:flex-end!important}.chat-detail .chat-message.bot{justify-content:flex-start!important}.chat-detail .chat-message.user .chat-bubble{margin-left:auto!important;margin-right:0!important}.chat-detail .chat-message.bot .chat-bubble{margin-left:0!important;margin-right:auto!important}.chat-detail .chat-message .chat-bubble.long{padding:16px 20px}.chat-detail .chat-message .chat-bubble.xlong{padding:18px 22px}.chat-detail .chat-message{height:auto!important}.chat-detail .chat-bubble__content{display:block!important;width:100%!important}.chat-detail .chat-bubble__content p{display:block!important;line-height:1.5!important;margin:0 0 8px!important}.chat-detail .chat-bubble__content p:last-child{margin-bottom:0!important}.chat-detail .chat-message.user .chat-bubble{background:var(--chat-user-bg)!important;border:none!important;color:#fff!important;color:var(--chat-user-text,#fff)!important}.chat-detail .chat-message.bot .chat-bubble{background:var(--chat-surface)!important;background:var(--chat-bot-bg,var(--chat-surface))!important;border:1px solid var(--chat-bot-border,var(--chat-border))!important;color:var(--chat-text)!important;color:var(--chat-bot-text,var(--chat-text))!important}.chat-detail .welcome-message .chat-bubble.welcome{background:linear-gradient(135deg,#3b82f6,#60a5fa)!important;background:linear-gradient(135deg,var(--primary-color,#3b82f6) 0,var(--primary-color-light,#60a5fa) 100%)!important;border:none!important;box-shadow:0 4px 12px #3b82f626!important;color:#fff!important;margin:0 auto!important;max-width:600px!important}.chat-detail .welcome-message .chat-bubble.welcome h3{color:#fff!important;font-size:1.25rem!important;font-weight:600!important;margin:0 0 12px!important}.chat-detail .welcome-message .chat-bubble.welcome p{color:#ffffffe6!important;margin:0 0 8px!important}.chat-detail .welcome-message .chat-bubble.welcome ul{color:#ffffffe6!important;margin:8px 0 12px!important;padding-left:20px!important}.chat-detail .welcome-message .chat-bubble.welcome li{color:#ffffffe6!important;margin:4px 0!important}.chat-detail .welcome-message .chat-avatar{align-items:center!important;background:#3b82f6!important;background:var(--primary-color,#3b82f6)!important;border-radius:50%!important;display:flex!important;flex-shrink:0!important;height:40px!important;justify-content:center!important;margin-right:12px!important;width:40px!important}.chat-detail .welcome-message .avatar-icon{color:#fff!important;font-size:1.2rem!important}.confidence-builder{background:var(--chat-bg);display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:2rem;width:100%}.confidence-header{background:var(--chat-surface);border:1px solid var(--chat-border);border-radius:var(--chat-radius-lg);box-shadow:var(--chat-shadow-md);margin-bottom:3rem;padding:2rem;text-align:center}.confidence-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:var(--chat-text);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.confidence-header p{color:var(--chat-text-muted);font-size:1.1rem;margin:0}.tabs-container{flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.tab,.tabs-container{display:flex;justify-content:center}.tab{align-items:center;background:var(--chat-surface);border:2px solid var(--chat-border);border-radius:var(--chat-radius-lg);color:var(--chat-text);cursor:pointer;font-weight:600;gap:.5rem;min-width:160px;padding:1rem 1.5rem;transition:all .3s ease}.tab:hover{box-shadow:var(--chat-shadow-md);transform:translateY(-2px)}.tab.active,.tab:hover{border-color:var(--chat-accent)}.tab.active{background:var(--gradient-primary);box-shadow:var(--chat-shadow-lg);color:#fff}.tab-icon{font-size:1.2rem}.tab-label{font-size:.9rem}.controls-container{align-items:center;background:var(--chat-surface);border:1px solid var(--chat-border);border-radius:var(--chat-radius-lg);box-shadow:var(--chat-shadow-sm);display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:1.5rem}.control-group{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.control-group label{color:var(--chat-text);font-size:.9rem;font-weight:600}.control-group select{background:var(--chat-input-bg);border:1px solid var(--chat-border);border-radius:var(--chat-radius-sm);color:var(--chat-text);font-size:.9rem;padding:.75rem;transition:var(--chat-transition)}.control-group select:focus{border-color:var(--chat-accent);box-shadow:0 0 0 2px #007bff1a;outline:none}.generate-btn{background:var(--gradient-primary);border:none;border-radius:var(--chat-radius-lg);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:160px;padding:.75rem 2rem;transition:all .3s ease}.generate-btn:hover:not(:disabled){box-shadow:var(--chat-shadow-lg);transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading-container{background:var(--chat-surface);border:1px solid var(--chat-border);border-radius:var(--chat-radius-lg);box-shadow:var(--chat-shadow-sm);margin:2rem 0;padding:2rem;text-align:center}.progress-bar{background:var(--chat-border);border-radius:4px;height:8px;margin-bottom:1rem;overflow:hidden;width:100%}.progress-fill{background:var(--gradient-primary);border-radius:4px;height:100%;transition:width .3s ease}.loading-container p{color:var(--chat-text-muted);font-weight:500;margin:0}.workout-display{margin-top:2rem}.workout-container{background:var(--chat-surface);border:1px solid var(--chat-border);border-radius:var(--chat-radius-lg);box-shadow:var(--chat-shadow-md);overflow:hidden}.workout-header{background:var(--gradient-primary);color:#fff;padding:2rem;text-align:center}.workout-header h3{font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.workout-header p{font-size:1rem;margin:0;opacity:.9}.workout-section{border-bottom:1px solid var(--chat-border);padding:2rem}.workout-section:last-child{border-bottom:none}.workout-section h4{align-items:center;color:var(--chat-text);display:flex;font-size:1.4rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.workout-section p{color:var(--chat-text-muted);line-height:1.6;margin-bottom:1.5rem}.instructions{margin:1.5rem 0}.instruction-step{align-items:flex-start;background:var(--chat-bg);border-left:4px solid var(--chat-accent);border-radius:var(--chat-radius-sm);display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.step-number{align-items:center;background:var(--chat-accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:24px;justify-content:center;width:24px}.exercise-card{background:var(--chat-bg);border:1px solid var(--chat-border);border-radius:var(--chat-radius-md);margin-bottom:1.5rem;padding:1.5rem;transition:var(--chat-transition)}.exercise-card:hover{box-shadow:var(--chat-shadow-md);transform:translateY(-2px)}.exercise-card h5{color:var(--chat-text);font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.practice-text{background:#007bff1a;border:1px solid #007bff33;border-radius:var(--chat-radius-sm);margin:1rem 0;padding:1rem}.practice-text strong{color:var(--chat-accent);display:block;margin-bottom:.5rem}.practice-text p{color:var(--chat-text);font-style:italic;margin:0}.benefits,.tips{margin:1rem 0}.benefits strong,.tips strong{color:var(--chat-accent);display:block;margin-bottom:.5rem}.benefits ul,.tips ul{margin:0;padding-left:1.5rem}.benefits li,.tips li{color:var(--chat-text);line-height:1.5;margin-bottom:.5rem}.scenario-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:1rem 0}.detail-item{background:var(--chat-bg);border:1px solid var(--chat-border);border-radius:var(--chat-radius-sm);padding:1rem}.detail-item strong{color:var(--chat-accent);display:block;margin-bottom:.25rem}.key-phrases{background:#ffc1071a;border:1px solid #ffc10733;border-radius:var(--chat-radius-sm);margin:1rem 0;padding:1rem}.key-phrases strong{color:#ffc107;display:block;margin-bottom:.5rem}.key-phrases ul{margin:0;padding-left:1.5rem}.key-phrases li{color:var(--chat-text);font-weight:500;margin-bottom:.5rem}.tips-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1.5rem 0}.tips-column{background:var(--chat-bg);border:1px solid var(--chat-border);border-radius:var(--chat-radius-sm);padding:1.5rem}.tips-column h5{align-items:center;color:var(--chat-text);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.tips-column ul{margin:0;padding-left:1.5rem}.tips-column li{color:var(--chat-text);line-height:1.5;margin-bottom:.5rem}.skill-details{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.skill-details .detail-item{flex:1 1;min-width:150px}.steps{margin:1rem 0}@media (max-width:768px){.confidence-builder{padding:1rem}.confidence-header{margin-bottom:2rem;padding:1.5rem}.confidence-header h2{font-size:2rem}.tabs-container{align-items:center;flex-direction:column}.tab{max-width:300px;width:100%}.controls-container{align-items:stretch;flex-direction:column}.control-group{min-width:auto}.generate-btn{width:100%}.workout-header,.workout-section{padding:1.5rem}.scenario-details,.tips-section{grid-template-columns:1fr}.skill-details{flex-direction:column}}@media (max-width:480px){.confidence-header h2{font-size:1.8rem}.workout-header h3{font-size:1.5rem}.workout-section h4{font-size:1.2rem}.instruction-step{flex-direction:column;gap:.5rem}.step-number{align-self:flex-start}}[data-theme=dark] .practice-text{background:#4dabf71a;border-color:#4dabf733}[data-theme=dark] .key-phrases{background:#ffc10726;border-color:#ffc1074d}[data-theme=dark] .detail-item,[data-theme=dark] .exercise-card,[data-theme=dark] .instruction-step,[data-theme=dark] .tips-column{background:#2d314280}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.workout-container{animation:slideInUp .5s ease-out}.detail-item:hover,.exercise-card:hover,.tips-column:hover{box-shadow:var(--chat-shadow-md);transform:translateY(-2px)}.control-group select:focus-visible,.generate-btn:focus-visible,.tab:focus-visible{outline:2px solid var(--chat-accent);outline-offset:2px}@media print{.confidence-builder{background:#fff;color:#000}.controls-container,.loading-container,.tabs-container{display:none}.workout-container{border:1px solid #ccc;box-shadow:none}}:root{--sidebar-width-full:240px;--sidebar-width-mini:72px;--sidebar-width-mini-desktop:72px;--header-height:56px;--nav-btn-height:40px;--nav-btn-height-mobile:48px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--radius-sm:4px;--radius-lg:10px;--radius-full:50%;--transition-duration:0.2s;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.2s cubic-bezier(0.4,0,0.2,1);--z-sticky:100;--z-overlay:999;--z-sidebar:1000;--z-hamburger:1001;--z-floating:1002;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}.floating-hamburger{align-items:center;background:#fff;border:1px solid #e1e5e9;border:1px solid var(--border-color,#e1e5e9);border-radius:50%;border-radius:var(--radius-full);box-shadow:0 2px 8px #00000026;color:#1c1e21;color:var(--text-primary,#1c1e21);cursor:pointer;display:flex;height:44px;justify-content:center;left:8px;position:fixed;top:12px;transition:background-color .2s;width:44px;z-index:1002;z-index:var(--z-floating)}.floating-hamburger:hover{background-color:#f0f2f5;background-color:var(--hover-bg,#f0f2f5);box-shadow:0 4px 12px #0003}.floating-hamburger svg{height:24px;width:24px}[data-theme=dark] .floating-hamburger{background:#1a1a2e;border-color:#374151;color:#fff}[data-theme=dark] .floating-hamburger:hover{background-color:#1a1d29}.sidebar-overlay{animation:fadeIn .2s ease-out;animation:fadeIn var(--transition-duration) ease-out;background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999;z-index:var(--z-overlay)}.chat-sidebar__header,.sidebar-header{align-items:center;background-color:var(--sidebar-bg);border-bottom:1px solid var(--border-color);display:flex;height:56px;height:var(--header-height);justify-content:space-between;min-height:56px;padding:0 16px}@media (max-width:1024px){.chat-sidebar__header{align-items:center;display:flex;justify-content:space-between;padding:0 16px}.chat-sidebar__logo{align-items:center;display:flex;flex:0 0 auto;gap:8px}.chat-sidebar__hamburger{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-left:0}}.chat-sidebar__title,.sidebar-title{color:var(--text-primary);font-size:16px;font-weight:500;margin:0}.sidebar-actions{align-items:center;display:flex;gap:8px;gap:var(--space-2)}.chat-sidebar__logo,.chat-sidebar__logo-container{align-items:center;display:flex;flex:1 1;gap:12px}@media (max-width:1024px){.chat-sidebar__logo{flex:0 0 auto;gap:8px}.logo-text{overflow:visible;white-space:nowrap}}.logo-icon{border-radius:4px;display:block;flex-shrink:0;height:24px;object-fit:contain;width:24px}.logo-text{color:var(--text-primary);font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-sidebar.mini .chat-sidebar__header{height:56px;justify-content:center;margin-bottom:8px;padding:0}.chat-sidebar.mini .chat-sidebar__hamburger{border-radius:8px;height:40px;margin:0;padding:8px;width:40px}.chat-sidebar.collapsed .chat-sidebar__logo,.chat-sidebar.mini .chat-sidebar__logo{display:none}.chat-sidebar.mini .chat-sidebar__hamburger,.chat-sidebar:not(.mobile) .chat-sidebar__hamburger{display:flex!important}.chat-sidebar__mobile-hamburger{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-left:auto;padding:6px;position:relative;transition:all .2s ease;width:36px;z-index:10}.chat-sidebar__mobile-hamburger:hover{background-color:var(--hover-bg);transform:scale(1.05)}.chat-sidebar__mobile-hamburger:active{transform:scale(.95)}.chat-sidebar__mobile-hamburger svg{height:18px;transition:transform .2s ease;width:18px}.chat-sidebar__mobile-hamburger:hover svg{transform:scale(1.1)}.chat-sidebar__nav{border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;margin-bottom:4px;padding:16px 12px 8px}.chat-sidebar.mini .chat-sidebar__nav{align-items:center;border-bottom:none;gap:4px;margin-bottom:0;padding:8px 4px}.chat-sidebar__new-chat-btn,.new-chat-button{align-items:center;background-color:#3b82f6;background-color:var(--primary-color,#3b82f6);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;height:44px;justify-content:center;margin-bottom:8px;padding:0 16px;transition:all .2s ease;width:100%}.chat-sidebar.mini .chat-sidebar__new-chat-btn{border-radius:12px;gap:0;height:48px;justify-content:center;margin:4px auto;padding:0;width:48px}.chat-sidebar__new-chat-btn:hover{background-color:#2563eb;background-color:var(--primary-hover,#2563eb);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.chat-sidebar__new-chat-btn:active{transform:translateY(0)}.new-chat-btn-text{font-size:14px;font-weight:500;white-space:nowrap}.chat-sidebar.mini .new-chat-btn-text{display:none}.chat-sidebar__nav-btn{align-items:center;background:none;border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;gap:16px;height:44px;padding:0 12px;position:relative;transition:all .2s ease;width:100%}.chat-sidebar.mini .chat-sidebar__nav-btn{border-radius:12px;gap:0;height:48px;justify-content:center;margin:4px auto;padding:12px;width:48px}.chat-sidebar__nav-btn:hover{background-color:var(--hover-bg);transform:translateY(-1px)}.chat-sidebar__nav-btn:active{transform:translateY(0)}.chat-sidebar__nav-btn.active{background-color:var(--active-bg);color:var(--active-text);font-weight:500}.nav-icon{align-items:center;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;width:24px}.chat-sidebar.mini .nav-icon{font-size:22px;margin:0}.nav-btn-text{font-size:14px;font-weight:400;line-height:20px;text-align:left;white-space:nowrap}.chat-sidebar.collapsed .nav-btn-text,.chat-sidebar.mini .nav-btn-text{display:none}.chat-sidebar__content,.sidebar-content{background:var(--sidebar-bg);display:flex;flex:1 1 auto;flex-direction:column;min-height:0;padding:0}.chat-sidebar__chat-list{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:8px 12px 12px}.chat-sidebar.mini .chat-sidebar__chat-list{display:none}.chat-list-header{margin-bottom:8px;padding:0 4px}.chat-list-title{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.chat-list-subtitle{color:var(--text-secondary);font-size:11px;line-height:1.3;margin:4px 0 0;opacity:.8}.chat-list-container{background:var(--sidebar-bg);border:1px solid var(--border-color);border-radius:12px;flex:1 1;max-height:380px;min-height:0;overflow-y:auto;padding:8px;transition:all .2s ease}.chat-list-container:hover{border-color:var(--border-color);box-shadow:0 2px 8px #0000000d}.chat-sidebar.mini .chat-list-container{display:none}.chat-list-container::-webkit-scrollbar{background:#0000;width:6px}.chat-list-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.chat-list-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.chat-list{display:flex;flex-direction:column;gap:6px;padding:4px 0}.chat-list-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.chat-list-item:hover{background:var(--hover-bg);border-color:var(--border-color);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.chat-list-item:active{transform:translateY(0)}.chat-list-item.active{background:var(--active-bg);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 2px 8px #3b82f626}.chat-list-item.active .chat-item-title{color:#3b82f6;color:var(--primary-color,#3b82f6);font-weight:500}.chat-sidebar.mini .chat-list-item{border-radius:8px;justify-content:center;margin:2px 0;padding:8px}.chat-sidebar.mini .chat-item-content{display:none}.chat-sidebar.mini .chat-list-item:before{align-items:center;content:"💬";display:flex;font-size:1.2rem;height:100%;justify-content:center;width:100%}.chat-item-content{flex:1 1;min-width:0}.chat-item-title{color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.3;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-meta{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:12px;gap:8px;line-height:1.2;margin:0}.scenario-tag{background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:4px;color:#fff;font-size:10px;font-weight:500;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.chat-item-scenario{color:var(--text-secondary);font-size:11px;font-style:italic;margin:4px 0 0;opacity:.8}.chat-item-active-indicator{background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:50%;flex-shrink:0;height:6px;width:6px}.chat-list-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;margin-top:16px;padding:32px 16px;text-align:center}.empty-icon{font-size:2rem;margin-bottom:8px;opacity:.6}.chat-list-empty svg{height:48px;margin-bottom:16px;opacity:.6;width:48px}.chat-list-empty p{font-size:14px;font-weight:500;margin:0 0 8px}.chat-list-empty span{font-size:13px;opacity:.8}.chat-sidebar.mini .chat-list-empty{margin-top:8px;padding:16px 8px}.chat-sidebar.mini .chat-list-empty svg{height:32px;margin-bottom:8px;width:32px}.chat-sidebar.mini .chat-list-empty p,.chat-sidebar.mini .chat-list-empty span{display:none}.session-status-indicator{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:10px;margin-bottom:8px;margin-top:8px;padding:12px}.chat-sidebar.mini .session-status-indicator{display:none}.status-item{align-items:center;display:flex;gap:8px;margin-bottom:8px}.status-icon{flex-shrink:0;font-size:16px}.status-text{font-size:13px;font-weight:500}.session-count-info{color:var(--text-secondary);font-size:11px;line-height:1.3}.session-error-message{background:#dc26261a;border:1px solid #dc262633;border-radius:8px;font-size:12px;line-height:1.3;margin-top:8px;padding:8px 12px}.chat-sidebar.mini .session-error-message{display:none}.sidebar-footer{background:var(--sidebar-bg);border-top:1px solid var(--border-color);box-shadow:0 -1px 4px #00000008;color:var(--text-secondary);flex-shrink:0;font-size:.95rem;padding:10px 16px 8px}.chat-sidebar.mini .sidebar-footer{font-size:.8rem;padding:8px 12px;text-align:center}.mobile-header{align-items:center;background-color:var(--sidebar-bg);border-bottom:1px solid var(--border-color);display:flex;height:56px;height:var(--header-height);justify-content:space-between;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:1000}.mobile-header__logo-container{align-items:center;display:flex;gap:12px}.mobile-header__logo{height:24px;width:24px}.mobile-header__title{color:var(--text-primary);font-size:16px;font-weight:500;margin:0}.mobile-header__hamburger{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;width:40px}.mobile-header__hamburger:hover{background-color:var(--hover-bg)}.mobile-header__hamburger svg{height:24px;width:24px}.mobile-header__hamburger.standalone{align-items:center;background:var(--sidebar-bg);border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;left:8px;padding:8px;position:fixed;top:8px;width:40px;z-index:1000}.mobile-header__hamburger.standalone:hover{background-color:var(--hover-bg)}.mobile-header__hamburger.standalone svg{height:24px;width:24px}.feature-header{background-color:var(--sidebar-bg);border-bottom:1px solid var(--border-color);height:56px;padding:0 16px}@media (min-width:1313px){.chat-sidebar{max-width:240px;max-width:var(--sidebar-width-full);min-width:240px;min-width:var(--sidebar-width-full);transition:width .3s cubic-bezier(.4,0,.2,1);width:240px;width:var(--sidebar-width-full)}.chat-sidebar.mini{max-width:72px;max-width:var(--sidebar-width-mini-desktop);min-width:72px;min-width:var(--sidebar-width-mini-desktop);width:72px;width:var(--sidebar-width-mini-desktop)}.feature-header{margin-left:240px;margin-left:var(--sidebar-width-full);transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.chat-sidebar.mini+.feature-header{margin-left:72px;margin-left:var(--sidebar-width-mini)}}@media (max-width:1312px) and (min-width:769px){.chat-sidebar:not(.mobile){height:100vh;left:0;max-width:72px;max-width:var(--sidebar-width-mini-desktop);min-width:72px;min-width:var(--sidebar-width-mini-desktop);position:fixed;top:0;width:72px;width:var(--sidebar-width-mini-desktop);z-index:1000;z-index:var(--z-sidebar)}.chat-sidebar:not(.mobile).collapsed{transform:translateX(0);width:72px;width:var(--sidebar-width-mini-desktop)}.chat-sidebar:not(.mobile) .chat-sidebar__header-left{justify-content:center;padding:0 12px;padding:0 var(--spacing-md)}.chat-sidebar:not(.mobile) .chat-sidebar__logo{display:none}.feature-header{margin-left:72px;margin-left:var(--sidebar-width-mini)}}@media (min-width:769px) and (max-width:1312px){.chat-sidebar{width:72px;width:var(--sidebar-width-mini)}.feature-header{margin-left:72px;margin-left:var(--sidebar-width-mini)}}@media (max-width:768px){.chat-sidebar.mobile{bottom:0;left:0;max-width:320px;position:fixed;top:0;transform:translateX(0);transition:transform .2s cubic-bezier(.4,0,.2,1);width:100%;z-index:1000}.chat-sidebar.mobile.collapsed{transform:translateX(-100%)}.chat-sidebar__logo{align-items:center;display:flex;flex:0 0 auto;gap:8px;justify-content:flex-start;padding-right:8px}.chat-sidebar__hamburger{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-left:0}.chat-sidebar.mobile.mini{display:none}.chat-sidebar.mobile.collapsed .chat-sidebar__hamburger{background-color:var(--sidebar-bg);border:1px solid var(--border-color);border-radius:50%;border-radius:var(--radius-full);box-shadow:0 2px 8px #00000026;height:44px;left:8px;position:fixed;top:12px;transform:translateX(0);width:44px;z-index:1002}.chat-sidebar.mobile:not(.collapsed) .chat-sidebar__header-left{justify-content:flex-start;padding:0 16px;padding:0 var(--spacing-lg)}.chat-sidebar.mobile.collapsed .chat-sidebar__header-left{justify-content:center;padding:0}.chat-sidebar.mobile:not(.collapsed) .chat-sidebar__nav{padding:16px;padding:var(--spacing-lg)}.chat-sidebar.mobile.collapsed .chat-sidebar__nav{display:none}.chat-sidebar.mobile:not(.collapsed) .chat-sidebar__nav-btn,.chat-sidebar.mobile:not(.collapsed) .chat-sidebar__new-chat-btn{font-size:16px;height:48px;height:var(--nav-btn-height-mobile)}.chat-sidebar.mobile:not(.collapsed) .chat-sidebar__logo{display:flex!important}.chat-sidebar.mobile.collapsed .chat-sidebar__logo{display:none!important}.chat-sidebar.mobile.collapsed .chat-sidebar__content{display:none}.chat-sidebar.mobile.collapsed .chat-sidebar__header{background:#0000;border:none}.feature-header{padding-left:64px}.mobile-header,.mobile-header__logo,.mobile-header__logo-container,.mobile-header__title{display:none}.sidebar-content,.sidebar-footer,.sidebar-header{padding:12px 16px;padding:var(--space-3) var(--space-4)}.chat-list-item{padding:12px;padding:var(--space-3)}.chat-item-title{font-size:13px;font-size:var(--text-sm,13px)}.chat-item-meta{font-size:12px;font-size:var(--text-xs,12px)}}@media (max-width:480px){.chat-sidebar__title,.sidebar-title{font-size:14px;font-size:var(--text-base,14px)}}.chat-sidebar.mobile.collapsed.dark .chat-sidebar__hamburger,[data-theme=dark] .mobile-header{background-color:var(--dark-bg);border-color:var(--dark-border)}.chat-sidebar.mobile.collapsed.dark .chat-sidebar__hamburger{color:var(--dark-text)}.chat-sidebar button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.chat-list-item,.chat-sidebar,.chat-sidebar__nav-btn,.floating-hamburger,.new-chat-button{transition:none}.sidebar-overlay{animation:none}}.chat-list-item:hover,.chat-sidebar__nav-btn:hover,.chat-sidebar__new-chat-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.chat-sidebar__nav-btn.active{box-shadow:0 2px 8px #3b82f633}.chat-list-item.active{box-shadow:0 4px 16px #3b82f626}.chat-sidebar__new-chat-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.chat-list-item:focus,.chat-sidebar button:focus{outline:2px solid #3b82f6;outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}.chat-list-container::-webkit-scrollbar-corner,.chat-list-container::-webkit-scrollbar-track{background:#0000}.chat-list-empty{border:1px dashed var(--border-color)}.chat-list-empty,.session-status-indicator{background:linear-gradient(135deg,var(--hover-bg) 0,#0000 100%)}.session-status-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.session-error-message{background:linear-gradient(135deg,#dc26261a,#0000);border-left:3px solid #dc2626}.chat-sidebar.mini .chat-sidebar__nav-btn,.chat-sidebar.mini .chat-sidebar__new-chat-btn{box-shadow:0 2px 4px #0000001a}.chat-sidebar.mini .chat-sidebar__nav-btn:hover,.chat-sidebar.mini .chat-sidebar__new-chat-btn:hover{box-shadow:0 4px 8px #00000026}.chat-sidebar__logo{position:relative}.logo-icon,.logo-text{position:relative;z-index:1}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text}.chat-sidebar__nav{position:relative}.chat-sidebar__nav:before{background:linear-gradient(90deg,#0000 0,var(--border-color) 50%,#0000 100%);content:"";height:1px;left:12px;position:absolute;right:12px;top:0}.chat-list-container{overflow:hidden;position:relative}.chat-list-container:before{background:linear-gradient(90deg,#0000 0,var(--border-color) 50%,#0000 100%);content:"";height:1px;left:0;position:absolute;right:0;top:0}.chat-list-item{overflow:hidden;position:relative}.chat-list-item:before{background:#3b82f6;background:var(--primary-color,#3b82f6);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .2s ease;width:3px}.chat-list-item.active:before,.chat-list-item:hover:before{transform:scaleY(1)}.chat-item-active-indicator{animation:pulse 2s infinite;position:relative}.chat-sidebar{--sidebar-bg:#fff;--text-primary:#1a202c;--text-secondary:#6b7280;--border-color:#e2e8f0;--hover-bg:#f8fafc;--active-bg:#f1f5f9;--active-text:#1a202c;--shadow-light:#0000001a;--shadow-hover:#0000001f;background-color:var(--sidebar-bg);border-right:1.5px solid var(--border-color);box-shadow:2px 0 8px #00000008;color:var(--text-primary);display:flex;flex-direction:column;font-family:Poppins,sans-serif;font-size:var(--font-size-sm);height:100vh;left:0;max-width:240px;max-width:var(--sidebar-width-full);min-width:240px;min-width:var(--sidebar-width-full);position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:240px;width:var(--sidebar-width-full);z-index:1000;z-index:var(--z-sidebar)}.chat-sidebar.dark,[data-theme=dark] .chat-sidebar{--sidebar-bg:#1a1a2e;--text-primary:#fff;--text-secondary:#a0aec0;--border-color:#374151;--hover-bg:#1a1d29;--active-bg:#242837;--active-text:#fff;--shadow-light:#0000004d;--shadow-hover:#0006}.chat-sidebar.mini{box-shadow:2px 0 8px #0000000d;max-width:72px;max-width:var(--sidebar-width-mini);min-width:72px;min-width:var(--sidebar-width-mini);transition:width .3s cubic-bezier(.4,0,.2,1);width:72px;width:var(--sidebar-width-mini)}.chat-sidebar.mobile{transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1);visibility:hidden}.chat-sidebar.mobile:not(.collapsed){transform:translateX(0);visibility:visible;width:240px;width:var(--sidebar-width-full)}.chat-sidebar__hamburger{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:6px;position:relative;transition:all .2s ease;width:36px}.chat-sidebar__hamburger:hover{background-color:var(--hover-bg);box-shadow:0 2px 8px #0000001a;transform:scale(1.05)}.chat-sidebar__hamburger:active{transform:scale(.95)}.chat-sidebar__hamburger svg{height:18px;transition:transform .2s ease;width:18px}.chat-sidebar__hamburger:hover svg{transform:scale(1.1)}.chat-sidebar__hamburger.mini{background-color:var(--hover-bg)}.chat-sidebar__hamburger.mini svg{transform:rotate(180deg)}@media (max-width:768px){.chat-sidebar.mobile{transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.chat-sidebar.mobile:not(.collapsed){transform:translateX(0)}.chat-sidebar.mobile.collapsed .chat-sidebar__hamburger{background-color:var(--sidebar-bg);border:1px solid var(--border-color);border-radius:50%;box-shadow:0 4px 12px #00000026;height:44px;left:8px;position:fixed;top:12px;transform:translateX(0);width:44px;z-index:1002}.chat-sidebar.mobile.collapsed .chat-sidebar__hamburger:hover{background-color:var(--hover-bg);box-shadow:0 6px 16px #0003}}@media (min-width:1313px){.chat-sidebar{max-width:240px;max-width:var(--sidebar-width-full);min-width:240px;min-width:var(--sidebar-width-full);width:240px;width:var(--sidebar-width-full)}.chat-sidebar.mini{max-width:72px;max-width:var(--sidebar-width-mini-desktop);min-width:72px;min-width:var(--sidebar-width-mini-desktop);width:72px;width:var(--sidebar-width-mini-desktop)}}@media (max-width:1312px) and (min-width:769px){.chat-sidebar:not(.mobile){max-width:72px;max-width:var(--sidebar-width-mini-desktop);min-width:72px;min-width:var(--sidebar-width-mini-desktop);width:72px;width:var(--sidebar-width-mini-desktop)}.chat-sidebar:not(.mobile).collapsed{transform:translateX(0);width:72px;width:var(--sidebar-width-mini-desktop)}}.chat-sidebar *{transition:all .2s cubic-bezier(.4,0,.2,1)}.chat-sidebar__hamburger:focus-visible{background-color:var(--hover-bg);outline:2px solid #3b82f6;outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}.chat-sidebar__hamburger:disabled{cursor:not-allowed;opacity:.6;transform:none!important}@keyframes sidebarSlideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes sidebarSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}.chat-sidebar.mobile:not(.collapsed){animation:sidebarSlideIn .3s cubic-bezier(.4,0,.2,1)}.chat-sidebar.mobile.collapsed{animation:sidebarSlideOut .3s cubic-bezier(.4,0,.2,1)}.avatar{align-items:center;background-color:#3b82f6;background-position:50%;background-size:cover;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:max(12px,min(1rem,2.5vw));font-weight:700;height:min(40px,10vw);justify-content:center;letter-spacing:.5px;line-height:1;text-shadow:0 1px 3px #0009;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:min(40px,10vw)}.avatar img,.avatar--img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.avatar--button{background:none;border:none;cursor:pointer;display:inline-flex;padding:0}.feature-header .avatar{background-color:#3b82f6!important;background-image:none!important;border-radius:50%!important;flex-shrink:0;font-size:14px!important;height:36px!important;width:36px!important}.feature-header .avatar,.feature-header .avatar div,.feature-header .avatar span{align-items:center!important;color:#fff!important;display:flex!important;font-weight:700!important;justify-content:center!important;letter-spacing:.5px!important;line-height:1!important;text-align:center!important;text-shadow:0 1px 3px #0009!important;text-transform:uppercase!important}@media (orientation:landscape) and (max-width:768px){.avatar{font-size:max(10px,min(.9rem,2vw));font-weight:600;height:min(36px,8vw);width:min(36px,8vw)}}@media (orientation:portrait) and (max-width:768px){.avatar{font-size:max(12px,min(1.1rem,3vw));font-weight:600;height:min(42px,12vw);width:min(42px,12vw)}}.feature-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--bg-elevated,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary,#e2e8f0);box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--shadow-sm,0 1px 3px 0 #0000001a);box-sizing:border-box;display:flex;height:var(--header-height);justify-content:flex-start;left:0;margin:0;padding:16px 24px;padding:var(--space-4,16px) var(--space-6,24px);position:fixed;right:0;top:0;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-duration,.2s) cubic-bezier(.4,0,.2,1);width:100%;z-index:999;z-index:var(--z-sticky,999)}.feature-header .header-container{align-items:center;display:flex;gap:16px;gap:var(--space-4,16px);justify-content:space-between;margin:0 auto;max-width:1400px;padding:0;width:100%}.feature-header__content,.feature-header__hamburger{margin-right:16px;margin-right:var(--space-4,16px)}.feature-header__content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--space-1,.25rem);min-width:0;padding:0}.feature-header .header-right{align-items:center;display:flex;flex-shrink:0;gap:8px;gap:var(--space-2,8px);margin-left:auto}.feature-header.sidebar-open,.feature-header.sidebar-open.mini{padding-left:0}.feature-header.dark,[data-theme=dark] .feature-header{background:#1a1a2e;background:var(--bg-elevated,#1a1a2e);border-bottom:1px solid #374151;border-bottom:1px solid var(--border-primary,#374151)}.feature-header.mobile{padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.feature-header.mobile.sidebar-open{left:0;padding-left:16px;padding-left:var(--space-4,16px);width:100%}.feature-header__hamburger{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;margin:0;padding:.5rem;padding:var(--space-2,.5rem);position:relative;transition:all .2s ease;transition:all var(--transition-fast,.2s) ease;width:40px;z-index:10}.feature-header__hamburger:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.feature-header.dark .feature-header__hamburger,[data-theme=dark] .feature-header__hamburger{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.feature-header.dark .feature-header__hamburger:hover,[data-theme=dark] .feature-header__hamburger:hover{background:#374151;background:var(--bg-tertiary,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb)}.feature-header__hamburger svg{height:24px;width:24px}.feature-header-content,.feature-header__content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--space-1,.25rem);margin-right:16px;margin-right:var(--space-4,16px);min-width:0;padding:0}.feature-header__title,.feature-title{align-items:center;color:#111827;color:var(--text-primary,#111827);display:flex;font-size:1.125rem;font-size:var(--text-xl,1.125rem);font-weight:600;font-weight:var(--font-bold,600);gap:.5rem;gap:var(--space-2,.5rem);line-height:1.3;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feature-header.dark .feature-header__title,.feature-header.dark .feature-title,[data-theme=dark] .feature-header__title{color:#f9fafb;color:var(--text-primary,#f9fafb)}.feature-header__subtitle,.feature-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;font-size:var(--text-sm,.875rem);font-weight:400;font-weight:var(--font-normal,400);line-height:1.3;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feature-header.dark .feature-header__subtitle,.feature-header.dark .feature-subtitle,[data-theme=dark] .feature-header__subtitle{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.voice-status-display{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.75rem;font-size:var(--text-xs,.75rem);font-weight:400;font-weight:var(--font-normal,400);gap:.5rem;gap:var(--space-2,.5rem);margin-top:.25rem;margin-top:var(--space-1,.25rem)}.feature-header.dark .voice-status-display,[data-theme=dark] .voice-status-display{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.voice-status-icon{font-size:.875rem;font-size:var(--text-sm,.875rem)}.voice-status-text{font-weight:500;font-weight:var(--font-medium,500)}.voice-connection-status{font-size:.6875rem;opacity:.8}.feature-header-actions,.header-right{align-items:center;display:flex;gap:8px;gap:var(--space-2,8px);margin-left:auto}.theme-toggle{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-primary,#e5e7eb);border-radius:.5rem;border-radius:var(--radius-lg,.5rem);color:#374151;color:var(--text-primary,#374151);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--text-sm,.875rem);font-weight:500;font-weight:var(--font-medium,500);gap:.5rem;gap:var(--space-2,.5rem);padding:.5rem .75rem;padding:var(--space-2,.5rem) var(--space-3,.75rem);transition:all .2s;transition:all var(--transition-fast,.2s)}.theme-toggle:hover{background:#e5e7eb;background:var(--bg-tertiary,#e5e7eb);border-color:#d1d5db;border-color:var(--border-secondary,#d1d5db);box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--shadow-sm,0 1px 3px 0 #0000001a);transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}.theme-toggle:disabled{cursor:not-allowed;opacity:.6;transform:none}.quick-voice-selector,.voice-selector{display:inline-block;position:relative}.voice-selector-button{align-items:center;background:#fff;background:var(--dropdown-bg,#fff);border:1px solid #0000001a;border:1px solid var(--border-primary,#0000001a);border-radius:8px;border-radius:var(--radius-lg,8px);color:#374151;color:var(--text-primary,#374151);cursor:pointer;display:flex;font-size:14px;font-size:var(--text-sm,14px);font-weight:500;font-weight:var(--font-medium,500);gap:8px;gap:var(--space-2,8px);height:36px;min-width:120px;padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px);transition:all .2s;transition:all var(--transition-fast,.2s)}.voice-selector-button:hover{background:#0000000d;background:var(--hover-bg,#0000000d);border-color:#00000026;border-color:var(--border-secondary,#00000026)}.voice-selector-button:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;box-shadow:0 0 0 3px var(--color-primary-light,#3b82f61a);outline:none}[data-theme=dark] .voice-selector-button{background:#1a1b1e;background:var(--dark-bg,#1a1b1e);border-color:#ffffff1a;border-color:var(--border-primary,#ffffff1a);color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .voice-selector-button:hover{background:#ffffff0d;background:var(--dark-hover,#ffffff0d);border-color:#ffffff26;border-color:var(--border-secondary,#ffffff26)}.voice-button-text{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-dropdown{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;background:var(--dropdown-bg,#fff);border:1px solid #0000001a;border:1px solid var(--border-primary,#0000001a);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 4px 6px -1px #0000001a,0 10px 15px -3px #0000001a,0 0 0 1px #0000000d;box-shadow:var(--shadow-lg,0 4px 6px -1px #0000001a,0 10px 15px -3px #0000001a,0 0 0 1px #0000000d);margin-top:.25rem;margin-top:var(--space-1,.25rem);max-width:400px;min-width:320px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);top:calc(100% + var(--space-2, 8px));z-index:1100;z-index:var(--z-dropdown,1100)}[data-theme=dark] .voice-dropdown{background:#1a1b1e;background:var(--dark-bg,#1a1b1e);border-color:#ffffff1a;border-color:var(--border-primary,#ffffff1a);box-shadow:0 4px 6px -1px #0003,0 10px 15px -3px #0003,0 0 0 1px #ffffff0d;box-shadow:var(--shadow-lg,0 4px 6px -1px #0003,0 10px 15px -3px #0003,0 0 0 1px #ffffff0d)}.voice-dropdown-header{background:#00000005;background:var(--hover-bg,#00000005);border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border-primary,#0000001a);padding:16px;padding:var(--space-4,16px)}[data-theme=dark] .voice-dropdown-header{background:#ffffff05;background:var(--dark-hover,#ffffff05);border-bottom-color:#ffffff1a;border-bottom-color:var(--border-primary,#ffffff1a)}.voice-dropdown-title{color:#111827;color:var(--text-primary,#111827);font-size:14px;font-size:var(--text-sm,14px);font-weight:600;font-weight:var(--font-bold,600);margin-bottom:8px;margin-bottom:var(--space-2,8px)}.voice-connection-badge{align-items:center;display:flex}.connection-indicator{border-radius:12px;font-size:12px;font-size:var(--text-xs,12px);font-weight:500;font-weight:var(--font-medium,500);padding:4px 8px;padding:var(--space-1,4px) var(--space-2,8px)}.connection-indicator.premium{background:#ecfdf5;color:#065f46}.connection-indicator.standard{background:#f0f9ff;color:#0c4a6e}.connection-indicator.connecting{background:#fef3c7;color:#92400e}.connection-indicator.unavailable{background:#fef2f2;color:#991b1b}[data-theme=dark] .connection-indicator.premium{background:#064e3b;color:#6ee7b7}[data-theme=dark] .connection-indicator.standard{background:#0c4a6e;color:#7dd3fc}[data-theme=dark] .connection-indicator.connecting{background:#78350f;color:#fbbf24}[data-theme=dark] .connection-indicator.unavailable{background:#7f1d1d;color:#fca5a5}.voice-dropdown-section{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border-primary,#0000001a);padding:16px;padding:var(--space-4,16px)}[data-theme=dark] .voice-dropdown-section{border-bottom-color:#ffffff1a;border-bottom-color:var(--border-primary,#ffffff1a)}.voice-dropdown-section:last-of-type{border-bottom:none}.voice-section-title{color:#111827;color:var(--text-primary,#111827);font-size:14px;font-size:var(--text-sm,14px);font-weight:600;font-weight:var(--font-bold,600);margin-bottom:12px;margin-bottom:var(--space-3,12px)}.voice-options{display:flex;flex-direction:column;gap:8px;gap:var(--space-2,8px)}.voice-option{align-items:center;background:none;border:1px solid #0000001a;border:1px solid var(--border-primary,#0000001a);border-radius:8px;border-radius:var(--radius-md,8px);color:#374151;color:var(--text-primary,#374151);cursor:pointer;display:flex;font-size:14px;font-size:var(--text-sm,14px);justify-content:space-between;padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px);text-align:left;transition:all .2s;transition:all var(--transition-fast,.2s)}.voice-option:hover{background:#0000000d;background:var(--hover-bg,#0000000d);border-color:#00000026;border-color:var(--border-secondary,#00000026)}.voice-option.selected{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8;font-weight:500;font-weight:var(--font-medium,500)}[data-theme=dark] .voice-option{border-color:#ffffff1a;border-color:var(--border-primary,#ffffff1a);color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .voice-option:hover{background:#ffffff0d;background:var(--dark-hover,#ffffff0d);border-color:#ffffff26;border-color:var(--border-secondary,#ffffff26)}[data-theme=dark] .voice-option.selected{background:#1e3a8a;border-color:#3b82f6;color:#93c5fd}.voice-option-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.voice-option-label{font-size:14px;font-size:var(--text-sm,14px);font-weight:500;font-weight:var(--font-medium,500)}.voice-option-lang{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;font-size:var(--text-xs,12px);margin-left:8px;margin-left:var(--space-2,8px)}[data-theme=dark] .voice-option-lang{color:#94a3b8}.voice-selected-icon{color:#3b82f6;flex-shrink:0}.voice-option-more{background:none;border:1px dashed #00000026;border:1px dashed var(--border-secondary,#00000026);border-radius:8px;border-radius:var(--radius-md,8px);color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:14px;font-size:var(--text-sm,14px);padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px);transition:all .2s;transition:all var(--transition-fast,.2s)}.voice-option-more:hover{background:#0000000d;background:var(--hover-bg,#0000000d);color:#111827;color:var(--text-primary,#111827)}[data-theme=dark] .voice-option-more{border-color:#ffffff26;border-color:var(--border-secondary,#ffffff26);color:#94a3b8}[data-theme=dark] .voice-option-more:hover{background:#ffffff0d;background:var(--dark-hover,#ffffff0d);color:#f9fafb;color:var(--text-primary,#f9fafb)}.profile-options{display:flex;flex-direction:column;gap:8px;gap:var(--space-2,8px)}.profile-option{align-items:center;background:none;border:1px solid #0000001a;border:1px solid var(--border-primary,#0000001a);border-radius:8px;border-radius:var(--radius-md,8px);color:#374151;color:var(--text-primary,#374151);cursor:pointer;display:flex;justify-content:space-between;padding:12px;padding:var(--space-3,12px);text-align:left;transition:all .2s;transition:all var(--transition-fast,.2s)}.profile-option:hover{background:#0000000d;background:var(--hover-bg,#0000000d);border-color:#00000026;border-color:var(--border-secondary,#00000026)}.profile-option.selected{background:#eff6ff;border-color:#3b82f6}[data-theme=dark] .profile-option{border-color:#ffffff1a;border-color:var(--border-primary,#ffffff1a);color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .profile-option:hover{background:#ffffff0d;background:var(--dark-hover,#ffffff0d);border-color:#ffffff26;border-color:var(--border-secondary,#ffffff26)}[data-theme=dark] .profile-option.selected{background:#1e3a8a;border-color:#3b82f6}.profile-option-content{flex:1 1;min-width:0}.profile-option-name{color:#111827;color:var(--text-primary,#111827);display:block;font-size:14px;font-size:var(--text-sm,14px);font-weight:500;font-weight:var(--font-medium,500);margin-bottom:4px;margin-bottom:var(--space-1,4px)}.profile-option-desc{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;font-size:var(--text-xs,12px);line-height:1.3}[data-theme=dark] .profile-option-desc{color:#94a3b8}.profile-selected-icon{color:#3b82f6;flex-shrink:0;margin-left:8px;margin-left:var(--space-2,8px)}.voice-dropdown-footer{background:#00000005;background:var(--hover-bg,#00000005);padding:16px;padding:var(--space-4,16px)}[data-theme=dark] .voice-dropdown-footer{background:#ffffff05;background:var(--dark-hover,#ffffff05)}.voice-settings-button{align-items:center;background:#3b82f6;border:none;border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;cursor:pointer;display:flex;font-size:14px;font-size:var(--text-sm,14px);font-weight:500;font-weight:var(--font-medium,500);gap:8px;gap:var(--space-2,8px);padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px);transition:all .2s;transition:all var(--transition-fast,.2s);width:100%}.voice-settings-button:hover{background:#2563eb}.overflow-menu{position:relative}.overflow-menu,.overflow-toggle{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin:0}.overflow-toggle{background:none;border:none;border-radius:50%;color:#6b7280;color:var(--text-primary,#6b7280);cursor:pointer;height:36px;padding:6px;transition:background-color .2s;transition:background-color var(--transition-fast,.2s);width:36px}.overflow-toggle:hover{background-color:#f3f4f6;background-color:var(--hover-bg,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}[data-theme=dark] .overflow-toggle{color:#9ca3af;color:var(--text-secondary,#9ca3af)}[data-theme=dark] .overflow-toggle:hover{background-color:#374151;background-color:var(--dark-hover,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb)}.overflow-dropdown{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;background:var(--dropdown-bg,#fff);border:1px solid #0000001a;border:1px solid var(--border-primary,#0000001a);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 4px 6px -1px #0000001a,0 10px 15px -3px #0000001a,0 0 0 1px #0000000d;box-shadow:var(--shadow-lg,0 4px 6px -1px #0000001a,0 10px 15px -3px #0000001a,0 0 0 1px #0000000d);opacity:1;overflow:hidden;padding:8px 0;padding:var(--space-2,8px) 0;position:absolute;right:0;top:calc(100% + 8px);top:calc(100% + var(--space-2, 8px));visibility:visible;width:220px;z-index:9999}[data-theme=dark] .overflow-dropdown{background:#1a1b1e;background:var(--dark-bg,#1a1b1e);border-color:#ffffff1a;border-color:var(--border-primary,#ffffff1a);box-shadow:0 4px 6px -1px #0003,0 10px 15px -3px #0003,0 0 0 1px #ffffff0d;box-shadow:var(--shadow-lg,0 4px 6px -1px #0003,0 10px 15px -3px #0003,0 0 0 1px #ffffff0d)}.dropdown-item{align-items:center;background:none;border:none;color:#374151;color:var(--text-primary,#374151);cursor:pointer;display:flex;font-size:14px;font-size:var(--text-sm,14px);font-weight:500;font-weight:var(--font-medium,500);gap:12px;gap:var(--space-3,12px);padding:10px 16px;padding:var(--space-2,10px) var(--space-4,16px);text-align:left;transition:all .2s;transition:all var(--transition-fast,.2s);width:100%}.dropdown-item:hover{background-color:#0000000d;background-color:var(--hover-bg,#0000000d);transform:translateX(4px)}[data-theme=dark] .dropdown-item{color:#d1d5db;color:var(--text-primary,#d1d5db)}[data-theme=dark] .dropdown-item:hover{background-color:#ffffff0d;background-color:var(--dark-hover,#ffffff0d)}.dropdown-item.voice-item{align-items:flex-start}.dropdown-item.voice-item,.voice-item-content{flex-direction:column;gap:4px;gap:var(--space-1,4px)}.voice-item-content{display:flex;width:100%}.voice-item-title{font-weight:500;font-weight:var(--font-medium,500)}.voice-item-current{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;font-size:var(--text-xs,12px)}[data-theme=dark] .voice-item-current{color:#94a3b8}.mobile-voice-selector{background:#00000005;background:var(--hover-bg,#00000005);border-top:1px solid #0000001a;border-top:1px solid var(--border-primary,#0000001a);padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}[data-theme=dark] .mobile-voice-selector{background:#ffffff05;background:var(--dark-hover,#ffffff05);border-top-color:#ffffff1a;border-top-color:var(--border-primary,#ffffff1a)}.mobile-voice-title{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;font-size:var(--text-xs,12px);font-weight:600;font-weight:var(--font-bold,600);letter-spacing:.05em;margin-bottom:8px;margin-bottom:var(--space-2,8px);text-transform:uppercase}[data-theme=dark] .mobile-voice-title{color:#94a3b8}.mobile-voice-option{background:none;border:1px solid #0000001a;border:1px solid var(--border-primary,#0000001a);border-radius:6px;border-radius:var(--radius-sm,6px);color:#374151;color:var(--text-primary,#374151);cursor:pointer;display:block;font-size:14px;font-size:var(--text-sm,14px);margin:4px 0;margin:var(--space-1,4px) 0;padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px);text-align:left;transition:all .2s;transition:all var(--transition-fast,.2s);width:100%}.mobile-voice-option:hover{background:#0000000d;background:var(--hover-bg,#0000000d)}.mobile-voice-option.selected{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8;font-weight:500;font-weight:var(--font-medium,500)}[data-theme=dark] .mobile-voice-option{border-color:#ffffff1a;border-color:var(--border-primary,#ffffff1a);color:#d1d5db;color:var(--text-primary,#d1d5db)}[data-theme=dark] .mobile-voice-option:hover{background:#ffffff0d;background:var(--dark-hover,#ffffff0d)}[data-theme=dark] .mobile-voice-option.selected{background:#1e3a8a;border-color:#3b82f6;color:#93c5fd}.mobile-voice-more{background:none;border:1px dashed #00000026;border:1px dashed var(--border-secondary,#00000026);border-radius:6px;border-radius:var(--radius-sm,6px);color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:block;font-size:14px;font-size:var(--text-sm,14px);margin:8px 0 0;margin:var(--space-2,8px) 0 0 0;padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px);text-align:left;transition:all .2s;transition:all var(--transition-fast,.2s);width:100%}.mobile-voice-more:hover{background:#0000000d;background:var(--hover-bg,#0000000d);color:#111827;color:var(--text-primary,#111827)}[data-theme=dark] .mobile-voice-more{border-color:#ffffff26;border-color:var(--border-secondary,#ffffff26);color:#94a3b8}[data-theme=dark] .mobile-voice-more:hover{background:#ffffff0d;background:var(--dark-hover,#ffffff0d);color:#f9fafb;color:var(--text-primary,#f9fafb)}.avatar-container{position:relative}.avatar-button,.avatar-container{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin:0}.avatar-button{background:none;border:none;border-radius:50%;cursor:pointer;height:36px;padding:0;transition:transform .2s;transition:transform var(--transition-fast,.2s);width:36px}.avatar-button:hover{opacity:.8;transform:scale(1.05)}.avatar-dropdown{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;background:var(--dropdown-bg,#fff);border:1px solid #0000001a;border:1px solid var(--border-primary,#0000001a);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 4px 6px -1px #0000001a,0 10px 15px -3px #0000001a,0 0 0 1px #0000000d;box-shadow:var(--shadow-lg,0 4px 6px -1px #0000001a,0 10px 15px -3px #0000001a,0 0 0 1px #0000000d);opacity:1;overflow:hidden;padding:8px 0;padding:var(--space-2,8px) 0;position:absolute;right:0;top:calc(100% + 8px);top:calc(100% + var(--space-2, 8px));visibility:visible;width:280px;z-index:9999}[data-theme=dark] .avatar-dropdown{background:#1a1b1e;background:var(--dark-bg,#1a1b1e);border-color:#ffffff1a;border-color:var(--border-primary,#ffffff1a);box-shadow:0 4px 6px -1px #0003,0 10px 15px -3px #0003,0 0 0 1px #ffffff0d;box-shadow:var(--shadow-lg,0 4px 6px -1px #0003,0 10px 15px -3px #0003,0 0 0 1px #ffffff0d)}.dropdown-header{align-items:center;background:#f9fafb;border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border-color,#0000001a);display:flex;gap:12px;gap:var(--space-3,12px);margin-bottom:8px;margin-bottom:var(--space-2,8px);padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}[data-theme=dark] .dropdown-header{background:#111827;border-color:#ffffff1a;border-color:var(--border-color,#ffffff1a)}.user-info{flex:1 1;min-width:0}.user-name{color:#111827;font-size:14px;font-size:var(--text-sm,14px);font-weight:600;font-weight:var(--font-bold,600);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .user-name{color:#f9fafb}.user-email{color:#6b7280;font-size:12px;font-size:var(--text-xs,12px);margin:4px 0 0;margin:var(--space-1,4px) 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .user-email{color:#9ca3af}.dropdown-divider{background:#0000001a;background:var(--border-color,#0000001a);height:1px}[data-theme=dark] .dropdown-divider{background:#ffffff1a}@media (max-width:768px){.feature-header{padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.feature-header.sidebar-open{left:var(--sidebar-width-full);padding-left:8px;padding-left:var(--space-2,8px);width:calc(100% - var(--sidebar-width-full))}.feature-header__content,.feature-header__hamburger{margin-right:8px;margin-right:var(--space-2,8px)}.feature-header__title,.feature-title{font-size:14px;font-size:var(--text-lg,14px)}.feature-header-actions,.header-right{align-items:center;display:flex;flex-shrink:0;gap:4px;gap:var(--space-1,4px);margin-left:auto}.feature-header .avatar-container,.feature-header .overflow-menu{flex-shrink:0;margin:0}.voice-button-text,.voice-status-display{display:none}.theme-toggle,.voice-selector-button{font-size:12px;font-size:var(--text-xs,12px);padding:8px;padding:var(--space-2,8px)}.voice-selector-button{min-width:100px}.avatar-dropdown,.overflow-dropdown,.voice-dropdown{border-radius:16px 16px 0 0;bottom:0;left:0;max-height:70vh;max-width:none;min-width:auto;overflow-y:auto;position:fixed;right:0;top:auto}}@media (min-width:769px) and (max-width:1312px){.feature-header.sidebar-open{padding-left:calc(var(--sidebar-width-mini) + 24px)}.feature-header__hamburger{margin-left:-var(--space-1,4px)}}@media (min-width:1313px){.feature-header.sidebar-open{padding-left:calc(var(--sidebar-width-full) + 24px)}.feature-header.sidebar-open.mini{padding-left:calc(var(--sidebar-width-mini) + 24px)}}@media (max-width:640px){.feature-header{gap:.5rem;padding:.75rem 1rem}.feature-header__title,.feature-title{font-size:1rem}.feature-header__subtitle,.feature-subtitle{font-size:.8125rem}.feature-header-actions,.header-right{gap:.5rem}.voice-dropdown{max-width:none}.overflow-dropdown,.voice-dropdown{max-height:70vh;overflow-y:auto}.avatar-dropdown,.overflow-dropdown,.voice-dropdown{border-radius:1rem 1rem 0 0;bottom:0;left:0;min-width:auto;position:fixed;right:0;top:auto}}@media (max-width:480px){.feature-header{gap:.5rem;padding:.75rem 1rem}.voice-dropdown{max-width:none}.overflow-dropdown,.voice-dropdown{max-height:70vh;overflow-y:auto}.avatar-dropdown,.overflow-dropdown,.voice-dropdown{border-radius:1rem 1rem 0 0;bottom:0;left:0;min-width:auto;position:fixed;right:0;top:auto}}.sema-layout{background-color:#f8f9fa;background-color:var(--main-bg,#f8f9fa);display:flex;min-height:100vh;position:relative;width:100%}.sema-layout__main{min-height:100vh;min-width:0;transition:margin .3s cubic-bezier(.4,0,.2,1);transition:margin var(--transition-duration,.3s) cubic-bezier(.4,0,.2,1)}.sema-layout__content,.sema-layout__main{display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;width:100%}.sema-layout__content{max-width:100%}.sema-layout__content>*{display:flex;flex:1 1;flex-direction:column;margin:0;width:100%}.sema-layout__content *,.sema-layout__content>*{box-sizing:border-box;max-width:100%}.sema-layout__content .chat-detail,.sema-layout__content .reading-passage,.sema-layout__content .speech-coach{display:flex;flex-direction:column;max-width:100%;min-height:100%;overflow-x:hidden;width:100%}.main-content-container{display:flex;flex:1 1;flex-direction:column;max-width:100%;min-height:100%;overflow-x:hidden;padding-top:56px;padding-top:var(--header-height,56px);width:100%}.chat-detail.main-content-container,.reading-passage.main-content-container,.speech-coach.main-content-container{height:100vh;max-height:100vh;overflow:hidden}.sema-layout__main .speech-coach{display:flex;flex:1 1;flex-direction:column}.sema-layout.sidebar-open:not(.mobile) .sema-layout__main{margin-left:240px!important;margin-left:var(--sidebar-width-full,240px)!important;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.sema-layout.sidebar-closed:not(.mobile) .sema-layout__main{margin-left:72px!important;margin-left:var(--sidebar-width-mini,72px)!important;max-width:calc(100% - 72px)!important;max-width:calc(100% - var(--sidebar-width-mini, 72px))!important;transition:margin-left .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 72px)!important;width:calc(100% - var(--sidebar-width-mini, 72px))!important}.sema-layout.mobile .sema-layout__main{margin-left:0}.sema-layout__overlay{background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.sema-layout.mobile.sidebar-open .sema-layout__overlay{display:block}.sema-layout .chat-sidebar{height:100vh;left:0;position:fixed;top:0;width:240px;width:var(--sidebar-width-full,240px);z-index:1000}.sema-layout.sidebar-closed .chat-sidebar{width:72px;width:var(--sidebar-width-mini,72px)}.sema-layout[data-theme=dark]{background-color:#1a1a1a;background-color:var(--dark-bg,#1a1a1a)}@media (max-width:768px){.sema-layout.mobile .chat-sidebar{opacity:0;transform:translateX(-100%);transition:transform .3s ease,visibility .3s ease,opacity .3s ease;visibility:hidden}.sema-layout.mobile.sidebar-open .chat-sidebar{opacity:1;transform:translateX(0);visibility:visible}.sema-layout.mobile .sema-layout__main{margin-left:0!important;width:100%!important}}@media (min-width:769px) and (max-width:1312px){.sema-layout .chat-sidebar{max-width:72px;max-width:var(--sidebar-width-mini,72px);min-width:72px;min-width:var(--sidebar-width-mini,72px);width:72px;width:var(--sidebar-width-mini,72px)}.sema-layout .sema-layout__main{margin-left:72px!important;margin-left:var(--sidebar-width-mini,72px)!important;max-width:calc(100% - 72px)!important;max-width:calc(100% - var(--sidebar-width-mini, 72px))!important;transition:margin-left .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 72px)!important;width:calc(100% - var(--sidebar-width-mini, 72px))!important}.sema-layout__content{max-width:100%;overflow-x:hidden;width:100%}}@media (min-width:1313px){.sema-layout.sidebar-open .chat-sidebar{width:240px;width:var(--sidebar-width-full,240px)}.sema-layout.sidebar-closed .chat-sidebar{width:72px;width:var(--sidebar-width-mini,72px)}}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--accent-gradient:linear-gradient(135deg,#a8edea,#fed6e3);--success-gradient:linear-gradient(135deg,#10b981,#059669);--warning-gradient:linear-gradient(135deg,#fbbf24,#f59e0b);--error-gradient:linear-gradient(135deg,#ef4444,#dc2626);--shadow-soft:0 8px 32px #0000001f;--shadow-medium:0 12px 40px #00000026;--shadow-strong:0 20px 60px #00000040;--shadow-glow:0 0 20px #667eea4d;--shadow-inset:inset 0 2px 4px #0000001a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--font-family:"Poppins","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-bounce:all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);--transition-elastic:all 0.5s cubic-bezier(0.175,0.885,0.32,1.275)}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-accent:#059669;--text-muted:#64748b;--glass-bg:#0000000a;--glass-border:#0000001f;--glass-hover:#0000000f;--glass-active:#00000014}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-accent:#10b981;--text-muted:#94a3b8;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-hover:#ffffff14;--glass-active:#ffffff1f;--shadow-soft:0 8px 32px #0000004d;--shadow-medium:0 12px 40px #0006;--shadow-strong:0 20px 60px #00000080;--shadow-inset:inset 0 2px 4px #0003}.voice-settings-modal{align-items:center;animation:modalFadeIn .3s ease-out;display:flex;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);justify-content:center;padding:20px;position:fixed;z-index:2000}.voice-settings-modal,.voice-settings-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);inset:0}.voice-settings-overlay{animation:overlayFadeIn .3s ease-out;background:#000000b3;cursor:pointer;position:absolute}.voice-settings-content{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000040;box-shadow:var(--shadow-strong);color:var(--text-primary);display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;position:relative;width:100%;z-index:2001}.voice-settings-content,.voice-settings-content *{transition:background-color all .3s cubic-bezier(.4,0,.2,1),color all .3s cubic-bezier(.4,0,.2,1),border-color all .3s cubic-bezier(.4,0,.2,1),box-shadow all .3s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-smooth),color var(--transition-smooth),border-color var(--transition-smooth),box-shadow var(--transition-smooth)}.voice-settings-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-bottom:1px solid var(--glass-border);display:flex;flex-shrink:0;justify-content:space-between;padding:28px 28px 20px}.voice-settings-title-section{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.voice-settings-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:26px;font-weight:700;font-weight:var(--font-weight-bold);gap:14px;letter-spacing:-.025em;line-height:1.2;margin:0}.voice-settings-header .title-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-soft);color:#fff;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;width:32px}.voice-settings-subtitle{color:var(--text-secondary);font-size:15px;font-weight:500;font-weight:var(--font-weight-medium);line-height:1.4;margin:0}.voice-settings-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:22px;font-weight:500;height:44px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:44px}.voice-settings-close:hover{background:var(--glass-hover);border-color:var(--glass-border);color:var(--text-primary);transform:scale(1.05)}.voice-settings-close:active{transform:scale(.95)}.voice-settings-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto;position:relative;scroll-behavior:smooth;scrollbar-color:var(--glass-border) #0000;scrollbar-width:thin}.voice-settings-body::-webkit-scrollbar{width:8px}.voice-settings-body::-webkit-scrollbar-track{background:var(--glass-bg);border-radius:4px}.voice-settings-body::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.voice-settings-body::-webkit-scrollbar-thumb:hover{background:var(--text-accent)}.voice-settings-section{border-bottom:1px solid var(--glass-border);padding:28px;position:relative}.voice-settings-section:last-child{border-bottom:none;padding-bottom:36px}.section-header{gap:14px;margin-bottom:24px}.section-header,.section-icon{align-items:center;display:flex}.section-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;border-radius:var(--radius-md);color:var(--text-secondary);flex-shrink:0;font-size:16px;height:28px;justify-content:center;width:28px}.section-title{color:var(--text-primary);font-size:20px;font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;line-height:1.3;margin:0}.section-description{color:var(--text-secondary);font-size:15px;font-weight:500;font-weight:var(--font-weight-medium);line-height:1.6;margin:10px 0 0 42px}.voice-settings-selector{animation:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:inherit!important;margin:0!important;max-width:none!important;min-height:600px!important;min-width:auto!important;overflow:visible!important;padding:0!important;position:static!important;width:100%!important}.voice-settings-selector .voice-selector-header{display:none!important}.voice-settings-selector .voice-selector{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin:0!important;max-width:none!important;min-width:auto!important;overflow:visible!important;padding:0!important}.voice-settings-selector .voice-selector:before{display:none!important}.voice-settings-selector .form-group{margin-bottom:28px!important;position:relative!important;width:100%!important}.voice-settings-selector .form-label{display:block!important;font-size:17px!important;font-weight:600!important;font-weight:var(--font-weight-semibold)!important;letter-spacing:-.01em!important;margin-bottom:14px!important;position:relative!important;text-shadow:0 1px 2px #0000000d!important;text-transform:none!important}.voice-settings-selector .form-label:after{animation:labelUnderline .3s ease-out .2s both!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--primary-gradient)!important;border-radius:1px!important;bottom:-3px!important;content:""!important;height:2px!important;left:0!important;position:absolute!important;width:40px!important}.voice-settings-selector .dropdown-container{position:relative!important;width:100%!important;z-index:1!important}.voice-settings-selector .dropdown-button{-webkit-tap-highlight-color:transparent!important;align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:var(--glass-bg)!important;border:2px solid var(--glass-border)!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;box-shadow:inset 0 2px 4px #0000001a!important;box-shadow:var(--shadow-inset)!important;box-sizing:border-box!important;color:var(--text-primary)!important;cursor:pointer!important;display:flex!important;font-family:inherit!important;font-size:17px!important;font-weight:500!important;font-weight:var(--font-weight-medium)!important;justify-content:space-between!important;min-height:56px!important;padding:18px 20px!important;touch-action:manipulation!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;transition:var(--transition-smooth)!important;width:100%!important}.voice-settings-selector .dropdown-button:hover{background:var(--glass-hover)!important;border-color:var(--text-accent)!important;box-shadow:0 12px 40px #00000026,inset 0 2px 4px #0000001a!important;box-shadow:var(--shadow-medium),var(--shadow-inset)!important;transform:translateY(-1px)!important}.voice-settings-selector .dropdown-button:focus{background:var(--glass-hover)!important;border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f626,inset 0 2px 4px #0000001a!important;box-shadow:0 0 0 4px #3b82f626,var(--shadow-inset)!important;outline:none!important}.voice-settings-selector .dropdown-text{color:var(--text-primary)!important;flex:1 1!important;font-weight:600!important;font-weight:var(--font-weight-semibold)!important;overflow:hidden!important;text-align:left!important;text-overflow:ellipsis!important;white-space:nowrap!important}.voice-settings-selector .dropdown-icon{color:var(--text-secondary)!important;flex-shrink:0!important;height:20px!important;margin-left:12px!important;transform:rotate(0deg)!important;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)!important;transition:var(--transition-bounce)!important;width:20px!important}.voice-settings-selector .dropdown-button.dropdown-open .dropdown-icon,.voice-settings-selector .dropdown-button[aria-expanded=true] .dropdown-icon{color:#667eea!important;transform:rotate(180deg)!important}.voice-settings-selector .dropdown-menu{-webkit-overflow-scrolling:touch!important;animation:dropdownSlideUp .3s cubic-bezier(.4,0,.2,1)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid var(--glass-border)!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;bottom:calc(100% + 8px)!important;box-shadow:0 20px 60px #00000040!important;box-shadow:var(--shadow-strong)!important;display:block!important;left:0!important;max-height:350px!important;opacity:1!important;overflow-y:auto!important;pointer-events:auto!important;position:absolute!important;right:0!important;scrollbar-color:var(--glass-border) #0000!important;scrollbar-width:thin!important;top:auto!important;visibility:visible!important;z-index:2100!important}.voice-settings-selector .dropdown-menu::-webkit-scrollbar{width:6px!important}.voice-settings-selector .dropdown-menu::-webkit-scrollbar-track{background:var(--glass-bg)!important;border-radius:3px!important}.voice-settings-selector .dropdown-menu::-webkit-scrollbar-thumb{background-color:var(--glass-border)!important;border-radius:3px!important;-webkit-transition:background-color .2s ease!important;transition:background-color .2s ease!important}.voice-settings-selector .dropdown-menu::-webkit-scrollbar-thumb:hover{background-color:var(--text-accent)!important}.voice-settings-selector .dropdown-content{padding:10px!important}.voice-settings-selector .dropdown-item{-webkit-tap-highlight-color:transparent!important;align-items:center!important;background:none!important;border:none!important;border-radius:8px!important;border-radius:var(--radius-md)!important;box-sizing:border-box!important;color:var(--text-primary)!important;cursor:pointer!important;display:flex!important;filter:none!important;font-family:inherit!important;font-size:16px!important;font-weight:500!important;font-weight:var(--font-weight-medium)!important;justify-content:space-between!important;margin:3px 0!important;min-height:48px!important;opacity:1!important;padding:14px 18px!important;text-align:left!important;touch-action:manipulation!important;transform:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;transition:var(--transition-smooth)!important;visibility:visible!important;width:100%!important}.voice-settings-selector .dropdown-item:hover{background:var(--glass-hover)!important;border-left:3px solid #3b82f6!important;opacity:1!important;padding-left:15px!important;transform:translateX(3px)!important}.voice-settings-selector .dropdown-item.selected{background:#eff6ff!important;border-left:3px solid #3b82f6!important;color:#1d4ed8!important;font-weight:600!important;font-weight:var(--font-weight-semibold)!important;opacity:1!important;padding-left:15px!important}.voice-settings-selector .dropdown-item-content{align-items:center!important;display:flex!important;flex:1 1!important;gap:12px!important;min-width:0!important}.voice-settings-selector .dropdown-item.profile-item{align-items:flex-start!important;min-height:60px!important;padding:16px 18px!important}.voice-settings-selector .profile-info{flex:1 1!important;min-width:0!important}.voice-settings-selector .profile-name{color:var(--text-primary)!important;font-size:16px!important;font-weight:600!important;font-weight:var(--font-weight-semibold)!important;line-height:1.3!important;margin-bottom:4px!important}.voice-settings-selector .profile-description{color:var(--text-secondary)!important;font-size:14px!important;font-weight:400!important;font-weight:var(--font-weight-normal)!important;line-height:1.4!important;opacity:.9!important}.voice-settings-selector .preview-controls{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:var(--glass-bg)!important;border:2px solid var(--glass-border)!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;box-shadow:inset 0 2px 4px #0000001a!important;box-shadow:var(--shadow-inset)!important;margin-top:20px!important;padding:24px!important}.voice-settings-selector .preview-button{-webkit-tap-highlight-color:transparent!important;align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--primary-gradient)!important;border:none!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;box-shadow:0 12px 40px #00000026!important;box-shadow:var(--shadow-medium)!important;box-sizing:border-box!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-family:inherit!important;font-size:17px!important;font-weight:600!important;font-weight:var(--font-weight-semibold)!important;gap:12px!important;justify-content:center!important;letter-spacing:.5px!important;min-height:56px!important;overflow:hidden!important;padding:18px 28px!important;position:relative!important;text-transform:uppercase!important;touch-action:manipulation!important;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)!important;transition:var(--transition-bounce)!important;width:100%!important}.voice-settings-selector .preview-button:hover{box-shadow:0 0 20px #667eea4d!important;box-shadow:var(--shadow-glow)!important;transform:translateY(-3px) scale(1.02)!important}.voice-settings-selector .preview-button:active{transform:translateY(-1px) scale(.98)!important}.voice-settings-selector .preview-button:disabled{background:var(--glass-border)!important;box-shadow:none!important;cursor:not-allowed!important;opacity:.6!important;transform:none!important}.voice-settings-selector .preview-textarea{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:var(--bg-primary)!important;border:2px solid var(--glass-border)!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;box-shadow:inset 0 2px 4px #0000001a!important;box-shadow:var(--shadow-inset)!important;box-sizing:border-box!important;color:var(--text-primary)!important;font-family:inherit!important;font-size:16px!important;font-weight:400!important;font-weight:var(--font-weight-normal)!important;line-height:1.7!important;max-height:200px!important;min-height:120px!important;padding:18px!important;resize:vertical!important;touch-action:manipulation!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;transition:var(--transition-smooth)!important;width:100%!important}.voice-settings-selector .preview-textarea::placeholder{font-weight:400!important;font-weight:var(--font-weight-normal)!important;opacity:.8!important}.voice-settings-selector .preview-textarea:focus{background:var(--glass-hover)!important;border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f626,inset 0 2px 4px #0000001a!important;box-shadow:0 0 0 4px #3b82f626,var(--shadow-inset)!important;outline:none!important}.voice-settings-selector .character-count{color:var(--text-secondary)!important;font-size:14px!important;font-weight:500!important;font-weight:var(--font-weight-medium)!important;margin-top:8px!important;opacity:.9!important;text-align:right!important}.voice-settings-selector .selection-summary{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important;border:1px solid #bae6fd!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;box-shadow:0 8px 32px #0000001f!important;box-shadow:var(--shadow-soft)!important;margin-top:28px!important;padding:24px!important}.voice-settings-selector .summary-title{color:#0c4a6e!important;font-size:18px!important;font-weight:600!important;font-weight:var(--font-weight-semibold)!important;line-height:1.3!important;margin-bottom:16px!important;text-shadow:0 1px 2px #0000000d!important}.voice-settings-selector .summary-details{grid-gap:16px!important;color:#0369a1!important;display:grid!important;font-size:15px!important;font-weight:500!important;font-weight:var(--font-weight-medium)!important;gap:16px!important;grid-template-columns:1fr 1fr!important;line-height:1.5!important}.voice-settings-selector .summary-details>div{font-weight:500!important;font-weight:var(--font-weight-medium)!important;margin-bottom:8px!important}.voice-settings-selector .status-badges{display:flex!important;flex-wrap:wrap!important;gap:12px!important;grid-column:span 2!important;margin-top:16px!important}.voice-settings-selector .status-badge{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid!important;border-radius:16px!important;border-radius:var(--radius-xl)!important;box-shadow:0 8px 32px #0000001f!important;box-shadow:var(--shadow-soft)!important;display:flex!important;font-size:13px!important;font-weight:700!important;font-weight:var(--font-weight-bold)!important;justify-content:center!important;letter-spacing:.5px!important;min-height:36px!important;padding:8px 16px!important;text-transform:uppercase!important}.voice-settings-selector .error-display,.voice-settings-selector .success-display{animation:bounceIn .5s ease-out!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;border-style:solid!important;border-width:1px!important;font-size:15px!important;font-weight:500!important;font-weight:var(--font-weight-medium)!important;margin:20px 0!important;padding:18px!important}.voice-settings-selector .error-display{background:linear-gradient(135deg,#ef44441a,#ef44440d)!important;border-color:#ef4444!important;color:#dc2626!important}.voice-settings-selector .success-display{background:linear-gradient(135deg,#10b9811a,#10b9810d)!important;border-color:#10b981!important;color:#059669!important}.voice-settings-footer{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:var(--bg-secondary)!important;border-top:1px solid var(--glass-border)!important;flex-shrink:0!important;gap:16px!important;justify-content:space-between!important;padding:24px 28px!important}.footer-info,.voice-settings-footer{align-items:center!important;display:flex!important}.footer-info{color:var(--text-secondary)!important;font-size:14px!important;font-weight:500!important;font-weight:var(--font-weight-medium)!important;gap:10px!important}.footer-actions{display:flex!important;gap:14px!important}.footer-button{-webkit-tap-highlight-color:transparent!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:none!important;border-radius:8px!important;border-radius:var(--radius-md)!important;box-sizing:border-box!important;cursor:pointer!important;font-family:inherit!important;font-size:15px!important;font-weight:600!important;font-weight:var(--font-weight-semibold)!important;min-height:44px!important;padding:12px 24px!important;touch-action:manipulation!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;transition:var(--transition-smooth)!important}.footer-button.secondary{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;color:var(--text-secondary)!important}.footer-button.secondary:hover{background:var(--glass-hover)!important;box-shadow:0 8px 32px #0000001f!important;box-shadow:var(--shadow-soft)!important;color:var(--text-primary)!important;transform:translateY(-1px)!important}.footer-button.primary{background:linear-gradient(135deg,#10b981,#059669)!important;background:var(--success-gradient)!important;box-shadow:0 12px 40px #00000026!important;box-shadow:var(--shadow-medium)!important;color:#fff!important}.footer-button.primary:hover{box-shadow:0 6px 20px #10b98166!important;transform:translateY(-2px)!important}[data-theme=dark] .voice-settings-content{background:var(--bg-primary)!important;border-color:var(--glass-border)!important;color:var(--text-primary)!important}[data-theme=dark] .voice-settings-header{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%)!important;border-bottom-color:var(--glass-border)!important}[data-theme=dark] .voice-settings-header h2{color:var(--text-primary)!important}[data-theme=dark] .voice-settings-subtitle{color:var(--text-secondary)!important}[data-theme=dark] .voice-settings-close{background:var(--glass-bg)!important;border-color:var(--glass-border)!important;color:var(--text-secondary)!important}[data-theme=dark] .voice-settings-close:hover{background:var(--glass-hover)!important;color:var(--text-primary)!important}[data-theme=dark] .voice-settings-section{border-bottom-color:var(--glass-border)!important}[data-theme=dark] .section-title{color:var(--text-primary)!important}[data-theme=dark] .section-description,[data-theme=dark] .section-icon{color:var(--text-secondary)!important}[data-theme=dark] .section-icon{background:var(--glass-bg)!important;border-color:var(--glass-border)!important}[data-theme=dark] .voice-settings-selector .form-label{color:var(--text-accent)!important}[data-theme=dark] .voice-settings-selector .dropdown-button{background:var(--glass-bg)!important;border-color:var(--glass-border)!important;color:var(--text-primary)!important}[data-theme=dark] .voice-settings-selector .dropdown-button:hover{background:var(--glass-hover)!important;border-color:var(--glass-border)!important}[data-theme=dark] .voice-settings-selector .dropdown-menu{background:var(--bg-secondary)!important;border-color:var(--glass-border)!important}[data-theme=dark] .voice-settings-selector .dropdown-item{color:var(--text-primary)!important}[data-theme=dark] .voice-settings-selector .dropdown-item:hover{background:var(--glass-hover)!important}[data-theme=dark] .voice-settings-selector .dropdown-item.selected{background:linear-gradient(90deg,#667eea40,#667eea1f)!important;color:#93c5fd!important}[data-theme=dark] .voice-settings-selector .profile-name{color:var(--text-primary)!important}[data-theme=dark] .voice-settings-selector .profile-description{color:var(--text-secondary)!important}[data-theme=dark] .voice-settings-selector .preview-controls,[data-theme=dark] .voice-settings-selector .preview-textarea{background:var(--glass-bg)!important;border-color:var(--glass-border)!important}[data-theme=dark] .voice-settings-selector .preview-textarea{color:var(--text-primary)!important}[data-theme=dark] .voice-settings-selector .preview-textarea::placeholder{color:var(--text-muted)!important}[data-theme=dark] .voice-settings-selector .preview-textarea:focus{background:var(--glass-hover)!important}[data-theme=dark] .voice-settings-selector .character-count{color:var(--text-secondary)!important}[data-theme=dark] .voice-settings-selector .selection-summary{background:linear-gradient(135deg,#10b98126,#10b98114)!important;border-color:var(--text-accent)!important}[data-theme=dark] .voice-settings-selector .summary-title{color:var(--text-primary)!important}[data-theme=dark] .voice-settings-selector .summary-details{color:var(--text-secondary)!important}[data-theme=dark] .voice-settings-footer{background:var(--bg-secondary)!important;border-top-color:var(--glass-border)!important}[data-theme=dark] .footer-info{color:var(--text-secondary)!important}[data-theme=dark] .footer-button.secondary{background:var(--glass-bg)!important;border-color:var(--glass-border)!important;color:var(--text-secondary)!important}[data-theme=dark] .footer-button.secondary:hover{background:var(--glass-hover)!important;color:var(--text-primary)!important}@keyframes modalFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.85) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalSlideUp{0%{opacity:.8;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(10px) scale(.95);visibility:hidden}to{opacity:1;transform:translateY(0) scale(1);visibility:visible}}@keyframes labelUnderline{0%{width:0}to{width:40px}}@keyframes bounceIn{0%{opacity:0;transform:scale(.8) translateY(20px)}60%{opacity:1;transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.voice-settings-modal{align-items:flex-end;padding:0}.voice-settings-content{animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1);max-height:95vh;max-width:none;width:100%}.voice-settings-content,.voice-settings-header{border-radius:16px 16px 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.voice-settings-header{padding:24px 24px 20px}.voice-settings-header h2{font-size:22px}.voice-settings-header .title-icon{font-size:16px;height:28px;width:28px}.voice-settings-section{padding:24px}.voice-settings-selector{min-height:500px!important}.voice-settings-selector .summary-details{gap:12px!important;grid-template-columns:1fr!important}.voice-settings-selector .status-badges{grid-column:span 1!important}.voice-settings-footer{flex-direction:column-reverse;gap:20px;padding:20px 24px}.footer-actions{justify-content:stretch;width:100%}.footer-button{flex:1 1;min-height:48px!important;padding:14px 20px}.voice-settings-selector .dropdown-menu{border-radius:16px!important;border-radius:var(--radius-xl)!important;bottom:10px!important;left:10px!important;max-height:60vh!important;position:fixed!important;right:10px!important;top:auto!important;z-index:2200!important}.voice-settings-body::-webkit-scrollbar,.voice-settings-selector .dropdown-menu::-webkit-scrollbar{width:4px}}@media (max-width:480px){.voice-settings-header{padding:20px 20px 16px}.voice-settings-header h2{font-size:20px;gap:10px}.voice-settings-header .title-icon{font-size:14px;height:24px;width:24px}.voice-settings-close{font-size:18px;height:36px;width:36px}.section-title{font-size:18px}.voice-settings-section{padding:20px}.voice-settings-selector{min-height:400px!important}.voice-settings-selector .form-label{font-size:16px!important}.voice-settings-selector .dropdown-button{font-size:16px!important;min-height:52px!important;padding:16px 18px!important}.voice-settings-selector .dropdown-item{font-size:15px!important;min-height:44px!important;padding:12px 16px!important}.voice-settings-selector .preview-button{font-size:16px!important;min-height:52px!important;padding:16px 24px!important}.voice-settings-selector .preview-textarea{font-size:15px!important;max-height:160px!important;min-height:100px!important;padding:16px!important}.voice-settings-selector .summary-title{font-size:16px!important}.voice-settings-selector .summary-details{font-size:14px!important}.voice-settings-footer{padding:18px 20px}.footer-button{font-size:14px!important;min-height:44px!important;padding:12px 18px}}@media (prefers-contrast:high){.voice-settings-content,.voice-settings-selector .dropdown-button,.voice-settings-selector .dropdown-menu,.voice-settings-selector .preview-textarea{border-width:2px!important}.voice-settings-selector .dropdown-item.selected,.voice-settings-selector .dropdown-item:hover{border-left-width:4px!important}[data-theme=light]{--text-primary:#000!important;--text-secondary:#1a1a1a!important}[data-theme=dark]{--text-primary:#fff!important;--text-secondary:#e0e0e0!important}}@media (prefers-reduced-motion:reduce){.footer-button,.voice-settings-close,.voice-settings-content,.voice-settings-modal,.voice-settings-selector *{animation:none!important;transition:none!important}.footer-button:hover,.voice-settings-selector .dropdown-button:hover,.voice-settings-selector .preview-button:hover{transform:none!important}}.voice-settings-modal{isolation:isolate}.voice-settings-content:focus-within{outline:3px solid #3b82f6;outline-offset:2px}.footer-button:focus,.voice-settings-close:focus,.voice-settings-selector .dropdown-item:focus{outline:3px solid #3b82f6!important;outline-offset:2px!important;z-index:10!important}.voice-settings-selector .preview-button.loading{opacity:.8;pointer-events:none}.voice-settings-selector .preview-button.loading .button-icon{animation:spin 1s linear infinite}.voice-settings-selector .dropdown-button.error,.voice-settings-selector .preview-textarea.error{background:#ef44440d!important;border-color:#ef4444!important}.voice-settings-selector .dropdown-button.success{background:#10b9810d!important;border-color:#10b981!important}@media print{.voice-settings-modal{display:none!important}}@supports (padding:max(0px)){@media (max-width:768px){.voice-settings-content,.voice-settings-footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}}}.voice-studio-fullscreen .voice-settings-selector,.voice-studio-selector{animation:none!important;background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important;color:inherit!important;display:flex!important;flex-direction:column!important;height:auto!important;max-width:100%!important;min-height:calc(100vh - 150px)!important;min-width:0!important;min-width:auto!important;outline:none!important;overflow:visible!important;padding:0!important}.voice-studio-fullscreen .voice-settings-selector .voice-selector-header,.voice-studio-fullscreen .voice-settings-selector:before,.voice-studio-selector .voice-selector-header,.voice-studio-selector:before{display:none!important}.voice-studio-fullscreen .voice-settings-selector .form-group,.voice-studio-selector .form-group{margin-bottom:2.5rem!important;overflow:visible!important;width:100%!important}.voice-studio-fullscreen .voice-settings-selector .form-label,.voice-studio-selector .form-label{color:var(--text-accent)!important;font-size:1rem!important;font-weight:700!important;font-weight:var(--font-weight-bold)!important;margin-bottom:1.25rem!important}.voice-studio-fullscreen .voice-settings-selector .dropdown-button,.voice-studio-selector .dropdown-button{font-size:1.1rem!important;font-weight:600!important;font-weight:var(--font-weight-semibold)!important;min-height:56px!important;padding:1.25rem 1.5rem!important}.voice-studio-fullscreen .voice-settings-selector .dropdown-item,.voice-studio-selector .dropdown-item{font-size:1rem!important;font-weight:600!important;font-weight:var(--font-weight-semibold)!important;min-height:52px!important;padding:1.125rem 1.5rem!important}.voice-studio-fullscreen .voice-settings-selector .dropdown-menu,.voice-studio-selector .dropdown-menu{max-height:450px!important;z-index:10001!important}.voice-studio-fullscreen .voice-settings-selector .preview-button,.voice-studio-selector .preview-button{font-size:1.1rem!important;max-width:400px!important;min-height:60px!important;padding:1.5rem 2.5rem!important}.voice-studio-fullscreen .voice-settings-selector .preview-textarea,.voice-studio-selector .preview-textarea{font-size:1.1rem!important;line-height:1.7!important;max-height:250px!important;min-height:140px!important;padding:1.5rem!important}.voice-studio-fullscreen .voice-settings-selector .selection-summary,.voice-studio-selector .selection-summary{margin-top:3rem!important;padding:2rem!important}@media (max-width:768px){.voice-studio-fullscreen .voice-settings-selector,.voice-studio-selector{min-height:calc(100vh - 100px)!important;padding:24px!important}}.voice-settings-modal *,.voice-settings-modal :after,.voice-settings-modal :before{display:inline!important;display:initial!important;filter:none!important;opacity:1!important;pointer-events:auto!important;position:relative!important;visibility:visible!important}.voice-settings-modal .voice-settings-selector .dropdown-menu{display:block!important;opacity:1!important;pointer-events:auto!important;position:absolute!important;visibility:visible!important}.voice-settings-selector .connection-badge.premium,.voice-settings-selector .status-message.premium{background:linear-gradient(135deg,#667eea2e,#667eea14)!important;border-color:#667eea!important;color:#667eea!important}.voice-settings-selector .connection-badge.standard,.voice-settings-selector .status-message.standard{background:linear-gradient(135deg,#10b9812e,#10b98114)!important;border-color:var(--text-accent)!important;color:var(--text-accent)!important}.voice-settings-selector .connection-badge.connecting,.voice-settings-selector .status-message.connecting{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#81a1c126,#81a1c114)!important;border-color:var(--text-secondary)!important;color:var(--text-secondary)!important}.voice-settings-selector .connection-badge.offline,.voice-settings-selector .status-message.disconnected,.voice-settings-selector .status-message.error{background:linear-gradient(135deg,#ef44442e,#ef444414)!important;border-color:#ef4444!important;color:#ef4444!important}.voice-settings-selector .dropdown-text,.voice-settings-selector .form-label,.voice-settings-selector .profile-name,.voice-settings-selector .summary-title{color:var(--text-primary)!important}.voice-settings-selector .character-count,.voice-settings-selector .profile-description,.voice-settings-selector .summary-details{color:var(--text-secondary)!important}.voice-settings-selector .form-label{color:var(--text-accent)!important}.voice-settings-selector .preview-textarea::placeholder{color:var(--text-muted)!important}.voice-settings-selector .dropdown-button,.voice-settings-selector .preview-controls,.voice-settings-selector .preview-textarea,.voice-settings-selector .selection-summary{background:var(--glass-bg)!important;border-color:var(--glass-border)!important}.voice-settings-selector .dropdown-menu{background:var(--bg-secondary)!important;border-color:var(--glass-border)!important}.voice-settings-selector .dropdown-button:hover,.voice-settings-selector .dropdown-item:hover,.voice-settings-selector .preview-textarea:focus{background:var(--glass-hover)!important}.scenario-picker{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:var(--space-4);padding:var(--space-6)}.scenario-picker-header{margin-bottom:var(--space-6);text-align:center}.scenario-picker-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.scenario-picker-subtitle{color:var(--text-secondary);font-size:var(--text-base);margin:0}.scenario-grid,.scenario-picker .scenario-grid,.scenario-picker-inline .scenario-grid{grid-gap:var(--space-3)!important;align-items:start;box-sizing:border-box!important;display:grid!important;gap:var(--space-3)!important;grid-auto-flow:row!important;grid-auto-rows:280px!important;grid-template-columns:repeat(4,1fr)!important;justify-items:stretch!important;margin-bottom:var(--space-6);max-width:100%!important;min-height:280px!important;padding:0!important;width:100%!important}.scenario-picker-inline .category-section .scenario-grid,.scenario-picker-inline .scenario-container .scenario-grid,.scenario-picker-inline .scenario-list{grid-gap:var(--space-3)!important;align-items:start!important;box-sizing:border-box!important;display:grid!important;gap:var(--space-3)!important;grid-auto-flow:row!important;grid-auto-rows:280px!important;grid-template-columns:repeat(4,1fr)!important;justify-items:stretch!important;max-width:100%!important;min-height:280px!important;padding:0!important;width:100%!important}.scenario-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;padding:var(--space-4);position:relative;transition:all var(--transition-fast)}.scenario-card:hover{background:var(--bg-secondary);border-color:var(--border-secondary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.scenario-card.selected{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.scenario-card-header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.scenario-icon{align-items:center;background:var(--color-primary);border-radius:var(--radius-lg);color:var(--text-inverse);display:flex;flex-shrink:0;font-size:var(--text-xl);height:48px;justify-content:center;width:48px}.scenario-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.scenario-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;margin:0}.scenario-features{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.scenario-feature{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2)}.scenario-actions{display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-6)}.scenario-button{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-lg);color:var(--text-inverse);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.scenario-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.scenario-button:active{transform:translateY(0)}.scenario-button.secondary{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary)}.scenario-button.secondary:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.scenario-picker-inline{background:var(--bg-primary);height:100%;position:relative;width:100%}.scenario-picker-inline .scenario-container{height:100%;overflow-y:auto;padding-top:56px;padding-top:var(--header-height,56px);width:100%}.scenario-picker-inline .scenario-category-section{margin-bottom:var(--space-8);max-width:100%!important;padding:0;width:100%!important}.scenario-picker-inline .scenario-category-title{border-bottom:2px solid var(--border-primary);color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-4);padding-bottom:var(--space-2)}.scenario-picker-inline .scenario-grid,.scenario-picker-inline .scenario-list{grid-gap:var(--space-4)!important;align-items:start;box-sizing:border-box!important;display:grid!important;gap:var(--space-4)!important;grid-auto-flow:row!important;grid-auto-rows:280px!important;grid-template-columns:repeat(4,1fr)!important;justify-items:stretch!important;max-width:100%!important;min-height:280px!important;width:100%!important}@media (min-width:1200px){.scenario-grid,.scenario-picker .scenario-grid,.scenario-picker-inline .scenario-grid,.scenario-picker-inline .scenario-list{display:grid!important;grid-template-columns:repeat(4,1fr)!important}.scenario-picker-inline .scenario-card{display:block!important;flex-direction:row!important}.scenario-picker-inline .scenario-container .scenario-grid{grid-gap:var(--space-3)!important;display:grid!important;gap:var(--space-3)!important;grid-template-columns:repeat(4,1fr)!important}}@media (min-width:1000px) and (max-width:1199px){.scenario-grid,.scenario-picker .scenario-grid,.scenario-picker-inline .scenario-grid,.scenario-picker-inline .scenario-list{display:grid!important;grid-template-columns:repeat(4,1fr)!important}.scenario-picker-inline .scenario-card{display:block!important;flex-direction:row!important}.scenario-picker-inline .scenario-container .scenario-grid{grid-gap:var(--space-3)!important;display:grid!important;gap:var(--space-3)!important;grid-template-columns:repeat(4,1fr)!important}}@media (min-width:768px) and (max-width:999px){.scenario-grid,.scenario-picker .scenario-grid,.scenario-picker-inline .scenario-grid,.scenario-picker-inline .scenario-list{display:grid!important;grid-template-columns:repeat(3,1fr)!important}.scenario-picker-inline .scenario-card{display:block!important;flex-direction:row!important}.scenario-picker-inline .scenario-container .scenario-grid{grid-gap:var(--space-3)!important;display:grid!important;gap:var(--space-3)!important;grid-template-columns:repeat(3,1fr)!important}}@media (min-width:400px) and (max-width:767px){.scenario-grid,.scenario-picker .scenario-grid,.scenario-picker-inline .scenario-grid,.scenario-picker-inline .scenario-list{display:grid!important;grid-template-columns:repeat(2,1fr)!important}.scenario-picker-inline .scenario-card{display:block!important;flex-direction:row!important}.scenario-picker-inline .scenario-container .scenario-grid{grid-gap:var(--space-3)!important;display:grid!important;gap:var(--space-3)!important;grid-template-columns:repeat(2,1fr)!important}}@media (max-width:399px){.scenario-grid,.scenario-picker .scenario-grid,.scenario-picker-inline .scenario-grid,.scenario-picker-inline .scenario-list{display:grid!important;grid-template-columns:1fr!important}.scenario-picker-inline .scenario-card{display:block!important;flex-direction:row!important}.scenario-picker-inline .scenario-container .scenario-grid{grid-gap:var(--space-3)!important;display:grid!important;gap:var(--space-3)!important;grid-template-columns:1fr!important}}.scenario-picker-inline .scenario-card{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-sizing:border-box!important;cursor:pointer;overflow:hidden;padding:0;position:relative;transition:all var(--transition-fast);z-index:1}.scenario-picker-inline .scenario-card,.scenario-picker-inline .scenario-grid .scenario-card,.scenario-picker-inline .scenario-list .scenario-card{display:flex!important;flex-direction:column!important;height:280px!important;max-height:280px!important;min-height:280px!important}.scenario-picker-inline .scenario-card:hover{background:var(--bg-secondary);border-color:var(--border-secondary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.scenario-picker-inline .scenario-card-image{box-sizing:border-box!important;flex-shrink:0!important;height:160px!important;max-height:160px!important;min-height:160px!important;overflow:hidden!important;position:relative!important;width:100%!important}.scenario-picker-inline .scenario-card-image img{display:block;height:100%;object-fit:cover;object-position:center;transition:transform var(--transition-fast);width:100%}.scenario-picker-inline .scenario-card:hover .scenario-card-image img{transform:scale(1.05)}.scenario-picker-inline .scenario-card-content{word-wrap:break-word!important;background:var(--bg-elevated)!important;box-sizing:border-box!important;display:flex!important;flex:1 1!important;flex-direction:column!important;height:auto!important;justify-content:flex-start!important;max-height:120px!important;min-height:100px!important;overflow:visible!important;overflow-wrap:break-word!important;padding:var(--space-3)!important;position:relative!important;z-index:2!important}.scenario-picker-inline .scenario-card-title{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:1.3;margin:0 0 var(--space-1) 0}.scenario-picker-inline .scenario-card-subtitle,.scenario-picker-inline .scenario-card-title{word-wrap:break-word!important;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word!important}.scenario-picker-inline .scenario-card-subtitle{color:var(--text-secondary);flex:1 1;font-size:var(--text-xs);line-height:1.4;margin:0}.enhanced-search-container{margin-bottom:var(--space-6);max-width:100%!important;padding:0;width:100%!important}.enhanced-search-wrapper{align-items:center;background:var(--bg-elevated);border:2px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;margin:0;max-width:100%;padding:var(--space-3);position:relative;transition:all var(--transition-fast);width:100%}.enhanced-search-wrapper.focused{border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a}.enhanced-search-icon{color:var(--text-secondary);flex-shrink:0;margin-right:var(--space-3)}.enhanced-search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:var(--text-base);outline:none;padding:0}.enhanced-clear-search,.enhanced-search-input::placeholder{color:var(--text-secondary)}.enhanced-clear-search{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;margin-right:var(--space-2);padding:var(--space-1);transition:all var(--transition-fast)}.enhanced-clear-search:hover{background:var(--bg-secondary);color:var(--text-primary)}.search-actions{align-items:center;display:flex;gap:var(--space-2)}.search-filter-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;justify-content:center;padding:var(--space-2);transition:all var(--transition-fast)}.search-filter-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.search-filter-btn:disabled{background:var(--text-muted);cursor:not-allowed;transform:none}@media (max-width:768px){.scenario-picker{margin:var(--space-2);padding:var(--space-4)}.scenario-grid{gap:var(--space-3)!important;grid-template-columns:repeat(2,1fr)!important}}.scenario-picker-inline .scenario-container .category-section .scenario-grid{grid-gap:var(--space-3)!important;align-items:start!important;box-sizing:border-box!important;display:grid!important;gap:var(--space-3)!important;grid-auto-flow:row!important;grid-auto-rows:280px!important;grid-template-columns:repeat(4,1fr)!important;justify-items:stretch!important;max-width:100%!important;min-height:280px!important;padding:0!important;width:100%!important}@media (min-width:320px) and (max-width:767px){.scenario-picker-inline .scenario-container .category-section .scenario-grid,.scenario-picker-inline .scenario-grid,.scenario-picker-inline .scenario-list,div.scenario-picker-inline div.scenario-container div.category-section div.scenario-grid{grid-gap:var(--space-2)!important;display:grid!important;gap:var(--space-2)!important;grid-template-columns:repeat(2,1fr)!important}div.scenario-picker-inline div.scenario-container div.category-section div.scenario-grid{width:100%!important}div.scenario-grid{grid-gap:var(--space-2)!important;display:grid!important;gap:var(--space-2)!important;grid-template-columns:repeat(2,1fr)!important}}@media (min-width:768px) and (max-width:999px){.scenario-picker-inline .scenario-container .category-section .scenario-grid,.scenario-picker-inline .scenario-grid,.scenario-picker-inline .scenario-list,div.scenario-picker-inline div.scenario-container div.category-section div.scenario-grid{grid-gap:var(--space-3)!important;display:grid!important;gap:var(--space-3)!important;grid-template-columns:repeat(3,1fr)!important}div.scenario-picker-inline div.scenario-container div.category-section div.scenario-grid{width:100%!important}div.scenario-grid{grid-gap:var(--space-3)!important;display:grid!important;gap:var(--space-3)!important;grid-template-columns:repeat(3,1fr)!important}}@media (min-width:400px) and (max-width:767px){.scenario-picker-inline .scenario-container .category-section .scenario-grid{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:768px) and (max-width:999px){.scenario-picker-inline .scenario-container .category-section .scenario-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:399px){.scenario-picker-inline .scenario-container .category-section .scenario-grid{grid-template-columns:1fr!important}.scenario-picker-title{font-size:var(--text-xl)}.scenario-actions{flex-direction:column;gap:var(--space-2)}.scenario-button{justify-content:center;width:100%}.scenario-picker-inline .scenario-container{padding:0}.scenario-picker-inline .scenario-card{height:260px!important;max-height:260px!important;min-height:260px!important}.scenario-picker-inline .scenario-card-image{height:140px!important;max-height:140px!important;min-height:140px!important}.enhanced-search-container{padding:0}.enhanced-search-wrapper{padding:var(--space-2)}}@media (max-width:480px){.scenario-picker{margin:var(--space-1)}.scenario-card,.scenario-picker{padding:var(--space-3)}.scenario-card-header{gap:var(--space-2)}.scenario-icon{font-size:var(--text-lg);height:40px;width:40px}.scenario-title{font-size:var(--text-base)}.scenario-picker-inline .scenario-container{padding:0}.scenario-picker-inline .scenario-card{height:240px!important;max-height:240px!important;min-height:240px!important}.scenario-picker-inline .scenario-card-image{height:120px!important;max-height:120px!important;min-height:120px!important}.scenario-picker-inline .scenario-card-content{padding:var(--space-3)}.scenario-picker-inline .scenario-card-title{font-size:var(--text-base)}.enhanced-search-container{padding:0}.enhanced-search-wrapper{padding:var(--space-2)}.enhanced-search-input{font-size:var(--text-sm)}}.sema-layout *{box-sizing:border-box}.sema-layout{max-width:100vw;overflow-x:hidden}.chat-window{background:var(--bg-primary);display:flex;height:100vh;max-width:none;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.chat-window--chat{--feature-color:#007bff;--feature-bg:#e3f2fd}.chat-window--sema{--feature-color:#00bfa5;--feature-bg:#e0f2f1}.chat-window--tusome{--feature-color:#ff9800;--feature-bg:#fff3e0}.chat-window--build{--feature-color:#8b5cf6;--feature-bg:#f3f4f6}.chat-window--mobile{flex-direction:column}.chat-window--desktop,.chat-window--tablet{--sidebar-width:240px}.chat-window--dark{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--text-primary:#fff;--text-secondary:#b0b0b0;--border-color:#404040;--shadow-color:#0000004d}.chat-window--light{--bg-primary:#fff;--bg-secondary:#f8f9fa;--text-primary:#333;--text-secondary:#666;--border-color:#e0e0e0;--shadow-color:#0000001a}.chat-window-content{background:#fff;background:var(--bg-primary,#fff);max-width:100%;min-height:calc(100vh - var(--header-height));min-width:0;padding-top:0;width:100%}.chat-window-content,.chat-window-content .speech-coach{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.chat-window-content .speech-coach{height:100%;position:relative}.chat-detail{display:flex;flex:1 1;flex-direction:column;max-width:100%;min-width:0;overflow:hidden;width:100%}.chat-detail .chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;max-width:100%;scroll-behavior:smooth}.chat-detail .chat-messages,.scenario-picker-content{background:#fff;background:var(--bg-primary,#fff);min-width:0;overflow-x:hidden;overflow-y:auto;padding:24px 32px;width:100%}.scenario-picker-content{flex:1 1;max-width:none}.scenario-picker-content .scenario-picker{margin:0;max-width:none;padding:0;width:100%}@media (max-width:768px){.chat-messages,.scenario-picker-content{padding:16px}}@media (max-width:480px){.chat-messages,.scenario-picker-content{padding:12px}}.chat-window-notifications{display:flex;flex-direction:column;gap:8px;max-width:400px;position:fixed;right:24px;top:80px;z-index:1000}.notification{animation:slideIn .3s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-color);padding:12px 16px}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.connection-status{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;bottom:24px;box-shadow:var(--shadow-color);color:var(--text-primary);font-size:14px;padding:12px 16px;position:fixed;right:24px;z-index:1000}.connection-status--disconnected{background:#fef2f2;background:var(--error-bg,#fef2f2);border-color:#ef4444;border-color:var(--error,#ef4444);color:#ef4444;color:var(--error,#ef4444)}.connection-status--connected{background:#ecfdf5;background:var(--success-bg,#ecfdf5);border-color:#10b981;border-color:var(--success,#10b981);color:#10b981;color:var(--success,#10b981)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.chat-window button:focus,.chat-window input:focus,.chat-window textarea:focus{outline:2px solid #007bff;outline:2px solid var(--feature-color,#007bff);outline-offset:2px}@media (prefers-contrast:high){.chat-window{--border-color:#000;--shadow-color:#00000080}.chat-window--dark{--border-color:#fff}}@media (prefers-reduced-motion:reduce){.chat-window,.connection-status,.notification{animation:none;transition:none}}.legal-page-container{color:#1f2937;font-family:Segoe UI,sans-serif;line-height:1.6;margin:0 auto;max-width:1200px;padding:2rem 1rem}.legal-page-header{border-bottom:1px solid #e5e7eb;margin-bottom:3rem;padding-bottom:2rem}.legal-page-header h1{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.legal-page-subtitle{color:#6b7280;font-size:1rem}.legal-page-nav{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.brand-link,.legal-page-nav{align-items:center;display:flex}.brand-link{color:#1f2937;font-size:1.25rem;font-weight:600;text-decoration:none}.brand-link .logo-container{align-items:center;display:flex;margin-right:.75rem}.brand-link .logo-image{display:block;height:auto;width:40px}.legal-nav-links{display:flex;flex-wrap:wrap;gap:1.5rem}.legal-nav-links a{color:#4b5563;padding:.5rem 0;position:relative;text-decoration:none;transition:color .2s ease}.legal-nav-links a:hover{color:#00bfa5}.legal-nav-links a.active{color:#00bfa5;font-weight:600}.legal-nav-links a.active:after{background-color:#00bfa5;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}.legal-page-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 3fr}.legal-toc{align-self:start;background-color:#f9fafb;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.legal-toc h2{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.legal-toc ol{margin:0;padding-left:1.25rem}.legal-toc li{margin-bottom:.5rem}.legal-toc a{color:#4b5563;font-size:.95rem;text-decoration:none;transition:color .2s ease}.legal-toc a:hover{color:#00bfa5;text-decoration:underline}.legal-sections{display:flex;flex-direction:column;gap:2.5rem}.legal-sections section{border-bottom:1px solid #e5e7eb;padding-bottom:2rem}.legal-sections section:last-child{border-bottom:none}.legal-sections h2{color:#1f2937;font-size:1.75rem;font-weight:600;margin-bottom:1.25rem}.legal-sections h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:1.5rem 0 1rem}.legal-sections p{color:#4b5563;margin-bottom:1rem}.legal-sections ol,.legal-sections ul{color:#4b5563;margin-bottom:1rem;padding-left:1.5rem}.legal-sections li{margin-bottom:.75rem}.legal-sections strong{color:#1f2937;font-weight:600}.legal-page-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:4rem;padding-top:2rem}.legal-page-footer p{color:#6b7280;font-size:.875rem;margin:0}.back-to-home-link{align-items:center;color:#4b5563;display:flex;font-size:.95rem;text-decoration:none;transition:color .2s ease}.back-to-home-link:hover{color:#00bfa5}.back-to-home-link .logo-container{align-items:center;display:flex;margin-right:.75rem}.back-to-home-link .logo-image{display:block;height:auto;width:30px}@media (max-width:768px){.legal-page-content{gap:2rem;grid-template-columns:1fr}.legal-toc{margin-bottom:2rem;position:static}.legal-page-header h1{font-size:2rem}.legal-sections h2{font-size:1.5rem}.legal-page-nav{align-items:flex-start;flex-direction:column}.legal-nav-links{justify-content:space-between;margin-top:1rem;width:100%}}@media (max-width:480px){.legal-page-container{padding:1.5rem 1rem}.legal-page-header h1{font-size:1.75rem}.legal-sections h2{font-size:1.35rem}.legal-sections h3{font-size:1.1rem}.legal-page-footer{align-items:center;flex-direction:column;gap:1.5rem;text-align:center}.legal-nav-links{flex-direction:column;gap:.75rem}.legal-nav-links a{background-color:#f9fafb;border-radius:4px;display:block;padding:.5rem;text-align:center}.legal-nav-links a.active:after{display:none}.legal-nav-links a.active{background-color:#00bfa5;color:#fff}}