.global-header{height:var(--header-height);padding:0 var(--space-4);background-color:var(--bg-color);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.header-controls{align-items:center;gap:var(--space-3);display:flex}.app-container{width:100%;height:calc(100vh - var(--header-height));display:flex}.sidebar-left{width:var(--sidebar-width);border-right:1px solid var(--border-color);padding:var(--space-3);background-color:var(--sidebar-bg);flex-direction:column;flex-shrink:0;height:100%;transition:width .25s cubic-bezier(.4,0,.2,1),padding .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden auto}.sidebar-footer{padding-top:var(--space-4)}.sidebar-footer-links{margin-bottom:var(--space-2);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0;font-size:11px;display:flex}.sidebar-footer-links .social-link{width:22px;height:22px;color:var(--text-tertiary);transition:color var(--transition-fast), background var(--transition-fast);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-footer-links .social-link:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar-footer-links .social-link svg{width:14px;height:14px}.sidebar-footer-links .footer-divider{display:none}.sidebar-footer-links a:not(.social-link){color:var(--text-tertiary);transition:color var(--transition-fast);white-space:nowrap;text-decoration:none}.sidebar-footer-links a:not(.social-link):hover{color:var(--text-primary)}.sidebar-footer-links .footer-dot{color:var(--border-strong);font-size:var(--text-2xs)}.sidebar-footer-bottom{padding:0 var(--space-2);justify-content:space-between;align-items:center;display:flex}.sidebar-footer-bottom .copyright{font-size:var(--text-xs);color:var(--text-tertiary)}.sidebar-toggle{border:1px solid var(--border-default);border-radius:var(--radius-md);width:26px;height:26px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-main);background:#fafafa;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.sidebar-toggle:hover{background:var(--bg-sunken);color:var(--text-secondary);border-color:var(--border-strong)}.sidebar-toggle:active{transform:scale(.95)}.sidebar-toggle-icon{flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-resize-handle{cursor:col-resize;z-index:10;flex-shrink:0;width:4px;margin:0 -2px;position:relative}.sidebar-resize-handle:after{content:"";background:0 0;border-radius:1px;width:2px;height:100%;transition:background .15s;position:absolute;top:0;left:1px}.sidebar-resize-handle:hover:after,.sidebar-resize-handle.dragging:after{background:var(--primary-color)}.sidebar-left.collapsed{width:var(--sidebar-width-collapsed);padding:var(--space-3) var(--space-1)}.sidebar-left.collapsed .sidebar-footer{border-top:none;padding-top:0}.sidebar-left.collapsed .sidebar-footer-links{display:none}.sidebar-left.collapsed .sidebar-footer-bottom{justify-content:center}.sidebar-left.collapsed .sidebar-footer-bottom .copyright{display:none}.sidebar-left.collapsed .sidebar-toggle{margin-left:0}.sidebar-left.collapsed .sidebar-toggle-icon{transform:scaleX(-1)}.sidebar-left.collapsed .nav-item span,.sidebar-left.collapsed .nav-group-label{display:none}.sidebar-left.collapsed .nav-item{padding:var(--space-2);justify-content:center}.sidebar-left.collapsed .nav-item .icon{margin:0}.sidebar-left.collapsed .sidebar-actions{margin-bottom:var(--space-2)}.sidebar-left.collapsed .sidebar-mobile-lang{display:none!important}.logo-area{align-items:center;gap:var(--space-1);font-weight:700;font-size:var(--text-base);color:var(--primary-hover);display:flex}.logo-area .logo-img{display:block}.nav-group{margin-bottom:14px}.nav-group-label{font-size:var(--text-xs);color:var(--gray-600);letter-spacing:.02em;margin-bottom:var(--space-1);padding-left:var(--space-2);font-weight:500}.nav-item .icon{flex-shrink:0;width:18px;height:18px}.nav-item{align-items:center;gap:var(--space-2);padding:6px var(--space-2);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:500;transition:background-color .3s;display:flex}.nav-item[hidden]{display:none!important}.nav-item:hover,.nav-item.active{background-color:var(--bg-sunken);color:var(--text-primary)}.nav-item i{text-align:center;width:20px}.nav-sub-items{max-height:0;padding-top:0;padding-bottom:0;padding-left:32px;transition:max-height .2s,padding .2s;overflow:hidden}.nav-item.active+.nav-sub-items{max-height:120px;padding-top:2px;padding-bottom:4px}.nav-sub-item{border-radius:var(--radius-base);color:var(--text-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:4px 10px;font-size:12px;transition:background-color .15s,color .15s;display:flex;position:relative}.nav-sub-item:before{content:"";border-left:1.5px solid var(--border-color);border-bottom:1.5px solid var(--border-color);flex-shrink:0;width:5px;height:5px;display:inline-block}.nav-sub-item:hover{background-color:var(--bg-sunken);color:var(--text-secondary)}.nav-sub-item.active{color:var(--text-primary);font-weight:500}.sidebar-left.collapsed .nav-sub-items{display:none}.sidebar-actions{margin-bottom:var(--space-4);flex-direction:column;gap:4px;display:flex}.sidebar-action-btn{width:100%;padding:8px var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;font-size:var(--text-sm);cursor:pointer;align-items:center;gap:var(--space-2);transition:all var(--transition-fast);background:0 0;border:none;display:flex}.sidebar-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-action-btn .icon{flex-shrink:0;width:18px;height:18px}.sidebar-action-plans .icon{color:var(--primary-color)}.sidebar-action-skills .icon{color:var(--color-warning-text)}.sidebar-action-plans:hover{background:var(--primary-subtle);color:var(--primary-color)}.sidebar-action-skills:hover{background:var(--color-warning-bg);color:var(--color-warning-text)}.sidebar-invite-wrap{margin-bottom:var(--space-2)}.sidebar-invite-cta{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);width:100%;color:var(--text-primary);cursor:pointer;align-items:center;gap:var(--space-2);text-align:left;transition:box-shadow var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);box-shadow:var(--shadow-sm);padding:8px 10px;display:flex}.sidebar-invite-cta:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent);transform:translateY(-1px)}.sidebar-invite-icon-wrap{background:var(--color-accent-bg);width:26px;height:26px;color:var(--color-accent);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-invite-icon{stroke-width:2px;width:16px;height:16px}.sidebar-invite-text{flex-direction:column;gap:1px;min-width:0;margin-top:0;display:flex}.sidebar-invite-title{color:var(--text-primary);font-size:13px;font-weight:600;line-height:var(--leading-tight);white-space:nowrap}.sidebar-invite-sub{color:var(--text-secondary);font-size:11px;font-weight:400;line-height:var(--leading-tight);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-left.collapsed .sidebar-invite-cta .sidebar-invite-text{display:none}.sidebar-left.collapsed .sidebar-invite-cta{justify-content:center;padding:8px}.sidebar-left.collapsed .sidebar-invite-icon-wrap{background:0 0;width:24px;height:24px}.nav-badge{color:var(--white);border-radius:999px;margin-left:auto;padding:1px 5px;font-size:10px;font-weight:700}.nav-badge-new{background:var(--primary-subtle);color:var(--primary-text)}.nav-badge-hot{color:#be123c;background:#ffe4e6}.nav-badge-outline{color:var(--text-tertiary);border:1px solid var(--border-strong);background:0 0;font-weight:600}.sidebar-left.collapsed .sidebar-action-btn span,.sidebar-left.collapsed .sidebar-action-btn .nav-badge{display:none}.sidebar-left.collapsed .sidebar-action-btn{justify-content:center;padding:9px}.sidebar-mobile-lang{display:none}.sidebar-lang-select{appearance:none;width:100%;max-width:200px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--panel-bg);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer}.sidebar-lang-select:focus{border-color:var(--primary-color);box-shadow:var(--shadow-focus);outline:none}.main-content{padding:var(--space-6) var(--space-10) 100px var(--space-10);background-color:var(--bg-color);width:100%;max-width:1600px;transition:opacity var(--duration-fast,.1s) ease-out;flex-direction:column;flex:1;margin:0 auto;display:flex;overflow-y:auto}.main-content.view-loading{opacity:0;transition:none}.app-header{margin-bottom:var(--space-6)}.app-header h1{margin-bottom:var(--space-5);color:var(--text-primary);font-size:28px;font-weight:700}.header-tabs{gap:var(--space-3);display:flex}.header-tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-2xl);border:1px solid var(--border-color);background:var(--white);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-main);color:var(--text-secondary);font-weight:600}.header-tab.active{background:var(--text-primary);color:var(--white);border-color:var(--text-primary)}.header-tab.disabled{opacity:.6;cursor:not-allowed;background:var(--panel-bg)}.section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.header-subscribe-btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border:1px solid var(--primary-color);border-radius:var(--radius-2xl);color:var(--primary-color);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-main);background:0 0;display:flex}.header-subscribe-btn:hover{background:var(--primary-subtle);transform:translateY(-1px)}.header-subscribe-btn svg{width:16px;height:16px}@media (width<=768px){.main-content{padding:var(--space-4) var(--space-4) 100px var(--space-4)}.app-header h1{font-size:22px}.header-tabs{gap:var(--space-2);flex-wrap:wrap}.header-tab{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}}@media (width<=480px){.main-content{padding:var(--space-3) var(--space-3) 100px var(--space-3)}.app-header h1{font-size:var(--text-lg);margin-bottom:var(--space-3)}.section-header{align-items:flex-start;gap:var(--space-2);flex-direction:column}}.page-container{padding:0 var(--space-5) var(--space-10);max-width:100%;margin:0;display:none}.page-container.active{z-index:var(--z-dropdown);display:block;position:relative}.page-header{margin-bottom:var(--space-12);padding-top:var(--space-2);justify-content:space-between;align-items:flex-start;display:flex}.page-header h1,.page-header h2{font-size:var(--text-2xl);margin-bottom:var(--space-2);color:var(--text-primary);font-weight:700}.page-header p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.create-dub-btn{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);color:var(--white);padding:var(--space-3) var(--space-6);border-radius:var(--radius-3xl);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-main);align-items:center;gap:var(--space-2);border:none;display:inline-flex;box-shadow:0 4px 12px #5851b84d}.create-dub-btn:hover{background:linear-gradient(135deg, var(--primary-hover) 0%, var(--primary-active) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #5851b866}.create-dub-btn:active{transform:translateY(0);box-shadow:0 2px 8px #5851b84d}.section-title{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-4);font-weight:600}.learn-cards{gap:var(--space-5);margin-bottom:var(--space-12);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.learn-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);align-items:center;gap:var(--space-4);cursor:pointer;transition:all var(--transition-main);display:flex;position:relative;overflow:hidden}.learn-card:before{content:"";opacity:0;background:linear-gradient(135deg,#5851b808 0%,#5851b805 100%);transition:opacity .3s;position:absolute;inset:0}.learn-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 8px 24px #5851b81f}.learn-card:hover:before{opacity:1}.learn-icon-wrapper{border-radius:var(--radius-lg);z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.learn-card:first-child .learn-icon-wrapper{background:linear-gradient(135deg, var(--purple-50) 0%, var(--purple-100) 100%);color:var(--primary-hover)}.learn-card:nth-child(2) .learn-icon-wrapper{color:#0ea5e9;background:linear-gradient(135deg,#e0f2fe 0%,#dbeafe 100%)}.learn-icon-wrapper .icon{width:22px;height:22px}.learn-content{z-index:1;flex:1;position:relative}.learn-content h3{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:600;line-height:1.4}.learn-content p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.learn-card:after{content:"→";font-size:var(--text-md);color:var(--primary-color);opacity:0;transition:all var(--transition-main);position:absolute;top:50%;right:20px;transform:translateY(-50%)translate(-8px)}.learn-card:hover:after{opacity:1;transform:translateY(-50%)translate(0)}@media (width<=768px){.page-header{gap:var(--space-5);flex-direction:column}.create-dub-btn{justify-content:center;width:100%}.learn-cards{grid-template-columns:1fr}}body.dark .nav-group-label{color:var(--text-secondary)}.vs-icon{width:var(--icon-md);height:var(--icon-md);vertical-align:middle;flex-shrink:0;display:inline-block}.vs-icon--xs{width:var(--icon-xs);height:var(--icon-xs)}.vs-icon--sm{width:var(--icon-sm);height:var(--icon-sm)}.vs-icon--lg{width:var(--icon-lg);height:var(--icon-lg)}.vs-icon--xl{width:var(--icon-xl);height:var(--icon-xl)}.vs-icon--state{width:var(--icon-state);height:var(--icon-state)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.selector-wrapper{position:relative}input:not([type=range],[type=checkbox],[type=radio]),textarea,select{transition:border-color var(--transition-fast,.1s ease), box-shadow var(--transition-fast,.1s ease)}.toolbar-select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;appearance:none;padding-right:var(--space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:14px;outline:none}.toast{top:var(--space-6);right:var(--space-6);border-radius:var(--radius-2xl);padding:var(--space-5) var(--space-6);opacity:0;min-width:320px;max-width:420px;z-index:var(--z-toast);background:linear-gradient(135deg, var(--bg-surface) 0%, var(--bg-base) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:14px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s ease-out,box-shadow .3s;display:flex;position:fixed;transform:translate(400px)scale(.9);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d}.toast.show{opacity:1;transform:translate(0)scale(1)}.toast:hover{box-shadow:0 24px 30px -6px #00000026,0 12px 12px -6px #0000000f,0 0 0 1px #00000014}.toast.success{background:linear-gradient(135deg, var(--color-success-bg) 0%, #dcfce7 100%);border:1px solid #32d74b33}.toast.success:hover{box-shadow:0 24px 30px -6px #32d74b33,0 12px 12px -6px #32d74b1a,0 0 0 1px #32d74b4d}.toast.error{background:linear-gradient(135deg, var(--color-error-bg) 0%, #fee2e2 100%);border:1px solid #ff3b3033}.toast.error:hover{box-shadow:0 24px 30px -6px #ff3b3033,0 12px 12px -6px #ff3b301a,0 0 0 1px #ff3b304d}.toast.warning{background:linear-gradient(135deg, var(--color-warning-bg) 0%, #fef3c7 100%);border:1px solid #ff950033}.toast.warning:hover{box-shadow:0 24px 30px -6px #ff950033,0 12px 12px -6px #ff95001a,0 0 0 1px #ff95004d}.toast.info{background:linear-gradient(135deg, var(--color-info-bg) 0%, #dbeafe 100%);border:1px solid #007aff33}.toast.info:hover{box-shadow:0 24px 30px -6px #007aff33,0 12px 12px -6px #007aff1a,0 0 0 1px #007aff4d}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:3px}.toast-message{font-size:var(--text-sm);color:var(--text-secondary);opacity:.85;line-height:1.5}.toast-close{border-radius:var(--radius-full);width:28px;height:28px;font-size:var(--text-md);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-main);background:#0000000d;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.toast-close:hover{background:#0000001a;transform:scale(1.1)}.toast-close:active{transform:scale(.95)}.voice-select-trigger{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer;font-size:var(--text-sm);min-width:140px;transition:all var(--transition-main);font-weight:500;display:flex}.voice-select-trigger:hover{border-color:var(--primary-color)}.voice-avatar-xs{border-radius:var(--radius-full);background-position:50%;background-size:cover;width:24px;height:24px}.voice-dropdown{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);width:300px;z-index:var(--z-dropdown);margin-top:var(--space-2);display:none;position:absolute;top:100%;right:0;box-shadow:0 10px 15px -3px #0000001a}.voice-dropdown.active{display:block}.voice-dropdown-search{padding:var(--space-3);border-bottom:1px solid var(--border-color)}.voice-dropdown-search input{width:100%;padding:var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-sm);transition:border-color var(--transition-fast);outline:none}.voice-dropdown-search input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 6%, transparent)}.voice-dropdown-list{max-height:300px;overflow-y:auto}.voice-option{padding:var(--space-2) var(--space-3);align-items:center;gap:var(--space-2);cursor:pointer;transition:all var(--transition-main);border-radius:var(--radius-sm);margin:2px 4px;display:flex;position:relative}.voice-option .voice-avatar-xs{flex-shrink:0}.voice-option .voice-info{flex:1;min-width:0}.voice-option .voice-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:500;overflow:hidden}.voice-option:hover{background:var(--panel-bg);transform:translate(2px)}.voice-option.selected{background:var(--primary-subtle);font-weight:600}.quota-cost-hint{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted,var(--text-tertiary));margin-left:var(--space-2);white-space:nowrap;display:inline-flex}.quota-cost-hint .cost-icon{width:12px;height:12px}.upgrade-request-overlay{z-index:var(--z-max);background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.upgrade-request-modal{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-8);width:90%;max-width:420px;position:relative;box-shadow:0 20px 60px #0006}.upgrade-request-close{color:var(--text-secondary);font-size:var(--text-xl);cursor:pointer;padding:var(--space-1) var(--space-2);background:0 0;border:none;line-height:1;position:absolute;top:12px;right:16px}.upgrade-request-header{text-align:center;margin-bottom:var(--space-5)}.upgrade-request-badge{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-dark) 100%);color:var(--text-inverse);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);letter-spacing:.5px;margin-bottom:var(--space-3);font-weight:600;display:inline-block}.upgrade-request-header h2{margin:0 0 var(--space-2);font-size:var(--text-lg);color:var(--text-primary)}.upgrade-request-header p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.upgrade-request-plan-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.upgrade-request-plan-name{color:var(--text-primary);font-weight:600}.upgrade-request-quota{font-size:var(--text-sm);color:var(--text-secondary)}.upgrade-request-form label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);display:block}.upgrade-request-form textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);resize:vertical;box-sizing:border-box;min-height:60px}.upgrade-request-form textarea::placeholder{color:var(--text-secondary)}.upgrade-request-form textarea:focus{border-color:var(--color-accent);outline:none}.upgrade-request-submit{width:100%;margin-top:var(--space-4);padding:var(--space-3);background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-dark) 100%);color:var(--text-inverse);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;border:none;font-weight:600;transition:opacity .2s}.upgrade-request-submit:hover:not(:disabled){opacity:.9}.upgrade-request-submit:disabled{opacity:.6;cursor:not-allowed}.upgrade-request-success{text-align:center;padding:var(--space-4) 0}.upgrade-request-success-icon{border-radius:var(--radius-full);background:var(--color-success);width:48px;height:48px;color:var(--text-inverse);font-size:var(--text-xl);margin:0 auto var(--space-4);line-height:48px}.upgrade-request-success h3{margin:0 0 var(--space-2);color:var(--text-primary)}.upgrade-request-success p{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.upgrade-request-contact{font-size:var(--text-sm)}.upgrade-request-contact a{color:var(--color-accent)}.upgrade-request-close-btn{margin-top:var(--space-4);padding:var(--space-2) var(--space-6);background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm)}.btn-text-secondary:hover{background:var(--panel-bg)}[data-action=switch-voice-library-tab][data-tab=collected]:hover{color:var(--primary-color)!important}@media (width<=480px){.toast{min-width:unset;max-width:unset;left:12px;right:12px}.upgrade-request-modal{padding:var(--space-6) var(--space-5);width:95%}}:root{--speaker-0:var(--primary-color);--speaker-1:var(--rose-400);--speaker-2:var(--green-500);--speaker-3:var(--color-warning);--speaker-4:var(--primary-color);--speaker-5:#06b6d4;--speaker-6:var(--color-error);--speaker-7:#84cc16}.speaker-color-0{background:var(--speaker-0)}.speaker-color-1{background:var(--speaker-1)}.speaker-color-2{background:var(--speaker-2)}.speaker-color-3{background:var(--speaker-3)}.speaker-color-4{background:var(--speaker-4)}.speaker-color-5{background:var(--speaker-5)}.speaker-color-6{background:var(--speaker-6)}.speaker-color-7{background:var(--speaker-7)}.vf-share-cta{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg,12px);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);z-index:var(--z-tooltip);white-space:nowrap;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(120%);box-shadow:0 8px 32px #00000026}.vf-share-cta--visible{transform:translate(-50%)translateY(0)}.vf-share-cta-text{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.vf-share-cta-actions{align-items:center;gap:var(--space-2);display:flex}.vf-share-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;border:1px solid var(--border-default);background:var(--bg-base);color:var(--text-primary);font-weight:500;line-height:1;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.vf-share-btn:hover{background:var(--bg-surface-hover,var(--bg-surface));border-color:var(--border-strong,#aaa)}.vf-share-btn--x{color:var(--white);background:#000;border-color:#000}body.dark .vf-share-btn--x{background:var(--white);border-color:var(--white);color:#000}.vf-share-btn--x:hover{color:var(--white);background:#222;border-color:#222}body.dark .vf-share-btn--x:hover{color:#000;background:#ddd;border-color:#ddd}.vf-share-cta-dismiss{cursor:pointer;color:var(--text-tertiary,#999);padding:var(--space-1) var(--space-1);font-size:var(--text-sm);background:0 0;border:none;line-height:1;transition:color .15s}.vf-share-cta-dismiss:hover{color:var(--text-primary)}@media (width<=600px){.vf-share-cta{white-space:normal;flex-wrap:wrap;bottom:16px;left:16px;right:16px;transform:translateY(120%)}.vf-share-cta--visible{transform:translateY(0)}}.player-bar{align-items:center;gap:var(--space-3);display:flex}.player-track{background:var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;height:4px;transition:height var(--transition-fast);flex:1;position:relative}.player-track:hover{height:6px}.player-fill{background:var(--primary-color);border-radius:var(--radius-full);height:100%;transition:width var(--transition-fast);position:relative}.player-thumb{background:var(--primary-color);border-radius:var(--radius-full);border:2px solid var(--bg-surface);width:12px;height:12px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);position:absolute;top:50%;right:-6px;transform:translateY(-50%)scale(0)}.player-track:hover .player-thumb{transform:translateY(-50%)scale(1)}.player-time{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:center;min-width:36px}.avatar{background:var(--bg-sunken);color:var(--text-tertiary);font-family:var(--font-sans);font-weight:var(--weight-semibold);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar-user{border-radius:var(--radius-full)}.avatar-content{border-radius:var(--radius-lg)}.avatar-xs{width:20px;height:20px;font-size:9px}.avatar-sm{width:24px;height:24px;font-size:var(--text-xs)}.avatar-md{width:32px;height:32px;font-size:var(--text-xs)}.avatar-lg{width:40px;height:40px;font-size:var(--text-sm)}.avatar-xl{width:48px;height:48px;font-size:var(--text-base)}.avatar-2xl{width:64px;height:64px;font-size:var(--text-lg)}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar-color-0{background:var(--color-info-bg);color:var(--color-info-text)}.avatar-color-1{background:var(--color-success-bg);color:var(--color-success-text)}.avatar-color-2{background:var(--tag-bg-primary);color:var(--tag-color-primary)}.avatar-color-3{background:var(--color-warning-bg);color:var(--color-warning-text)}.avatar-color-4{background:var(--color-error-bg);color:var(--color-error-text)}.avatar-group{flex-direction:row-reverse;display:inline-flex}.avatar-group .avatar{border:2px solid var(--bg-surface);margin-left:-8px}.avatar-group .avatar:last-child{margin-left:0}.tabs{align-items:center;display:flex}.tab-item{padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);white-space:nowrap;background:0 0;border:none;outline:none}.tab-item:hover{color:var(--text-secondary)}.tab-item:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.tab-item:disabled{opacity:.4;cursor:not-allowed}.tabs-underline{border-bottom:1px solid var(--border-default);gap:var(--space-1)}.tabs-underline .tab-item{padding-bottom:calc(var(--space-2) + 2px);position:relative}.tabs-underline .tab-item:after{content:"";background:var(--primary-color);border-radius:var(--radius-full) var(--radius-full) 0 0;height:2px;transition:transform var(--transition-normal) var(--ease-spring);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.tabs-underline .tab-item.active{color:var(--primary-color);font-weight:var(--weight-semibold)}.tabs-underline .tab-item.active:after{transform:scaleX(1)}.tabs-pill{background:var(--bg-sunken);border-radius:var(--radius-lg);padding:var(--space-1);gap:var(--space-1)}.tabs-pill .tab-item{border-radius:var(--radius-md)}.tabs-pill .tab-item.active{background:var(--bg-surface);color:var(--text-primary);font-weight:var(--weight-semibold);box-shadow:var(--shadow-sm)}.search-input-wrap{align-items:center;display:flex;position:relative}.search-input-icon{left:var(--space-3);color:var(--text-muted);pointer-events:none;width:var(--icon-sm);height:var(--icon-sm);flex-shrink:0;position:absolute}.search-input{width:100%;padding:var(--space-2) var(--space-4) var(--space-2) calc(var(--space-3) * 2 + var(--icon-sm));border-radius:var(--radius-full);border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);font-family:var(--font-sans);font-size:var(--text-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.search-input::placeholder{color:var(--input-placeholder)}.search-input:hover{border-color:var(--border-strong)}.search-input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 6%, transparent)}.search-clear-btn{right:var(--space-3);color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:none;position:absolute}.search-input-wrap:has(.search-input:not(:placeholder-shown)) .search-clear-btn{display:flex}.search-clear-btn:hover{color:var(--text-secondary)}.modal-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;background:#0009;justify-content:center;align-items:center;transition:opacity .3s cubic-bezier(.4,0,.2,1);display:none;position:fixed;inset:0}.modal-overlay.active{opacity:1;display:flex}.modal-content{background:var(--card-bg);border-radius:var(--radius-3xl);border:1px solid var(--border-color);opacity:0;width:90%;max-width:600px;max-height:85vh;transition:all var(--transition-main);flex-direction:column;display:flex;position:relative;transform:scale(.95)translateY(20px);box-shadow:0 32px 64px #0003,0 16px 32px #5851b81a}.modal-overlay.active .modal-content{opacity:1;transform:scale(1)translateY(0)}.modal-content .modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.modal-content .modal-header h3{font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:700}.video-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;height:100%;z-index:var(--z-max,9999);background:#000000d1;justify-content:center;align-items:center;display:none;position:fixed;top:0;left:0}.video-modal-overlay.active{display:flex}.progress-bar{height:var(--progress-track-height-md,4px);background:var(--progress-track-bg);border-radius:var(--radius-full);flex:1;position:relative;overflow:hidden}.progress-fill{background:var(--progress-fill-color);border-radius:var(--radius-full);height:100%;transition:width .4s}.progress-fill.is-indeterminate{background:linear-gradient(90deg, var(--progress-fill-color), var(--progress-fill-hover,var(--progress-fill-color)), var(--progress-fill-color));background-size:200% 100%;animation:1.5s infinite progress-shimmer;width:100%!important}.progress-bar.is-xs{height:var(--progress-track-height-xs,2px)}.progress-bar.is-sm{height:var(--progress-track-height-sm,3px)}.progress-bar.is-lg{height:var(--progress-track-height-lg,6px)}.progress-bar.is-xl{height:var(--progress-track-height-xl,8px)}.progress-bar.is-2xl{height:var(--progress-track-height-2xl,12px)}.synthesis-progress-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:none;position:fixed;inset:0}.synthesis-progress-modal.active{display:flex}.synthesis-progress-content{background:var(--panel-bg);border-radius:var(--radius-2xl);padding:var(--space-10) var(--space-12);text-align:center;min-width:380px;max-width:90vw;animation:.4s cubic-bezier(.4,0,.2,1) synthesis-slide-up;box-shadow:0 24px 48px #0003,inset 0 0 0 1px #ffffff1a}@keyframes synthesis-slide-up{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.synthesis-progress-icon{margin-bottom:var(--space-6)}.synthesis-spinner{color:var(--primary-color);animation:1.2s linear infinite spin}.synthesis-spinner circle{opacity:.9}.synthesis-progress-title{font-size:var(--text-lg);color:var(--text-primary);margin:0 0 var(--space-7) 0;font-weight:600}.synthesis-progress-bar-container{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-1);margin-bottom:var(--space-4)}.synthesis-progress-bar{width:100%;height:var(--progress-track-height-2xl);background:var(--progress-track-bg);border-radius:var(--radius-md);position:relative;overflow:hidden}.synthesis-progress-fill{background:linear-gradient(90deg, var(--progress-fill-color), var(--progress-fill-hover,var(--progress-fill-color)), var(--progress-fill-color));border-radius:var(--radius-md);width:0%;height:100%;transition:width var(--transition-slow);background-size:200% 100%;animation:2s infinite progress-shimmer;position:relative}@keyframes progress-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.synthesis-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:1.5s infinite shimmer-slide;position:absolute;inset:0}@keyframes shimmer-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.synthesis-progress-text{font-size:var(--text-base);color:var(--text-primary);margin:0 0 var(--space-2) 0;font-variant-numeric:tabular-nums;font-weight:600}.synthesis-progress-hint{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}body.dark .synthesis-progress-content{background:#1e1e28f2;box-shadow:0 24px 48px #0006,inset 0 0 0 1px #ffffff0d}body.dark .synthesis-progress-bar-container{background:#0000004d}body.dark .synthesis-progress-bar{background:#ffffff1a}.web-search-toggle,.generate-images-toggle,.narration-toggle{cursor:pointer;font-size:var(--text-xs);color:var(--text-secondary);-webkit-user-select:none;user-select:none;padding:var(--space-1) var(--space-3);border-radius:var(--radius-2xl);border:1px solid var(--border-color);background:var(--bg-color);white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;font-weight:500;transition:all .15s;display:inline-flex}.web-search-toggle:hover,.generate-images-toggle:hover,.narration-toggle:hover{color:var(--text-primary);border-color:var(--text-tertiary)}.web-search-toggle input[type=checkbox],.generate-images-toggle input[type=checkbox],.narration-toggle input[type=checkbox]{display:none}:is(.web-search-toggle:has(input:checked),.generate-images-toggle:has(input:checked),.narration-toggle:has(input:checked)){color:var(--primary-color);background:var(--primary-subtle);border-color:var(--primary-color)}.web-search-toggle svg,.generate-images-toggle svg,.narration-toggle svg{opacity:.5;flex-shrink:0}:is(.web-search-toggle:has(input:checked) svg,.generate-images-toggle:has(input:checked) svg,.narration-toggle:has(input:checked) svg){opacity:1}.image-quality-select{appearance:none;color:inherit;font:inherit;font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;border-bottom:1px dashed;outline:none;max-width:48px;padding:0 2px;font-weight:600}.image-quality-select option{background:var(--bg-color);color:var(--text-primary)}.generate-images-toggle:has(input:not(:checked)) .image-quality-select{display:none}.publish-modal-overlay{background:var(--overlay-bg,#00000080);z-index:var(--z-modal,1000);padding:var(--space-4);opacity:0;justify-content:center;align-items:center;transition:opacity .18s;display:flex;position:fixed;inset:0}.publish-modal-overlay.publish-modal-visible{opacity:1}.publish-modal{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-xl);transition:transform .18s;position:relative;overflow-y:auto;transform:translateY(8px)}.publish-modal-overlay.publish-modal-visible .publish-modal{transform:translateY(0)}.publish-modal-header{padding:var(--space-5) var(--space-6) var(--space-4);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.publish-modal-title-row{align-items:center;gap:var(--space-2-5);display:flex}.publish-category-badge{font-size:var(--text-xs);padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--primary-color-alpha-10,#5851b81f);color:var(--primary-color);border:1px solid var(--primary-color-alpha-20,#5851b833);align-items:center;font-weight:500;line-height:1.5;display:inline-flex}.publish-category-badge--podcast{background:var(--badge-cat-podcast-bg);color:var(--badge-cat-podcast-text);border-color:color-mix(in srgb, var(--badge-cat-podcast-text) 20%, transparent)}.publish-category-badge--ai_video{background:var(--badge-cat-video-bg);color:var(--badge-cat-video-text);border-color:color-mix(in srgb, var(--badge-cat-video-text) 20%, transparent)}.publish-category-badge--dubbing{background:var(--badge-cat-dubbing-bg);color:var(--badge-cat-dubbing-text);border-color:color-mix(in srgb, var(--badge-cat-dubbing-text) 20%, transparent)}.publish-modal-title{font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:600}.publish-modal-close{cursor:pointer;color:var(--text-tertiary);padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;transition:color .15s;display:flex}.publish-modal-close:hover{color:var(--text-primary)}.publish-modal-body{padding:var(--space-5) var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.publish-preview-row{gap:var(--space-4);align-items:flex-start;display:flex}.publish-preview-card{border-radius:var(--radius-lg);width:96px;height:96px;padding:var(--space-2);cursor:default;flex-shrink:0;align-items:flex-end;transition:opacity .15s;display:flex}.publish-preview-card:hover{opacity:.85}.publish-preview-waveform{align-items:flex-end;gap:2px;width:100%;height:28px;display:flex}.publish-preview-waveform .waveform-bar{background:#ffffffb3;border-radius:2px;flex:1;min-height:4px}.publish-preview-meta{flex:1;min-width:0}.publish-preview-hint{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-3)}.publish-gradient-picker{gap:var(--space-2);flex-direction:column;display:flex}.publish-gradient-swatches{gap:var(--space-2);flex-wrap:wrap;display:flex}.publish-gradient-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:transform .15s,border-color .15s}.publish-gradient-swatch:hover{transform:scale(1.15)}.publish-gradient-swatch.selected{border-color:var(--primary-color);transform:scale(1.1)}.publish-gradient-swatch.gradient-sunset,.publish-preview-card.gradient-sunset{background:radial-gradient(at 60% 25%,#fdba7499 0%,#0000 55%),linear-gradient(160deg,#fef3c7 0%,#fff7ed 100%)}.publish-gradient-swatch.gradient-ocean,.publish-preview-card.gradient-ocean{background:radial-gradient(at 50% 30%,#93c5fd99 0%,#0000 55%),linear-gradient(160deg,#dbeafe 0%,#eff6ff 100%)}.publish-gradient-swatch.gradient-forest,.publish-preview-card.gradient-forest{background:radial-gradient(at 45% 35%,#a7f3d08c 0%,#0000 55%),linear-gradient(160deg,#d1fae5 0%,#ecfdf5 100%)}.publish-gradient-swatch.gradient-aurora,.publish-preview-card.gradient-aurora{background:radial-gradient(at 40% 30%,#67e8f98c 0%,#0000 55%),linear-gradient(160deg,#cffafe 0%,#ecfeff 100%)}.publish-gradient-swatch.gradient-ember,.publish-preview-card.gradient-ember{background:radial-gradient(at 35% 40%,#fda4af80 0%,#0000 55%),linear-gradient(160deg,#ffe4e6 0%,#fff1f2 100%)}.publish-gradient-swatch.gradient-twilight,.publish-preview-card.gradient-twilight{background:radial-gradient(at 55% 35%,#d8b4fe80 0%,#0000 55%),linear-gradient(160deg,#f3e8ff 0%,#fdf4ff 100%)}.publish-field{gap:var(--space-1-5);flex-direction:column;display:flex}.publish-field-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.publish-input,.publish-textarea{background:var(--bg-input,var(--bg-elevated));border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;padding:var(--space-2-5) var(--space-3);font-size:var(--text-sm);color:var(--text-primary);resize:none;box-sizing:border-box;transition:border-color .15s}.publish-input:focus,.publish-textarea:focus{border-color:var(--primary-color);box-shadow:var(--shadow-focus);outline:none}.publish-tags-field{gap:var(--space-1-5);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2);background:var(--bg-input,var(--bg-elevated));cursor:text;flex-wrap:wrap;min-height:40px;transition:border-color .15s;display:flex}.publish-tags-field:focus-within{border-color:var(--primary-color);box-shadow:var(--shadow-focus)}.publish-tag-chip{align-items:center;gap:var(--space-1);background:var(--primary-color-alpha-10,#5851b81f);color:var(--primary-color);font-size:var(--text-xs);padding:2px var(--space-2);border-radius:var(--radius-full);display:inline-flex}.publish-tag-chip button{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.publish-tag-chip button:hover{opacity:1}.publish-tag-input{font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:80px}.publish-modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-5);border-top:1px solid var(--border-subtle);display:flex}.publish-submit-btn svg{margin-right:var(--space-1-5)}.publish-modal-progress{background:var(--border-subtle);border-radius:0 0 var(--radius-xl) var(--radius-xl);height:3px;overflow:hidden}.publish-progress-bar{background:var(--primary-color);width:0;height:100%;transition:width .15s}body.dark .publish-modal{background:var(--bg-surface,var(--gray-900));border-color:var(--border-subtle)}.option-group{align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--bg-sunken);border-radius:var(--radius-lg);display:inline-flex}.option-group-item{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);color:var(--text-tertiary);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:none;outline:none;display:inline-flex}.option-group-item:hover{color:var(--text-secondary);background:var(--bg-hover)}.option-group-item.selected{background:var(--bg-surface);color:var(--text-primary);font-weight:var(--weight-semibold);box-shadow:var(--shadow-sm)}.option-group-item:focus-visible{box-shadow:var(--shadow-focus)}.option-group-item:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.option-group-item svg{width:var(--icon-sm);height:var(--icon-sm);flex-shrink:0}.option-group-sm{gap:2px;padding:2px}.option-group-sm .option-group-item{padding:2px var(--space-2);font-size:var(--text-xs)}.option-group-flat{background:0 0;align-items:center;gap:2px;padding:0;display:inline-flex}.option-group-flat .option-group-item{border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-family:var(--font-ui);border:1px solid #0000}.option-group-flat .option-group-item:hover{border-color:var(--border-default)}.option-group-flat .option-group-item.selected{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-subtle);box-shadow:none}.theme-dot-btn{border-radius:var(--radius-full);cursor:pointer;width:20px;height:20px;transition:border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:2px solid #0000;outline:none;padding:0}.theme-dot-btn:hover{box-shadow:var(--shadow-sm);transform:scale(1.15)}.theme-dot-btn.selected{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-subtle)}.theme-dot-btn:focus-visible{box-shadow:var(--shadow-focus)}@keyframes ph-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ph-spin{to{transform:rotate(360deg)}}@keyframes ph-fade-out{to{opacity:0;transform:scale(.98)}}.ph-shimmer{background:linear-gradient(90deg, var(--bg-sunken) 25%, var(--bg-hover) 50%, var(--bg-sunken) 75%);border-radius:var(--radius-md);animation:ph-shimmer 1.5s var(--ease-linear) infinite;background-size:200% 100%}.ph-spinner{border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:var(--radius-full);flex-shrink:0;width:24px;height:24px;animation:.7s linear infinite ph-spin;display:inline-block}.ph-spinner--sm{border-width:2px;width:14px;height:14px}.ph-spinner--lg{border-width:3px;width:32px;height:32px}.ph-progress{background:var(--bg-sunken);border-radius:var(--radius-full);height:4px;overflow:hidden}.ph-progress-fill{background:var(--primary-color);border-radius:var(--radius-full);height:100%;transition:width .4s var(--ease-out);position:relative}.ph-progress-fill:after{content:"";animation:ph-shimmer 1.5s var(--ease-linear) infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000) 0 0/200% 100%;position:absolute;inset:0}.ph-item{border-radius:var(--radius-lg);background:var(--bg-sunken);position:relative;overflow:hidden}.ph-item-label{font-size:var(--text-xs);color:var(--text-tertiary);padding:var(--space-3)}.ph-item--replacing{animation:ph-fade-out var(--duration-normal) var(--ease-out) forwards}@media (prefers-reduced-motion:reduce){.ph-shimmer,.ph-progress-fill:after{background-position:0 0;animation:none}.ph-spinner{border-top-color:var(--primary-color);opacity:.6;animation:none}.ph-item--replacing{opacity:0;animation:none}}#themeToggle .icon-moon{display:none}body.dark #themeToggle{color:var(--text-primary)}body.dark #themeToggle .icon-sun{display:none}body.dark #themeToggle .icon-moon{display:block}body.dark{--primary-color:#7f77dd;--primary-hover:#6b63ce;--primary-active:#5851b8;--primary-subtle:#7f77dd26;--primary-text:#7f77dd;--color-focus-ring:#7f77dd;--bg-base:#1a1a1a;--bg-surface:#1f1f1f;--bg-sunken:#252525;--bg-elevated:#2d2d2d;--bg-hover:#252525;--bg-overlay:#0009;--bg-sidebar:#1f1f1f;--text-primary:#fff;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--text-muted:#6b7280;--text-disabled:#4b5563;--text-link:#7f77dd;--text-link-hover:#6b63ce;--border-default:#374151;--border-subtle:#2d2d2d;--border-strong:#4b5563;--border-focus:#7f77dd;--border-hover:#4b5563;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006, 0 2px 4px #0000004d;--shadow-lg:0 10px 15px #0006, 0 4px 6px #0000004d;--shadow-card:0 2px 8px #0000004d, 0 1px 3px #0003;--shadow-card-hover:0 8px 24px #7f77dd33, 0 2px 8px #0000004d;--shadow-modal:0 20px 60px #0009, 0 4px 16px #0006;--shadow-dropdown:0 4px 16px #0006, 0 1px 4px #0000004d;--shadow-focus:0 0 0 3px #7f77dd4d;--color-success:#4ade80;--color-success-bg:#4ade801a;--color-success-border:#4ade804d;--color-success-text:#4ade80;--color-error:#f87171;--color-error-bg:#f871711a;--color-error-border:#f871714d;--color-error-text:#f87171;--color-warning:#fbbf24;--color-warning-bg:#fbbf241a;--color-warning-border:#fbbf244d;--color-warning-text:#fbbf24;--color-info:#60a5fa;--color-info-bg:#60a5fa1a;--color-info-border:#60a5fa4d;--color-info-text:#60a5fa;--input-bg:var(--bg-surface);--input-border:var(--border-default);--input-text:var(--text-primary);--input-placeholder:var(--text-tertiary);--dropdown-bg:var(--bg-surface);--modal-bg:var(--bg-sunken);--tooltip-bg:var(--bg-elevated);--tooltip-text:var(--text-primary);--tag-bg:var(--bg-sunken);--tag-color:var(--text-secondary);--tag-bg-primary:#7f77dd33;--tag-color-primary:var(--primary-color);--color-icon-ai-video-bg:#2e1065;--color-icon-ai-video-fg:#a78bfa;--bg-color:var(--bg-base);--sidebar-bg:var(--bg-sidebar);--panel-bg:var(--bg-sunken);--card-bg:var(--bg-surface);--hover-bg:var(--bg-hover);--surface-elevated:var(--bg-elevated);--border-color:var(--border-default);--bg-secondary:var(--bg-sunken);--progress-track-bg:var(--border-subtle);--progress-fill-color:var(--primary-color);--slider-track-bg:var(--border-subtle);--slider-fill-color:var(--primary-color);--slider-thumb-bg:var(--primary-color);--slider-thumb-border:2px solid var(--bg-surface);--stepper-step-bg:var(--bg-surface);--stepper-step-border:var(--border-default);--stepper-active-bg:linear-gradient(135deg, var(--primary-color) 0%, #b8b2f6 100%);--stepper-active-border:var(--primary-color);--stepper-active-color:var(--text-inverse);--stepper-completed-bg:linear-gradient(135deg, var(--color-success) 0%, #86efac 100%);--stepper-completed-border:var(--color-success);--stepper-completed-color:var(--text-inverse)}body.dark .nav-item:hover,body.dark .nav-item.active{background-color:var(--panel-bg)}body.dark .sidebar-action-btn{background:var(--panel-bg);border-color:var(--border-color);color:var(--text-secondary)}body.dark .sidebar-action-btn:hover{background:var(--sidebar-bg);color:var(--text-primary)}body.dark .sidebar-invite-cta{background:linear-gradient(135deg,#4a1942 0%,#5c2347 100%);border-color:#b04a6e59}body.dark .sidebar-invite-title{color:var(--text-primary)}body.dark .sidebar-invite-sub{color:var(--brand-purple-light)}body.dark .sidebar-footer-bottom .copyright{color:var(--text-muted)}body.dark .tool-card.teal-gradient{background:linear-gradient(135deg,#042f2e 0%,#0c4a6e 100%)}body.dark .tool-card.rose-gradient{background:linear-gradient(135deg,#500724 0%,#831843 100%)}body.dark .header-tab{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .header-tab.active{background:var(--text-primary);border-color:var(--text-primary)}body.dark .editor-wrapper,body.dark .tool-btn,body.dark .toolbar-select,body.dark .voice-select-trigger,body.dark .voice-dropdown{background:var(--sidebar-bg)}body.dark .voice-option:hover{background:var(--panel-bg)}body.dark .voice-option.selected{background:color-mix(in srgb, var(--primary-color) 20%, transparent)}body.dark .toast{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e1e1ef2 0%,#141414f2 100%);box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d,0 0 0 1px #ffffff1a}body.dark .toast:hover{box-shadow:0 24px 30px -6px #0009,0 12px 12px -6px #0006,0 0 0 1px #ffffff26}body.dark .toast.success{background:linear-gradient(135deg,#32d74b26 0%,#30d1581a 100%);border:1px solid #32d74b4d}body.dark .toast.error{background:linear-gradient(135deg,#ff3b3026 0%,#ff453a1a 100%);border:1px solid #ff3b304d}body.dark .toast.warning{background:linear-gradient(135deg,#ff950026 0%,#ff9f0a1a 100%);border:1px solid #ff95004d}body.dark .toast.info{background:linear-gradient(135deg,#007aff26 0%,#0a84ff1a 100%);border:1px solid #007aff4d}body.dark .toast-close{color:#ffffffb3;background:#ffffff1a}body.dark .toast-close:hover{color:#ffffffe6;background:#ffffff26}body.dark .filter-tag{background:var(--sidebar-bg)}body.dark .control-select,body.dark .voice-selector{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .preset-btn:hover{background:var(--panel-bg)}body.dark .home-tab.active{box-shadow:0 1px 4px #0000004d}body.dark .control-select-transparent,body.dark .home-textarea{color:var(--text-primary)}body.dark .voice-tag{background:var(--panel-bg)}body.dark .visual-voiceover{box-shadow:0 2px 12px #0000004d}body.dark .tool-card.purple-gradient{background:linear-gradient(135deg,#4c1d95 0%,#5b21b6 100%)}body.dark .tool-card.blue-gradient{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%)}body.dark .try-now-btn{border-color:var(--text-primary);color:var(--text-primary)}body.dark .try-now-btn:hover{background:var(--text-primary);color:var(--bg-base)}body.dark .voice-library-card{background:var(--sidebar-bg)}body.dark .clone-card{background:var(--panel-bg)}body.dark .message-box.success{background:var(--color-success-bg);color:var(--color-success-text)}body.dark .message-box.error{background:var(--color-error-bg);color:var(--color-error-text)}body.dark .message-box.info{background:var(--color-info-bg);color:var(--color-info-text)}body.dark .record-modal-content{background:var(--sidebar-bg);border:1px solid var(--border-color)}body.dark .record-action-btn{background:var(--sidebar-bg);border-color:#ef444433}body.dark .sample-item{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .sample-item:hover{background:var(--panel-bg)}body.dark .sample-delete-btn{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .sample-delete-btn:hover{background:#ef44441a}body.dark #cloneName{background:var(--sidebar-bg);color:var(--text-primary);border-color:var(--border-color)}body.dark .play-pause-btn{background:var(--gray-200);color:var(--bg-base)}body.dark .play-pause-btn:hover{background:var(--gray-100)}body.dark .player-btn.skip-btn{color:var(--text-secondary)}body.dark .player-btn.skip-btn:hover{color:var(--text-primary)}body.dark .feedback-btn.is-active{background:color-mix(in srgb, var(--primary-color) 16%, transparent);box-shadow:0 8px 18px #0000004d}body.dark .header-subscribe-btn{border-color:var(--primary-color);color:var(--brand-purple-light)}body.dark .header-subscribe-btn:hover{color:var(--brand-purple-light);background:#7f77dd26}body.dark .play-btn-overlay{box-shadow:0 4px 12px #0000004d}body.dark .isolator-drop-zone{background-color:var(--sidebar-bg);border-color:var(--border-color)}body.dark .isolator-drop-zone:hover,body.dark .isolator-drop-zone.drag-over{background-color:var(--panel-bg);border-color:var(--primary-color)}body.dark .isolator-drop-icon{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 15%, transparent) 0%, color-mix(in srgb, var(--primary-color) 10%, transparent) 100%)}body.dark .isolator-file-card{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .isolator-file-icon{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 15%, transparent) 0%, color-mix(in srgb, var(--primary-color) 10%, transparent) 100%)}body.dark .isolator-drop-actions .btn-record{background:var(--sidebar-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark .isolator-preview-btn{background:var(--sidebar-bg);border-color:var(--border-color);color:var(--text-secondary)}body.dark .isolator-processing{background:linear-gradient(135deg,#fef9c31a 0%,#fef3c71a 100%);border-color:#fde68a33}body.dark .isolator-output{background:linear-gradient(135deg,#d1fae51a 0%,#a7f3d01a 100%);border-color:#6ee7b733}body.dark .isolator-btn-play-output{background:var(--sidebar-bg);color:#34d399;border-color:#10b981}body.dark .isolator-diarization{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .isolator-segment{background:var(--panel-bg)}body.dark .isolator-segment:hover{background:color-mix(in srgb, var(--primary-color) 6%, transparent)}body.dark .import-card{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .import-card:hover{background:var(--panel-bg);border-color:var(--primary-color)}body.dark .import-card.upload-card{background-color:var(--sidebar-bg);border-color:var(--border-color)}body.dark .import-card.upload-card:hover,body.dark .import-card.upload-card.dragover{background-color:var(--panel-bg);border-color:var(--primary-color)}body.dark .import-icon-bg{background:color-mix(in srgb, var(--primary-color) 20%, transparent);color:var(--primary-color)}body.dark .clone-section-card{background:var(--card-bg);border-color:var(--border-color)}body.dark .import-card.record-card{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .import-card.record-card:hover{background:var(--panel-bg);border-color:var(--primary-color)}body.dark .record-interface-inline{background:var(--sidebar-bg);border-color:var(--primary-color)}body.dark .clone-lang-select{background:color-mix(in srgb, var(--primary-color) 20%, transparent);color:var(--primary-color)}body.dark .lang-select-arrow{color:var(--primary-color)}body.dark .preview-box-container{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .clone-input{background:var(--sidebar-bg);color:var(--text-primary);border-color:var(--border-color)}body.dark .file-info-tag{background:color-mix(in srgb, var(--primary-color) 20%, transparent);color:var(--primary-color)}body.dark .audition-textarea{background:var(--sidebar-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark .trim-waveform-container{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .trim-dim{background:#00000080}body.dark .preview-language-tag{background:var(--panel-bg);color:var(--text-primary)}body.dark .preview-footer{border-top-color:var(--border-color)}body.dark .info-box{background:var(--color-info-bg);border-left-color:var(--color-info);color:var(--color-info-text)}body.dark .info-box.warning{background:var(--color-warning-bg);border-left-color:var(--color-warning);color:var(--color-warning-text)}body.dark .info-box-icon{color:var(--color-info-text)}body.dark .info-box.warning .info-box-icon{color:var(--color-warning-text)}body.dark .checkbox-container:hover input~.checkmark{border-color:var(--primary-color)}body.dark .checkmark{background-color:var(--sidebar-bg);border-color:var(--border-color)}body.dark .lib-banner:first-child{background:linear-gradient(135deg,#0ea5e933 0%,#38bdf826 100%)}body.dark .lib-banner:nth-child(2){background:linear-gradient(135deg,#4f46e533 0%,#7f77dd26 100%)}body.dark .lib-banner>div:last-child{background:var(--panel-bg);border-color:var(--border-color)}body.dark .library-filter-bar input{background:var(--sidebar-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark .library-filter-bar input::placeholder{color:var(--text-secondary)}body.dark .filter-tags .tool-btn{background:var(--sidebar-bg);border-color:var(--border-color);color:var(--text-secondary)}body.dark .filter-tags .tool-btn:hover{background:var(--panel-bg);border-color:var(--primary-color);color:var(--text-primary)}body.dark .tts-editor-card{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .text-editor{color:var(--text-primary);background:0 0}body.dark .tts-voice-card{background:var(--panel-bg);border-color:var(--border-color)}body.dark .tts-voice-card .voice-avatar{border-color:var(--border-color)}body.dark .slider{background:var(--slider-track-bg)}body.dark .tts-slider-value{background:var(--panel-bg);color:var(--text-primary)}body.dark .tts-clone-card{background:linear-gradient(135deg, #7f77dd14 0%, color-mix(in srgb, var(--primary-color) 6%, transparent) 100%);border-color:#7f77dd33}body.dark .tts-clone-card:hover{border-color:#7f77dd66;box-shadow:0 2px 12px #7f77dd26}body.dark .model-selector{background:var(--panel-bg);border-color:var(--border-color)}body.dark .tts-bottom-toolbar{border-top-color:var(--border-color)}body.dark .tts-import-btn{background:var(--panel-bg);border-color:var(--border-color)}body.dark #authBtn{background:var(--panel-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark #authBtn:hover{background:var(--sidebar-bg)}body.dark .model-selector select,body.dark #ttsModelSelect{color:var(--text-primary);background:0 0}body.dark .toggle-switch+span{color:var(--text-secondary)}body.dark .voice-library-card,body.dark .voice-card{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .voice-library-card:hover,body.dark .voice-card:hover{background:var(--panel-bg)}body.dark .voice-preview-btn{background:var(--panel-bg);border-color:var(--border-color);color:var(--text-secondary)}body.dark .voice-preview-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#4f46e526}body.dark .voice-library-card.selected{border-color:var(--primary-color);background:color-mix(in srgb, var(--primary-color) 10%, transparent)}body.dark .voice-use-btn.selected{background:color-mix(in srgb, var(--primary-color) 15%, transparent);border-color:var(--primary-color);color:var(--primary-color)}body.dark .voice-preview-btn.playing{background:var(--primary-color);color:var(--text-on-primary)}body.dark .sidebar-toggle{background:var(--panel-bg);border-color:var(--border-color);color:var(--text-secondary)}body.dark .sidebar-toggle:hover{background:var(--sidebar-bg);color:var(--text-primary);border-color:var(--text-secondary)}body.dark .voice-use-btn{color:var(--text-primary);border-color:var(--border-color);background:0 0}body.dark .voice-use-btn:hover{background:var(--hover-bg);border-color:var(--text-secondary)}body.dark .vl-lang-tab.active,body.dark .vl-gender-btn.active,body.dark .vl-scene-chip.active{background:var(--hover-bg,#292524);color:var(--text-primary)}body.dark .vl-gender-toggle{border-color:var(--border-color)}body.dark .vl-gender-btn,body.dark .vl-scene-chip,body.dark .vl-clear-btn{border-color:var(--border-color);color:var(--text-secondary)}body.dark .lib-banner button,body.dark .lib-banner-btn{background:var(--panel-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark .voice-design-card,body.dark .design-card,body.dark .design-panel,body.dark .music-card,body.dark .music-panel,body.dark .music-item,body.dark .settings-panel,body.dark .settings-card,body.dark .panel-card{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark input[type=text],body.dark input[type=email],body.dark input[type=password],body.dark input[type=search],body.dark input[type=number],body.dark textarea,body.dark select{background:var(--input-bg);border-color:var(--input-border);color:var(--input-text)}body.dark input::placeholder,body.dark textarea::placeholder{color:var(--input-placeholder)}body.dark button[style*="background: white"],body.dark button[style*="background: #fff"],body.dark button[style*="background-color: white"],body.dark button[style*="background-color: #fff"],body.dark [style*="background: white"],body.dark [style*="background-color: white"]{background:var(--panel-bg)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}body.dark .dropdown,body.dark .dropdown-menu,body.dark .select-dropdown{background:var(--dropdown-bg);border-color:var(--border-color)}body.dark .modal,body.dark .modal-content,body.dark .dialog,body.dark .dialog-content{background:var(--modal-bg);border-color:var(--border-color)}body.dark .tab,body.dark .tab-item:not(.active){background:var(--sidebar-bg);color:var(--text-secondary)}body.dark .tab.active,body.dark .tab-item.active{background:var(--panel-bg);color:var(--text-primary)}body.dark .card,body.dark [class*=-card]:not(.tool-card,.pricing-card){background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .tooltip,body.dark [class*=tooltip]{background:var(--tooltip-bg);color:var(--tooltip-text);border-color:var(--border-color)}body.dark .popup,body.dark .popover,body.dark .voice-isolator-card,body.dark .isolator-card,body.dark .isolator-panel{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .isolator-actions button{background:var(--panel-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark .history-item,body.dark .history-card,body.dark .filter-bar,body.dark .search-bar{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .category-tag,body.dark .voice-category-tag{background:var(--panel-bg);color:var(--text-secondary)}body.dark .action-btn,body.dark .card-action{background:var(--panel-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark .main-content,body.dark .content-area,body.dark .content-wrapper{background:var(--bg-color)}body.dark .nav-icon{color:var(--text-secondary)}body.dark .nav-item.active .nav-icon{color:var(--text-primary)}body.dark .badge,body.dark .tag{background:var(--panel-bg);color:var(--text-secondary)}body.dark .divider,body.dark hr{border-color:var(--border-color)}body.dark ::-webkit-scrollbar{background:var(--bg-color)}body.dark ::-webkit-scrollbar-thumb{background:var(--panel-bg);border-radius:var(--radius-sm)}body.dark ::-webkit-scrollbar-thumb:hover{background:var(--border-color)}body.dark div[style*="background: white"],body.dark div[style*="background-color: white"],body.dark div[style*="background: #fff"],body.dark div[style*="background-color: #fff"],body.dark div[style*="background: #ffffff"],body.dark div[style*="background-color: #ffffff"],body.dark div[style*="background: rgb(255, 255, 255)"],body.dark div[style*="background-color: rgb(255, 255, 255)"]{background:var(--sidebar-bg)!important}body.dark span[style*="background: white"],body.dark span[style*="background-color: white"],body.dark .lib-banner[style*=background]{border:1px solid var(--border-color);background:linear-gradient(135deg,#4f46e533 0%,#7f77dd26 100%)!important}body.dark .lib-banner:nth-child(2)[style*=background]{background:linear-gradient(135deg,#0ea5e933 0%,#38bdf826 100%)!important}body.dark .lib-banner div[style*="background: white"],body.dark .lib-banner div[style*=background\:white]{background:var(--sidebar-bg)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}body.dark .info-box p,body.dark .info-box span{color:inherit}body.dark .learn-card{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .learn-card:before{background:linear-gradient(135deg, #7f77dd14 0%, color-mix(in srgb, var(--primary-color) 5%, transparent) 100%)}body.dark .learn-card:hover{border-color:var(--primary-color);background:var(--panel-bg);box-shadow:0 8px 24px #0000004d}body.dark .learn-card:first-child .learn-icon-wrapper{background:linear-gradient(135deg, #7c3aed4d 0%, color-mix(in srgb, var(--primary-color) 20%, transparent) 100%);color:var(--brand-purple-light)}body.dark .learn-card:nth-child(2) .learn-icon-wrapper{color:var(--color-info-text);background:linear-gradient(135deg,#0ea5e94d 0%,#38bdf833 100%)}body.dark .learn-card:after{color:var(--primary-color)}body.dark .create-dub-btn{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);color:var(--text-on-primary)}body.dark .create-dub-btn:hover{background:linear-gradient(135deg, var(--primary-hover) 0%, var(--primary-active) 100%)}body.dark .recent-dubs-list{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .dubs-header-row{background:var(--panel-bg);border-bottom-color:var(--border-color)}body.dark .dub-item{border-bottom-color:var(--border-color)}body.dark .dub-item:hover{background:linear-gradient(135deg, #7f77dd14 0%, color-mix(in srgb, var(--primary-color) 4%, transparent) 100%)}body.dark .col-name:before,body.dark .dubs-empty-state .empty-icon{background:linear-gradient(135deg, #7c3aed4d 0%, color-mix(in srgb, var(--primary-color) 20%, transparent) 100%)}body.dark .dubs-empty-state .empty-icon svg{color:var(--brand-purple-light)}body.dark .dubs-empty-state .create-btn-secondary{color:var(--primary-color);border-color:var(--primary-color);background:0 0}body.dark .dubs-empty-state .create-btn-secondary:hover{background:var(--primary-color);color:var(--text-on-primary)}body.dark .page-container:before{background:radial-gradient(circle,#7f77dd14 0%,#0000 70%)}body.dark .editor-container{background:var(--bg-color)}body.dark .editor-header{background:var(--bg-color);border-color:var(--border-color)}body.dark .project-title input{color:var(--text-primary)}body.dark .save-status{background:var(--panel-bg);color:var(--text-secondary)}body.dark .editor-toolbar{background:var(--bg-color);border-color:var(--border-color)}body.dark .tool-btn{color:var(--text-secondary)}body.dark .tool-btn:hover{background:var(--panel-bg);color:var(--text-primary)}body.dark .tool-btn.active{color:var(--primary-color);background:#4f46e533}body.dark .tool-divider{background:var(--border-color)}body.dark .editor-workspace,body.dark .editor-left{background:var(--sidebar-bg)}body.dark .editor-toolbar-top{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .toolbar-btn{background:var(--panel-bg);border-color:var(--border-color);color:var(--text-secondary)}body.dark .toolbar-btn:hover{background:var(--sidebar-bg);border-color:var(--primary-color);color:var(--text-primary)}body.dark .toolbar-divider{background:var(--border-color)}body.dark .word-count{color:var(--text-secondary)}body.dark .voice-quick-select{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .quick-select-label{color:var(--text-secondary)}body.dark .quick-voice-card{background:var(--panel-bg)}body.dark .quick-voice-card:hover{background:var(--sidebar-bg);border-color:var(--primary-color)}body.dark .quick-voice-card.selected{border-color:var(--primary-color);background:#4f46e533}body.dark .quick-voice-card .voice-name{color:var(--text-primary)}body.dark .quick-voice-card .voice-lang{color:var(--text-secondary);background:#ffffff1a}body.dark .quick-voice-card .voice-avatar{background:var(--panel-bg);border-color:var(--border-color)}body.dark .editor-text-area{background:var(--sidebar-bg)}body.dark .editor-textarea{border-color:var(--border-color);color:var(--text-primary);background:0 0}body.dark .editor-textarea:focus{background:#242424}body.dark .editor-textarea::placeholder{color:var(--text-secondary)}body.dark .editor-sidebar{background:var(--sidebar-bg);border-left-color:var(--border-color)}body.dark .sidebar-section{border-bottom-color:var(--border-color)}body.dark .section-label{color:var(--text-secondary)}body.dark .current-voice-card{background:var(--panel-bg);border-color:var(--border-color)}body.dark .current-voice-card .voice-name{color:var(--text-primary)}body.dark .current-voice-card .voice-lang{color:var(--primary-color);background:#4f46e533}body.dark .current-voice-card .voice-avatar{background:var(--panel-bg);border-color:var(--border-color)}body.dark .param-row label{color:var(--text-primary)}body.dark .param-controls input[type=range]{background:var(--slider-track-bg)}body.dark .param-value{color:var(--text-primary)}body.dark .voice-search input{background:var(--panel-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark .voice-search input::placeholder{color:var(--text-secondary)}body.dark .voice-search input:focus{border-color:var(--primary-color)}body.dark .voice-list,body.dark .voice-list .voice-option{background:0 0}body.dark .voice-list .voice-option:hover{background:var(--panel-bg)}body.dark .voice-list .voice-option.selected{border-color:var(--primary-color);background:#4f46e533}body.dark .voice-list .voice-option .voice-avatar{background:var(--panel-bg)}body.dark .voice-list .voice-option .voice-details .name{color:var(--text-primary)}body.dark .voice-list .voice-option .voice-details .desc{color:var(--text-secondary)}body.dark .floating-voice-card{background:var(--panel-bg);border:1px solid var(--border-color);box-shadow:0 10px 25px #0000004d}body.dark .floating-voice-card .voice-name{color:var(--text-primary)}body.dark .floating-voice-card .voice-desc{color:var(--text-secondary)}body.dark .voice-avatar{background:var(--panel-bg);border-color:var(--border-color)}body.dark .modal-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000c}body.dark .modal-content{background:var(--panel-bg);box-shadow:0 32px 64px #0009, 0 16px 32px color-mix(in srgb, var(--primary-color) 15%, transparent);border-color:color-mix(in srgb, var(--primary-color) 20%, transparent)}body.dark .modal-content:before{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 50%, transparent) 0%, #ec489980 100%)}body.dark .modal-header{background:linear-gradient(180deg, color-mix(in srgb, var(--primary-color) 8%, transparent) 0%, transparent 100%);border-color:#ffffff1a}body.dark .modal-header h3{background:linear-gradient(135deg, var(--text-primary) 0%, var(--primary-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}body.dark .modal-close-btn{background:color-mix(in srgb, var(--primary-color) 10%, transparent);border-color:color-mix(in srgb, var(--primary-color) 20%, transparent)}body.dark .modal-close-btn:hover{background:linear-gradient(135deg, var(--primary-color), var(--brand-purple));color:var(--text-on-primary);box-shadow:0 4px 12px color-mix(in srgb, var(--primary-color) 40%, transparent);border-color:#0000}body.dark .modal-footer{background:linear-gradient(0deg, color-mix(in srgb, var(--primary-color) 5%, transparent) 0%, transparent 100%);border-color:#ffffff1a}body.dark .form-group label{color:var(--text-primary)}body.dark .ai-prompt-input{background:var(--sidebar-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark .ai-prompt-input::placeholder{color:var(--text-secondary)}body.dark .ai-prompt-input:focus{border-color:var(--primary-color)}body.dark .form-select{background:var(--sidebar-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark .form-select:focus{border-color:var(--primary-color)}body.dark .ai-output{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .ai-output-header span{color:var(--text-secondary)}body.dark .ai-output-text{color:var(--text-primary)}body.dark .template-card{background:var(--sidebar-bg)}body.dark .template-card:hover{background:var(--panel-bg);border-color:var(--primary-color)}body.dark .template-title{color:var(--text-primary)}body.dark .template-desc{color:var(--text-secondary)}body.dark .template-example{color:var(--text-secondary);background:#0003}body.dark #dialoguePreview{border-color:var(--border-color);background:#0000004d}body.dark .speaker-voice-item{background:var(--panel-bg);border-color:var(--border-color)}body.dark .speaker-voice-item:hover{background:var(--sidebar-bg);border-color:var(--primary-color)}body.dark .speaker-name{color:var(--text-primary)}body.dark .voice-selector{background:var(--sidebar-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark .voice-selector:hover{border-color:var(--primary-color)}body.dark .preview-btn-mini{background:var(--primary-color)}body.dark .progress-bar{background:var(--progress-track-bg);box-shadow:inset 0 1px 2px #0003}body.dark .progress-fill{background:linear-gradient(90deg, var(--progress-fill-color), var(--primary-hover))}body.dark .dialogue-editor-container{background:var(--sidebar-bg)}body.dark .dialogue-editor-header{background:var(--panel-bg);border-color:var(--border-color)}body.dark .dialogue-editor-header .mode-indicator{color:var(--text-secondary)}body.dark .dialogue-line{background:var(--panel-bg);border-color:var(--border-color)}body.dark .dialogue-line:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0003}body.dark .dialogue-line.playing{background:color-mix(in srgb, var(--primary-color) 15%, transparent);border-color:var(--primary-color)}body.dark .dialogue-text{background:var(--sidebar-bg);color:var(--text-primary);border-color:#0000}body.dark .dialogue-text:focus{border-color:var(--primary-color)}body.dark .voice-mini-select{background:var(--sidebar-bg);border-color:var(--border-color);color:var(--text-secondary)}body.dark .voice-mini-select:hover{border-color:var(--primary-color)}body.dark .line-action-btn{color:var(--text-secondary)}body.dark .line-action-btn:hover{color:var(--text-primary);background:#ffffff1a}body.dark .line-action-btn.play-btn:hover{background:var(--primary-color);color:var(--text-on-primary)}body.dark .line-action-btn.delete-btn:hover{color:var(--color-error);background:#ef444433}body.dark .add-dialogue-line-btn{border-color:var(--border-color);color:var(--text-secondary)}body.dark .add-dialogue-line-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:color-mix(in srgb, var(--primary-color) 10%, transparent)}body.dark .dialogue-empty-state{color:var(--text-secondary)}body.dark .dialogue-empty-state h3{color:var(--text-primary)}body.dark .voice-picker-dropdown{background:var(--sidebar-bg);border-color:var(--border-color);box-shadow:0 10px 25px #0006}body.dark .voice-picker-item:hover{background:var(--hover-bg)}body.dark .voice-picker-item.selected{background:color-mix(in srgb, var(--primary-color) 20%, transparent)}.welcome-section{text-align:center;margin-bottom:var(--space-8)}.welcome-section h1{font-size:var(--text-4xl);margin-bottom:var(--space-3);color:var(--text-primary);font-weight:700}.welcome-section p{font-size:var(--text-base);color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.main-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);margin-bottom:var(--space-12);flex-direction:column;max-width:100%;min-height:400px;margin-left:auto;margin-right:auto;transition:box-shadow .3s;display:flex;box-shadow:0 1px 3px #0000000d}.main-card:hover{box-shadow:0 4px 6px -1px #0000001a}.card-content{padding:var(--space-8);flex-direction:column;flex:1;display:flex}.input-area{margin-bottom:var(--space-6);flex-direction:column;flex:1;display:flex}.home-textarea{width:100%;min-height:200px;font-size:var(--text-base);color:var(--text-primary);resize:none;margin-bottom:var(--space-6);background:0 0;border:none;border-radius:0;outline:none;flex:1;padding:0;font-family:inherit;line-height:1.6}.home-textarea:focus-visible{box-shadow:var(--shadow-focus)}.home-textarea::placeholder{color:var(--text-muted);font-weight:300}.preset-buttons{justify-content:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.preset-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-2xl);background:var(--card-bg);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-main);font-weight:500;display:inline-flex}.preset-btn:hover{background:var(--panel-bg);border-color:var(--primary-color);transform:translateY(-1px)}.preset-btn svg{stroke:currentColor;width:16px;height:16px}.preset-btn svg path{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.controls-area{border-top:1px solid var(--border-color);padding-top:var(--space-6);justify-content:space-between;align-items:center;display:flex}.controls-left,.controls-right{align-items:center;gap:var(--space-4);display:flex}.control-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);cursor:pointer;transition:all var(--transition-main);display:flex}.control-item:hover{border-color:var(--primary-color)}.controls-left .control-item>.icon path{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.control-select-transparent{font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;padding-right:var(--space-1);background:0 0;border:none;outline:none;font-weight:500}.control-select-transparent:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.voice-recommendations{margin-top:var(--space-12)}.voice-recommendations .section-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.voice-recommendations h3{font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.explore-more{font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;font-weight:500;transition:color .3s}.explore-more:hover{color:var(--primary-color)}.voice-recommendation-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--transition-main);min-width:200px}.voice-recommendation-item:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.voice-art-card{border-radius:var(--radius-md);width:100%;height:120px;margin-bottom:var(--space-3);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.voice-wave-art{width:100%;height:100%}.play-btn-overlay{bottom:var(--space-3);left:var(--space-3);background:var(--card-bg);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .3s,box-shadow .3s,color .3s;display:flex;position:absolute;box-shadow:0 4px 12px #0000001f}.voice-recommendation-item:hover .play-btn-overlay{color:var(--primary-color);transform:scale(1.05);box-shadow:0 6px 16px #00000029}.voice-meta{padding:var(--space-1)}.voice-title{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:6px;font-weight:600}.voice-tags{flex-wrap:wrap;gap:6px;display:flex}.voice-tag{font-size:var(--text-2xs);padding:3px var(--space-2);background:var(--panel-bg);border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:500}.creative-tools-section{margin-bottom:var(--space-12)}.section-title{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-5);font-weight:700}.tools-grid{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.tool-card{border-radius:var(--radius-xl);min-height:240px;transition:transform .3s;position:relative;overflow:hidden}.tool-card:hover{transform:translateY(-4px)}.tool-card.purple-gradient{background:linear-gradient(135deg, var(--primary-subtle) 0%, #e8e6fd 100%)}.tool-card.blue-gradient{background:linear-gradient(135deg,#e0f2fe 0%,#f0f9ff 100%)}.tool-card.teal-gradient{background:linear-gradient(135deg,#ccfbf1 0%,#e0f2fe 100%)}.tool-card.rose-gradient{background:linear-gradient(135deg,#fff1f2 0%,#fce7f3 100%)}.tool-card.orange-gradient{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%)}.tool-card.green-gradient{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%)}.visual-voiceover{border-radius:var(--radius-2xl);background:var(--card-bg);justify-content:center;align-items:center;width:88px;height:88px;display:flex;box-shadow:0 2px 12px #ea580c1a}.voiceover-icon{animation:2.5s ease-in-out infinite voiceover-pulse}@keyframes voiceover-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.tool-btn-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.browse-voices-btn{border-radius:var(--radius-2xl);color:#ea580c;font-size:var(--text-xs);cursor:pointer;background:0 0;border:1.5px solid #ea580c4d;align-items:center;gap:5px;padding:6px 14px;font-weight:600;transition:all .2s;display:inline-flex}.browse-voices-btn:hover{background:#ea580c14;border-color:#ea580c}.visual-podcast{gap:var(--space-4);align-items:flex-end;display:flex}.podcast-host{width:52px;height:52px;font-weight:700;font-size:var(--text-md);color:var(--text-inverse);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0000001a}.podcast-host.host-a{background:var(--color-success);transform:translateY(-8px)}.podcast-host.host-b{background:var(--primary-color)}.home-invite-visual{justify-content:center;align-items:center}.home-invite-gift{filter:drop-shadow(0 8px 20px #f472b659);font-size:72px;line-height:1}.tool-card-content{padding:var(--space-8);justify-content:space-between;height:100%;display:flex}.tool-info{padding-right:var(--space-6);z-index:2;flex-direction:column;flex:1;justify-content:space-between;display:flex}.tool-info h4{font-size:var(--text-xl);margin-bottom:var(--space-3);color:var(--text-primary);font-weight:700}.tool-info p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.6}.try-now-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--text-primary);border-radius:var(--radius-2xl);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-main);background:0 0;align-self:flex-start;font-weight:600}.try-now-btn:hover{background:var(--text-primary);color:var(--text-inverse)}.tool-visual{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.visual-clone{gap:var(--space-3);flex-direction:column;align-items:center;animation:3s ease-in-out infinite float;display:flex}.wave-box{padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);align-items:center;gap:var(--space-3);font-size:var(--text-xs);font-weight:600;display:flex;box-shadow:0 4px 12px #0000000d}.wave-box.purple{color:var(--text-inverse);background:#c084fc}.wave-box.dark{background:var(--gray-600);color:var(--text-inverse)}.play-icon{background:var(--bg-surface);width:20px;height:20px;color:var(--text-primary);font-size:var(--text-2xs);border-radius:50%;justify-content:center;align-items:center;display:flex}.visual-clone .play-icon{cursor:default;opacity:.85}.arrow-connector{background:var(--border-strong);width:2px;height:20px;position:relative}.arrow-connector:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:6px solid var(--border-strong);position:absolute;bottom:0;left:-3px}.visual-design{gap:var(--space-3);flex-direction:column;width:100%;max-width:200px;display:flex}.chat-bubble{padding:var(--space-2) var(--space-4);border-radius:var(--radius-2xl);font-size:var(--text-xs);width:fit-content;font-weight:500;box-shadow:0 2px 8px #0000000d}.chat-bubble.user{background:var(--card-bg);color:var(--text-primary);border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble.ai{background:var(--card-bg);color:var(--text-primary);border-bottom-left-radius:4px;align-self:flex-start}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}.visual-clone .wave-box{cursor:default;pointer-events:none}.voice-rec-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--transition-main);gap:var(--space-3);flex-direction:column;display:flex}.voice-rec-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.voice-rec-icon{font-size:var(--text-2xl);line-height:1}.voice-rec-info{gap:var(--space-1);flex-direction:column;display:flex}.voice-rec-label{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.voice-rec-name{font-size:var(--text-sm);color:var(--text-secondary)}.voice-grid-horizontal{gap:var(--space-5);margin-bottom:var(--space-12);grid-template-columns:repeat(6,1fr);display:grid}.home-sample-card{cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.home-sample-card:hover{transform:translateY(-8px)scale(1.02)}.home-sample-card:hover .sample-visual{box-shadow:0 20px 40px rgb(var(--primary-rgb,88 81 184) / 15%), 0 0 0 1px rgb(var(--primary-rgb,88 81 184) / 10%)}.home-sample-card:hover .sample-visual:before{opacity:1}.home-sample-card:hover .sample-play-btn{opacity:1;transform:scale(1)}.sample-visual{aspect-ratio:1;border-radius:var(--radius-2xl);transition:all var(--transition-main);background:var(--card-bg);position:relative;overflow:hidden}.sample-visual:before{content:"";background:linear-gradient(135deg, rgb(var(--primary-rgb,88 81 184) / 3%) 0%, #a855f70d 100%);opacity:0;z-index:1;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.sample-pattern{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pattern-waveform{justify-content:center;align-items:center;gap:5px;width:70%;height:55%;display:flex}.pattern-waveform .wave-bar{background:linear-gradient(180deg, var(--primary-color) 0%, var(--primary-color) 50%, rgb(var(--primary-rgb,88 81 184) / 40%) 100%);transform-origin:bottom;border-radius:3px;width:6px;animation:1.8s ease-in-out infinite wave-organic}.pattern-waveform .wave-bar:first-child{height:35%;animation-delay:0s}.pattern-waveform .wave-bar:nth-child(2){height:55%;animation-delay:.1s}.pattern-waveform .wave-bar:nth-child(3){height:75%;animation-delay:.2s}.pattern-waveform .wave-bar:nth-child(4){height:100%;animation-delay:.3s}.pattern-waveform .wave-bar:nth-child(5){height:80%;animation-delay:.4s}.pattern-waveform .wave-bar:nth-child(6){height:60%;animation-delay:.5s}.pattern-waveform .wave-bar:nth-child(7){height:40%;animation-delay:.6s}@keyframes wave-organic{0%,to{opacity:.85;transform:scaleY(1)translateY(0)}50%{opacity:.6;transform:scaleY(.5)translateY(4px)}}.pattern-burst{justify-content:center;align-items:center;width:65%;height:65%;display:flex;position:relative}.pattern-burst:before{content:"";background:conic-gradient(from 0deg, var(--primary-color) 0deg, transparent 15deg, var(--primary-color) 30deg, transparent 45deg, rgb(var(--primary-rgb,88 81 184) / 40%) 60deg, transparent 75deg, var(--primary-color) 90deg, transparent 105deg, var(--primary-color) 120deg, transparent 135deg, rgb(var(--primary-rgb,88 81 184) / 40%) 150deg, transparent 165deg, var(--primary-color) 180deg, transparent 195deg, var(--primary-color) 210deg, transparent 225deg, rgb(var(--primary-rgb,88 81 184) / 40%) 240deg, transparent 255deg, var(--primary-color) 270deg, transparent 285deg, var(--primary-color) 300deg, transparent 315deg, rgb(var(--primary-rgb,88 81 184) / 40%) 330deg, transparent 345deg, var(--primary-color) 360deg);opacity:.7;border-radius:50%;width:100%;height:100%;animation:25s linear infinite burst-spin;position:absolute}.pattern-burst:after{content:"";background:var(--card-bg);width:45%;height:45%;box-shadow:inset 0 2px 8px rgb(var(--primary-rgb,88 81 184) / 10%);border-radius:50%;position:absolute}@keyframes burst-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pattern-dots{gap:var(--space-3);grid-template-columns:repeat(4,1fr);width:55%;height:55%;display:grid;transform:rotate(-5deg)}.pattern-dots .dot{aspect-ratio:1;background:rgb(var(--primary-rgb,88 81 184) / 40%);border-radius:50%;animation:2.5s ease-in-out infinite dot-breathe}.pattern-dots .dot:first-child{background:var(--primary-color);animation-delay:0s}.pattern-dots .dot:nth-child(2){background:var(--primary-color);animation-delay:.2s}.pattern-dots .dot:nth-child(3){background:rgb(var(--primary-rgb,88 81 184) / 40%);animation-delay:.4s}.pattern-dots .dot:nth-child(4){background:rgb(var(--primary-rgb,88 81 184) / 20%);animation-delay:.6s}.pattern-dots .dot:nth-child(5){background:rgb(var(--primary-rgb,88 81 184) / 20%);animation-delay:.1s}.pattern-dots .dot:nth-child(6){background:rgb(var(--primary-rgb,88 81 184) / 40%);animation-delay:.3s}.pattern-dots .dot:nth-child(7){background:var(--primary-color);animation-delay:.5s}.pattern-dots .dot:nth-child(8){background:var(--primary-color);animation-delay:.7s}.pattern-dots .dot:nth-child(9){background:var(--primary-color);animation-delay:.15s}.pattern-dots .dot:nth-child(10){background:var(--primary-color);animation-delay:.35s}.pattern-dots .dot:nth-child(11){background:rgb(var(--primary-rgb,88 81 184) / 20%);animation-delay:.55s}.pattern-dots .dot:nth-child(12){background:rgb(var(--primary-rgb,88 81 184) / 40%);animation-delay:.75s}.pattern-dots .dot:nth-child(13){background:rgb(var(--primary-rgb,88 81 184) / 40%);animation-delay:.25s}.pattern-dots .dot:nth-child(14){background:rgb(var(--primary-rgb,88 81 184) / 20%);animation-delay:.45s}.pattern-dots .dot:nth-child(15){background:var(--primary-color);animation-delay:.65s}.pattern-dots .dot:nth-child(16){background:var(--primary-color);animation-delay:.85s}@keyframes dot-breathe{0%,to{opacity:.5;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}.pattern-circles{justify-content:center;align-items:center;width:70%;height:70%;display:flex;position:relative}.pattern-circles .circle{border:2px solid;border-radius:50%;animation:3s ease-out infinite ripple-out;position:absolute}.pattern-circles .circle:first-child{border-color:var(--primary-color);width:25%;height:25%;animation-delay:0s}.pattern-circles .circle:nth-child(2){border-color:var(--primary-color);width:50%;height:50%;animation-delay:.4s}.pattern-circles .circle:nth-child(3){border-color:rgb(var(--primary-rgb,88 81 184) / 40%);width:75%;height:75%;animation-delay:.8s}.pattern-circles .circle:nth-child(4){border-color:rgb(var(--primary-rgb,88 81 184) / 20%);width:100%;height:100%;animation-delay:1.2s}.pattern-circles .center-icon{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color) 100%);z-index:2;width:20px;height:20px;box-shadow:0 4px 12px rgb(var(--primary-rgb,88 81 184) / 30%);border-radius:50%}@keyframes ripple-out{0%{opacity:.8;transform:scale(.9)}50%{opacity:.4}to{opacity:0;transform:scale(1.1)}}.pattern-zigzag{flex-direction:column;justify-content:center;gap:14px;width:75%;height:45%;display:flex;overflow:hidden}.pattern-zigzag .zigzag-line{background:linear-gradient(90deg, var(--primary-color) 0%, var(--primary-color) 25%, rgb(var(--primary-rgb,88 81 184) / 40%) 50%, var(--primary-color) 75%, var(--primary-color) 100%);background-size:200% 100%;border-radius:3px;height:6px;animation:3s ease-in-out infinite stream-flow}.pattern-zigzag .zigzag-line:first-child{width:100%;animation-delay:0s}.pattern-zigzag .zigzag-line:nth-child(2){opacity:.75;width:80%;margin-left:10%;animation-delay:-.5s}.pattern-zigzag .zigzag-line:nth-child(3){opacity:.5;width:60%;margin-left:20%;animation-delay:-1s}@keyframes stream-flow{0%,to{background-position:0%}50%{background-position:100%}}.sample-play-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;opacity:0;width:36px;height:36px;transition:all var(--transition-main);z-index:10;background:#111827e6;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:12px;left:12px;transform:scale(.9)}.sample-play-btn svg{width:14px;height:14px;fill:var(--text-inverse);margin-left:2px;transition:transform .3s}.sample-play-btn:hover{background:rgb(var(--primary-rgb,88 81 184) / 95%);border-color:rgb(var(--primary-rgb,88 81 184) / 50%);transform:scale(1.08)}.sample-play-btn:hover svg{transform:scale(1.1)}.sample-play-btn:active{transform:scale(.95)}.sample-play-btn.playing{opacity:1;background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color) 100%);box-shadow:0 4px 16px rgb(var(--primary-rgb,88 81 184) / 40%);border-color:#0000}.sample-play-btn.playing svg{margin-left:0}.sample-info{padding:14px 2px 4px}.sample-title{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-2);text-overflow:ellipsis;-webkit-line-clamp:2;letter-spacing:-.01em;-webkit-box-orient:vertical;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.sample-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sample-tag{font-size:var(--text-2xs);padding:var(--space-1) 10px;background:var(--tag-bg);color:var(--tag-color);letter-spacing:.01em;transition:all var(--transition-main);border-radius:6px;font-weight:500}.sample-tag:first-child{background:var(--tag-bg-primary);color:var(--tag-color-primary)}.home-sample-card:hover .sample-tag:first-child{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color) 100%);color:var(--text-inverse)}.home-hub-greeting{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-8);padding-bottom:0;display:flex}.greeting-left{flex:1;min-width:0}.greeting-title{color:var(--text-primary);letter-spacing:-.3px;margin-bottom:10px;font-size:26px;font-weight:700}.home-tab-bar{gap:var(--space-1);background:var(--panel-bg);padding:var(--space-1);border-radius:10px;flex-shrink:0;align-self:flex-end;display:flex}.home-tab{font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:6px 18px;font-weight:500;transition:all .18s}.home-tab:hover{color:var(--text-primary)}.home-tab.active{background:var(--surface-elevated);color:var(--text-primary);font-weight:600;box-shadow:0 1px 4px #00000014}.home-panel{animation:.15s home-panel-in}@keyframes home-panel-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.greeting-quota-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.quota-mini-bar-wrap{background:rgb(var(--primary-rgb,88 81 184) / 8%);border:1px solid rgb(var(--primary-rgb,88 81 184) / 15%);border-radius:5px;flex-shrink:0;width:220px;height:10px;overflow:hidden;box-shadow:inset 0 1px 3px #0000000f}.quota-mini-bar-fill{background:linear-gradient(90deg, var(--primary-active), var(--primary-color));border-radius:var(--radius-sm);min-width:12px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.quota-mini-bar-fill.medium{background:linear-gradient(90deg, #d97706, var(--color-warning))}.quota-mini-bar-fill.low{background:linear-gradient(90deg, var(--color-error-text), var(--color-error));animation:2s ease-in-out infinite quota-low-pulse}@keyframes quota-low-pulse{0%,to{opacity:1}50%{opacity:.55}}.quota-mini-text{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.quota-mini-link{font-size:var(--text-sm);color:var(--primary-color);cursor:pointer;font-weight:500;text-decoration:none;transition:opacity .2s}.quota-mini-link:hover{opacity:.7}.quick-synth-header{margin-bottom:var(--space-4)}.quick-synth-title{color:var(--text-primary);margin:0 0 var(--space-2);letter-spacing:-.3px;font-size:26px;font-weight:700}.quick-synth-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:1.5}.home-features-section{margin-bottom:var(--space-12)}.home-features-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.home-feature-card{align-items:center;gap:var(--space-5);padding:30px var(--space-8);background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;outline:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.home-feature-card:hover{border-color:var(--primary-color);box-shadow:0 4px 18px rgb(var(--primary-rgb,88 81 184) / 10%);transform:translateY(-2px)}.home-feature-card:hover .hfc-arrow{opacity:1;transform:translate(3px)}.home-feature-card:focus-visible{border-color:var(--primary-color);box-shadow:0 0 0 3px rgb(var(--primary-rgb,88 81 184) / 15%)}.hfc-icon{border-radius:var(--radius-xl);flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.hfc-icon-tts{background:var(--primary-subtle);color:var(--primary-hover)}.hfc-icon-podcast{color:#059669;background:#d1fae5}.hfc-icon-video{color:#2563eb;background:#dbeafe}.hfc-icon-clone{color:#db2777;background:#fce7f3}.hfc-icon-isolator{background:linear-gradient(135deg, var(--color-info-bg), var(--primary-subtle));color:var(--color-info-text)}.hfc-icon-market{color:#ea580c;background:#ffedd5}.hfc-body{flex:1;min-width:0}.hfc-body h4{font-size:var(--text-lg);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-weight:600;overflow:hidden}.hfc-body p{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;line-height:1.4;overflow:hidden}.hfc-arrow{font-size:var(--text-base);color:var(--text-secondary);opacity:0;flex-shrink:0;transition:opacity .18s,transform .18s}.hfc-arrow.nav-badge{opacity:1!important;transform:none!important}.home-recent-section{margin-top:var(--space-8)}.home-history-list{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.home-history-card{aspect-ratio:4/3;border-radius:var(--radius-xl);cursor:pointer;transition:transform .2s var(--ease-spring), box-shadow .2s, border-color .2s;border:1px solid #0000;position:relative;overflow:hidden}.home-history-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.home-history-card.is-playing{border-color:var(--primary-color);box-shadow:0 0 0 2px rgb(var(--primary-rgb,88 81 184) / 15%), var(--shadow-card-hover)}.home-history-card.hh-grad--purple{background:radial-gradient(at 40% 30%,#c4b5fd99 0%,#0000 55%),radial-gradient(at 70% 70%,#fbcfe866 0%,#0000 55%),linear-gradient(160deg,#f5f3ff 0%,#ede9fe 40%,#faf5ff 100%)}.home-history-card.hh-grad--amber{background:radial-gradient(at 60% 25%,#fdba7480 0%,#0000 50%),radial-gradient(at 30% 75%,#fecdd366 0%,#0000 55%),linear-gradient(160deg,#fffbeb 0%,#fef3c7 40%,#fff7ed 100%)}.home-history-card.hh-grad--blue{background:radial-gradient(at 50% 30%,#93c5fd8c 0%,#0000 55%),radial-gradient(at 25% 70%,#bae6fd66 0%,#0000 55%),linear-gradient(160deg,#eff6ff 0%,#dbeafe 40%,#f0f9ff 100%)}.home-history-card.hh-grad--green{background:radial-gradient(at 45% 35%,#a7f3d080 0%,#0000 55%),radial-gradient(at 75% 70%,#99f6e459 0%,#0000 55%),linear-gradient(160deg,#ecfdf5 0%,#d1fae5 40%,#f0fdfa 100%)}.home-history-card.hh-grad--rose{background:radial-gradient(ellipse at 35% 40%, #fda4af73 0%, transparent 55%), radial-gradient(ellipse at 75% 55%, #fecaca59 0%, transparent 55%), linear-gradient(160deg, #fff1f2 0%, #ffe4e6 40%, var(--color-error-bg) 100%)}body.dark .home-history-card.hh-grad--purple{background:radial-gradient(ellipse at 40% 30%, #8b5cf640 0%, transparent 55%), radial-gradient(ellipse at 70% 70%, #ec489926 0%, transparent 55%), var(--bg-surface);border-color:var(--border-default)}body.dark .home-history-card.hh-grad--amber{background:radial-gradient(ellipse at 60% 25%, #fb923c33 0%, transparent 50%), radial-gradient(ellipse at 30% 75%, #f43f5e1f 0%, transparent 55%), var(--bg-surface);border-color:var(--border-default)}body.dark .home-history-card.hh-grad--blue{background:radial-gradient(ellipse at 50% 30%, #38bdf833 0%, transparent 55%), radial-gradient(ellipse at 25% 70%, #5851b826 0%, transparent 55%), var(--bg-surface);border-color:var(--border-default)}body.dark .home-history-card.hh-grad--green{background:radial-gradient(ellipse at 45% 35%, #34d3992e 0%, transparent 55%), radial-gradient(ellipse at 75% 70%, #10b9811f 0%, transparent 55%), var(--bg-surface);border-color:var(--border-default)}body.dark .home-history-card.hh-grad--rose{background:radial-gradient(ellipse at 35% 40%, #fb71852e 0%, transparent 55%), radial-gradient(ellipse at 75% 55%, #fdba741f 0%, transparent 55%), var(--bg-surface);border-color:var(--border-default)}.hh-time{top:var(--space-3);right:var(--space-4);font-size:var(--text-2xs);color:var(--text-muted);white-space:nowrap;z-index:2;position:absolute}.hh-title-overlay{padding:var(--space-3) var(--space-4);z-index:2;background:linear-gradient(#0000 45%,#ffffff73 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}body.dark .hh-title-overlay{background:linear-gradient(#0000 45%,#0000004d 100%)}.hh-title{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.hh-text{font-size:var(--text-2xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.hh-play-overlay{opacity:0;z-index:3;pointer-events:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.home-history-card:hover .hh-play-overlay,.home-history-card.is-playing .hh-play-overlay{opacity:1}.hh-play-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:44px;height:44px;color:var(--text-inverse);background:#00000059;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,transform .15s;display:flex}.home-history-card:hover .hh-play-icon{transform:scale(1.08)}.home-history-card.is-playing .hh-play-icon{background:var(--primary-color)}.hh-play-icon svg{width:18px;height:18px;margin-left:2px;display:block}.home-history-card.is-playing .hh-play-icon svg{margin-left:0}@media (width<=768px){.home-history-list{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.home-history-list{grid-template-columns:1fr}.home-history-card{aspect-ratio:16/9}}.home-history-empty{padding:var(--space-6);text-align:center;color:var(--text-secondary);font-size:var(--text-sm);border:1px dashed var(--border-color);border-radius:var(--radius-lg)}#quotaDisplay{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);border-radius:var(--radius-2xl);cursor:pointer;transition:all var(--transition-main);background:#5851b81a;display:inline-flex}#quotaDisplay:hover{background:#5851b826;transform:translateY(-1px)}.quota-icon{background:linear-gradient(135deg, var(--primary-color) 0%, var(--brand-violet) 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.quota-icon svg{width:14px;height:14px;stroke:var(--white);stroke-width:2.5px}.quota-number{font-size:var(--text-sm);color:var(--text-primary);letter-spacing:-.02em;font-weight:700}.quota-bonus-marker{color:var(--primary-color);margin-left:1px;font-size:.7em;font-weight:700;line-height:1;display:inline-block;transform:translateY(-.35em)}body.dark .quota-bonus-marker{color:var(--brand-violet)}#quotaDisplay.quota-low .quota-icon{background:linear-gradient(135deg, var(--color-error) 0%, var(--color-error-text) 100%);animation:2s ease-in-out infinite pulse-quota}#quotaDisplay.quota-low .quota-number{color:var(--color-error-text)}@keyframes pulse-quota{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}body.dark #quotaDisplay{background:#5851b826}body.dark #quotaDisplay:hover{background:#5851b833}body.dark .quota-number{color:#e8e6fd}body.dark #quotaDisplay.quota-low .quota-number{color:var(--border-error)}.upgrade-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-main);border-radius:var(--radius-md);background:0 0;border:none;font-weight:600}.upgrade-btn:hover{background:var(--panel-bg)}body.dark .upgrade-btn{color:var(--text-primary)}.login-prompt{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-2xl);cursor:pointer;transition:all var(--transition-main);background:#5851b814;display:inline-flex}.login-prompt:hover{background:#5851b81f}.login-prompt-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.login-prompt-icon svg{width:20px;height:20px;stroke:var(--primary-color);stroke-width:2px}.login-prompt-text{font-size:var(--text-sm);color:var(--primary-color);font-weight:500}body.dark .login-prompt{background:#5851b81f}body.dark .login-prompt:hover{background:#5851b82e}#authBtn{padding:var(--space-1);cursor:pointer;transition:all var(--transition-main);background:0 0;border:none;border-radius:50%}#authBtn:hover{background:var(--panel-bg)}#authBtn.sign-in-btn{padding:var(--space-2) var(--space-5);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-3xl);font-weight:600;font-size:var(--text-sm);background:0 0}#authBtn.sign-in-btn:hover{border-color:var(--color-accent-dark);color:var(--color-accent-dark);transform:translateY(-1px)}.user-avatar{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;width:36px;height:36px}body.dark #authBtn.sign-in-btn{color:var(--text-primary);border-color:var(--border-color);background:0 0}body.dark #authBtn.sign-in-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.auth-dropdown{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);min-width:280px;z-index:var(--z-max);padding:0;display:none;position:absolute;top:56px;right:20px;overflow:hidden;box-shadow:0 10px 40px #0000001f}.auth-user-info{padding:var(--space-5);border-bottom:1px solid var(--border-color)}.auth-user-name{font-size:var(--text-base);color:var(--text-primary);margin-bottom:4px;font-weight:600}.auth-user-id-row{align-items:center;gap:var(--space-1);display:flex}.auth-user-id{font-size:var(--text-xs);color:var(--text-secondary);-webkit-user-select:none;user-select:none;font-family:SF Mono,Monaco,Consolas,monospace}.auth-copy-debug-btn{width:20px;height:20px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-main), background var(--transition-main);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.auth-copy-debug-btn:hover{color:var(--primary-color);background:var(--hover-bg)}.auth-menu-items{padding:var(--space-2)}.auth-menu-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;text-align:left;background:0 0;border:none;font-weight:500;transition:background .3s;display:flex}.auth-menu-item:hover{background:var(--panel-bg)}.auth-menu-item svg{stroke:currentColor;stroke-width:2px;flex-shrink:0;width:18px;height:18px}body.dark .auth-dropdown{box-shadow:0 10px 40px #00000080}.auth-modal{z-index:var(--z-max);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;justify-content:center;align-items:center;animation:.3s fade-in;display:none;position:fixed;inset:0}.auth-modal-background{pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-modal-curve{opacity:.15;filter:blur(60px);border-radius:50%;width:600px;height:600px;position:absolute}.auth-modal-curve-1{background:linear-gradient(135deg, var(--primary-color) 0%, var(--brand-violet) 100%);animation:8s ease-in-out infinite float;top:-200px;right:-200px}.auth-modal-curve-2{background:linear-gradient(135deg, var(--brand-violet) 0%, #ec4899 100%);animation:10s ease-in-out infinite reverse float;bottom:-200px;left:-200px}.auth-modal-content{background:var(--card-bg);border-radius:var(--radius-3xl);padding:var(--space-12) var(--space-10);border:1px solid #ffffff1a;width:90%;max-width:440px;max-height:calc(100vh - 40px);animation:.4s cubic-bezier(.16,1,.3,1) slide-up;position:relative;overflow-y:auto;box-shadow:0 24px 80px #0003}.auth-modal-close{float:right;z-index:1;border-radius:var(--radius-md);margin:-16px -8px 0 0;position:sticky;top:0}.auth-modal-logo{margin-bottom:var(--space-8);justify-content:center;align-items:center;display:flex}.auth-modal-logo svg{width:48px;height:48px;margin-right:var(--space-3)}.auth-modal-brand{font-size:var(--text-2xl);background:linear-gradient(135deg, var(--primary-color) 0%, var(--brand-violet) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.auth-modal-content h2{margin:0 0 var(--space-3) 0;font-size:var(--text-2xl);color:var(--text-primary);text-align:center;font-weight:700}.auth-modal-content p{margin:0 0 var(--space-8) 0;font-size:var(--text-sm);color:var(--text-secondary);text-align:center;line-height:1.6}.auth-modal-input-group{margin-bottom:var(--space-6)}.auth-modal-input-label{margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);font-weight:600;display:block}.auth-modal-content input{width:100%;padding:14px var(--space-4);border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-primary);background:var(--card-bg);transition:all var(--transition-main);box-sizing:border-box;outline:none}.auth-modal-content input:focus{border-color:var(--primary-color);box-shadow:var(--shadow-focus);outline:none}.auth-modal-content input::placeholder{color:var(--text-secondary);opacity:.6}.auth-modal-primary-btn{width:100%;padding:var(--space-4);background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-dark) 100%);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--white);cursor:pointer;transition:all var(--transition-main);border:none;font-weight:600;box-shadow:0 4px 16px #b04a6e4d}.auth-modal-primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #b04a6e66}.auth-modal-primary-btn:active:not(:disabled){transform:translateY(0)}.auth-modal-primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-modal-secondary-btn{border:2px solid var(--border-color);border-radius:var(--radius-lg);width:100%;font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-main);margin-top:var(--space-3);background:0 0;padding:14px;font-weight:600}.auth-modal-secondary-btn:hover{border-color:var(--text-primary);background:var(--panel-bg)}.auth-modal-code-actions{gap:var(--space-2);display:flex}.auth-modal-code-actions .auth-modal-secondary-btn{flex:1;min-width:0}.auth-modal-divider{text-align:center;margin:var(--space-5) 0;align-items:center;display:flex}.auth-modal-divider:before,.auth-modal-divider:after{content:"";border-bottom:1px solid var(--border-color);flex:1}.auth-modal-divider span{padding:0 var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.auth-modal-google-btn{width:100%;padding:14px var(--space-4);background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-main);justify-content:center;align-items:center;gap:var(--space-2);font-weight:600;display:flex}.auth-modal-google-btn:hover:not(:disabled){background:#4285f40d;border-color:#4285f4;transform:translateY(-1px)}.auth-modal-google-btn:active:not(:disabled){transform:translateY(0)}.auth-modal-google-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-modal-google-btn svg{flex-shrink:0}body.dark .auth-modal-google-btn{background:#ffffff0d;border-color:#ffffff1a}body.dark .auth-modal-google-btn:hover:not(:disabled){background:#4285f41a;border-color:#4285f4}.auth-referral-hint{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-5);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);background:linear-gradient(135deg,#5851b814,#a855f714);border:1px solid #5851b833;animation:.4s referral-hint-fade-in;display:flex}.auth-referral-icon{font-size:var(--text-md);flex-shrink:0}.auth-referral-text strong{color:var(--primary-color);font-weight:700}@keyframes referral-hint-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}body.dark .auth-referral-hint{background:linear-gradient(135deg,#5851b826,#a855f71f);border-color:#5851b84d}.auth-modal-footer{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-color);text-align:center}.auth-modal-footer-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.8}.auth-modal-footer a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:color .3s}.auth-modal-footer a:hover{color:var(--brand-violet);text-decoration:underline}.auth-modal-loading{border:2px solid #ffffff4d;border-top-color:var(--white);width:16px;height:16px;margin-right:var(--space-2);border-radius:50%;animation:.6s linear infinite spin;display:inline-block}body.dark .auth-modal{background:#000c}body.dark .auth-modal-content{border-color:#ffffff0d;box-shadow:0 24px 80px #0009}body.dark .auth-modal-curve{opacity:.08}.auth-subscription-info{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-2)}.auth-invite-info{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);display:none}.auth-invite-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:4px;display:flex}.auth-invite-label{font-size:var(--text-sm);color:var(--text-secondary)}.auth-invite-code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:var(--text-xs);padding:2px var(--space-1);background:var(--panel-bg);border-radius:var(--radius-sm);color:var(--text-primary)}.auth-invite-copy{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-main);margin-left:auto}.auth-invite-copy:hover{color:var(--primary-color);border-color:var(--primary-color)}.auth-invite-stats{font-size:var(--text-xs);color:var(--text-secondary)}.subscription-plan-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);margin-bottom:var(--space-2);align-items:center;font-weight:600;display:inline-flex}.subscription-plan-badge.free{color:var(--primary-color);background:#5851b81a}.subscription-plan-badge.pro{color:var(--primary-color);background:linear-gradient(135deg,#5851b826,#a855f726)}.subscription-plan-badge.max{color:var(--brand-violet);background:linear-gradient(135deg,#a855f726,#ec489926)}.subscription-cycle{font-size:var(--text-xs);opacity:.7;margin-left:var(--space-1);font-weight:500}.subscription-expiry{font-size:var(--text-xs);color:var(--text-secondary);align-items:center;gap:var(--space-1);display:flex}.subscription-expiry.warning{color:var(--color-warning)}.subscription-expiry.expired{color:var(--color-error)}.subscription-expiry .days-left{color:var(--color-warning);font-weight:600}body.dark .subscription-plan-badge.free{color:var(--brand-purple);background:#5851b833}body.dark .subscription-plan-badge.pro{color:#a78bfa;background:linear-gradient(135deg,#5851b840,#a855f740)}body.dark .subscription-plan-badge.max{color:#c084fc;background:linear-gradient(135deg,#a855f740,#ec489940)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.auth-dropdown{min-width:180px;right:10px}.auth-modal-content{padding:var(--space-6);max-width:90%}#authBtn{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}#quotaDisplay{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);min-width:50px}}@media (width<=480px){#authBtn{text-overflow:ellipsis;max-width:150px;overflow:hidden}}.lang-switcher{display:inline-flex;position:relative}.lang-switcher-btn{justify-content:center;align-items:center;gap:var(--space-1);height:32px;padding:0 var(--space-2);border:1px solid var(--border-color,var(--border-default));border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary,var(--text-secondary));transition:all var(--transition-main);background:0 0;font-family:inherit;font-weight:500;display:flex}.lang-switcher-btn:hover{background:var(--panel-bg,var(--bg-base));color:var(--text-primary,var(--text-primary));border-color:var(--text-secondary,var(--text-tertiary))}.lang-switcher-btn:focus{box-shadow:0 0 0 2px var(--primary-color,var(--primary-color)), 0 0 0 4px #5851b833;outline:none}.lang-switcher-btn:focus:not(:focus-visible){box-shadow:none}.lang-switcher-btn .icon{flex-shrink:0}.lang-switcher-btn .globe-icon{width:16px;height:16px}.lang-switcher-btn .chevron-icon{width:10px;height:10px;transition:transform .3s}.lang-switcher:has(.lang-dropdown.active) .chevron-icon{transform:rotate(180deg)}.lang-current{white-space:nowrap;font-weight:500}.lang-dropdown{background:var(--card-bg,var(--white));border:1px solid var(--border-color,var(--border-default));border-radius:var(--radius-lg);min-width:160px;padding:var(--space-1);z-index:var(--z-modal);display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 16px #0000001f}.lang-dropdown.active{animation:.15s ease-out lang-dropdown-fade-in;display:block}@keyframes lang-dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lang-option{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);color:var(--text-primary,var(--text-primary));align-items:center;gap:var(--space-2);transition:background .3s;display:flex}.lang-option:hover{background:var(--panel-bg,var(--bg-base))}.lang-option:focus{background:var(--panel-bg,var(--bg-base));outline:none}.lang-option.active{background:var(--panel-bg,var(--bg-base));color:var(--primary-color,var(--primary-color))}.lang-name{flex:1;font-weight:500}.lang-code{font-size:var(--text-xs);color:var(--text-secondary,var(--text-secondary));font-weight:400}.lang-option.active .lang-code{color:var(--primary-color,var(--primary-color));opacity:.8}.lang-check{color:var(--primary-color,var(--primary-color));font-size:var(--text-sm);margin-left:auto;font-weight:600}.dark .lang-switcher-btn{border-color:var(--border-color,var(--gray-700));color:var(--text-secondary,var(--text-tertiary))}.dark .lang-switcher-btn:hover{background:var(--panel-bg,var(--gray-800));color:var(--text-primary,var(--bg-base));border-color:var(--text-secondary,var(--text-secondary))}.dark .lang-dropdown{background:var(--card-bg,var(--gray-800));border-color:var(--border-color,var(--gray-700));box-shadow:0 4px 20px #0000004d}.dark .lang-option{color:var(--text-primary,var(--bg-base))}.dark .lang-option:hover,.dark .lang-option:focus,.dark .lang-option.active{background:var(--panel-bg,var(--gray-700))}.dark .lang-code{color:var(--text-secondary,var(--text-tertiary))}@media (width<=768px){.lang-switcher-btn{padding:var(--space-1) var(--space-2)}.lang-current,.lang-switcher-btn .chevron-icon{display:none}.lang-dropdown{min-width:140px;right:-8px}}@media (prefers-reduced-motion:reduce){.lang-dropdown.active{animation:none}.lang-switcher-btn .chevron-icon,.lang-switcher-btn,.lang-option{transition:none}}.mobile-menu-toggle{width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .3s;display:none}.mobile-menu-toggle:hover{background:var(--panel-bg)}.mobile-menu-toggle .icon{width:24px;height:24px}.sidebar-overlay{z-index:calc(var(--z-dropdown) - 1);opacity:0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#00000080;transition:opacity .3s cubic-bezier(.4,0,.2,1);display:none;position:fixed;inset:0}.sidebar-overlay.active{opacity:1}@media (width<=768px){.mobile-menu-toggle{display:flex}.sidebar-overlay{pointer-events:none;display:block;top:48px}.sidebar-overlay.active{pointer-events:auto}.global-header{z-index:calc(var(--z-dropdown) + 1);padding:0 var(--space-3);gap:var(--space-2);height:48px;position:relative}.logo-area{font-size:var(--text-base);gap:var(--space-1);flex-shrink:1;min-width:0}.logo-area svg,.logo-area img{flex-shrink:0;width:auto;height:20px}.header-controls{flex-shrink:0;gap:var(--space-2)!important}.header-controls .upgrade-btn,.header-controls #langSwitcherContainer{display:none!important}.header-controls #quotaDisplay{font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;max-width:90px;overflow:hidden}.header-controls #themeToggle{width:36px;height:36px;padding:var(--space-1)}.header-controls #authBtn{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.app-container{height:calc(100vh - 48px)}.sidebar-left{width:280px;height:calc(100vh - 48px);z-index:var(--z-dropdown);box-shadow:none;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:48px;left:0;transform:translate(-100%)}.sidebar-left.mobile-open{transform:translate(0);box-shadow:4px 0 20px #00000026}.sidebar-left .sidebar-toggle{display:none}.sidebar-mobile-lang{display:block}.sidebar-mobile-lang .sidebar-lang-select{max-width:none;margin:0 var(--space-3)}.main-content{padding:var(--space-4);width:100%;max-width:100%}#homeContainer{padding:0}.welcome-section{margin-bottom:var(--space-4);text-align:left}.welcome-section h1{font-size:22px}.welcome-section p{font-size:var(--text-sm);margin:0}.main-card{margin-bottom:var(--space-8);min-height:auto}.card-content{padding:var(--space-5)}.home-textarea{min-height:150px;font-size:15px}.preset-buttons{gap:var(--space-2)}.preset-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.preset-btn span{display:none}.preset-btn svg{margin:0}.controls-area{gap:var(--space-4);flex-direction:column;align-items:stretch}.controls-left{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-start}.controls-right{width:100%}.controls-right .generate-btn-pill{justify-content:center;width:100%}.control-item{padding:var(--space-2) var(--space-2);font-size:var(--text-sm)}.control-item .voice-avatar-xs{width:20px;height:20px}#homeVoiceSelector{max-width:140px;overflow:hidden}#homeCurrentVoiceName{white-space:nowrap;text-overflow:ellipsis;max-width:80px;overflow:hidden}.control-item.ai-voice-btn span{display:none}.creative-tools-section{margin-bottom:var(--space-8)}.section-title{font-size:var(--text-md);margin-bottom:var(--space-4)}.tools-grid{gap:var(--space-4);grid-template-columns:1fr}.tool-card{min-height:auto}.tool-card-content{padding:var(--space-5);gap:var(--space-4);flex-direction:column}.tool-info{padding-right:0}.tool-info h4{font-size:var(--text-md)}.tool-info p{font-size:var(--text-sm);margin-bottom:var(--space-4)}.tool-visual{justify-content:flex-start;width:100%}.visual-design{gap:var(--space-2);flex-flow:wrap;width:100%;max-width:none}.visual-design .chat-bubble{flex-shrink:0}.visual-clone{gap:var(--space-2);flex-flow:wrap;align-items:center}.visual-clone .arrow-connector{width:20px;height:2px;transform:rotate(0)}.visual-clone .arrow-connector:after{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid var(--border-strong);border-right:none;top:-3px;left:auto;right:0}.voice-recommendations{margin-top:var(--space-8);overflow:hidden}.voice-recommendations .section-header{align-items:flex-start;gap:var(--space-2);flex-direction:column}.voice-recommendations h3{font-size:var(--text-md)}.voice-grid-horizontal{grid-template-columns:repeat(3,1fr);gap:14px}.home-sample-card:hover{transform:translateY(-4px)scale(1.01)}.sample-visual{border-radius:var(--radius-xl)}.pattern-waveform{gap:var(--space-1)}.pattern-waveform .wave-bar{width:5px}.pattern-dots{gap:var(--space-2)}.pattern-circles .center-icon{width:16px;height:16px}.pattern-zigzag{gap:var(--space-3)}.pattern-zigzag .zigzag-line{height:5px}.sample-play-btn{border-radius:var(--radius-md);width:34px;height:34px}.sample-play-btn svg{width:13px;height:13px}.sample-info{padding:var(--space-3) 2px var(--space-1)}.sample-title{font-size:var(--text-sm)}.sample-tags{gap:5px}.sample-tag{font-size:var(--text-2xs);padding:2px var(--space-1)}#textToSpeechContainer{height:auto!important;overflow:visible!important}#textToSpeechContainer>.top-bar,#textToSpeechContainer>div:first-child{align-items:flex-start!important;gap:var(--space-3)!important;margin-bottom:var(--space-4)!important;flex-direction:column!important}#textToSpeechContainer .page-title{font-size:var(--text-lg)!important}#textToSpeechContainer .model-selector{font-size:var(--text-sm)}.tts-layout{gap:var(--space-4)!important;flex-direction:column!important;overflow:visible!important}.tts-editor-panel{width:100%!important}.tts-editor-card{min-height:200px;padding:var(--space-4)!important}.text-editor,#ttsTextInput{min-height:150px!important;font-size:15px!important}.tts-bottom-toolbar{gap:var(--space-3)!important;flex-direction:column!important;align-items:stretch!important}.tts-bottom-toolbar>div{flex-wrap:wrap!important;justify-content:center!important}.tts-sidebar{flex-shrink:1!important;width:100%!important}#textToSpeechContainer .tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}#textToSpeechContainer .tab{padding:var(--space-3) var(--space-2);font-size:var(--text-sm);white-space:nowrap}.settings-content{padding:var(--space-4)!important}.voice-library-container{padding:0}.library-banners{gap:var(--space-3)!important;margin-bottom:var(--space-6)!important;grid-template-columns:1fr!important}.lib-banner{padding:var(--space-4)!important}.voice-filter-bar{gap:var(--space-3);flex-direction:column}.voice-search-input{width:100%}.voice-filter-tags{gap:var(--space-2);flex-wrap:wrap}.voice-cards-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.voice-card{padding:var(--space-3)}.pricing-cards{gap:var(--space-4);flex-direction:column}.pricing-card{width:100%;max-width:400px;margin:0 auto}.modal-overlay{padding:var(--space-4)}.modal-content,.dialog-content{border-radius:var(--radius-xl);max-height:calc(100vh - 32px);width:100%!important;max-width:none!important;margin:0!important}.ai-voice-modal{width:100%;max-width:none}.modal-header,.dialog-header,.modal-body,.dialog-body{padding:var(--space-4)}.modal-footer,.dialog-footer{padding:var(--space-4);gap:var(--space-2);flex-direction:column}.modal-footer button,.dialog-footer button{width:100%}.toast{inset:auto var(--space-4) var(--space-4) var(--space-4);min-width:auto;max-width:none}.audio-player{padding:var(--space-3)}.player-controls{gap:var(--space-2)}#persistentPlayerBar{padding:var(--space-2) var(--space-3)}.generate-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.tool-btn{padding:var(--space-2) 10px;font-size:var(--text-xs)}}@media (width<=480px){.global-header{padding:0 var(--space-2);height:44px}.logo-area{font-size:var(--text-sm)}.sidebar-overlay{top:44px}.app-container{height:calc(100vh - 44px)}.sidebar-left{width:100%;max-width:300px;height:calc(100vh - 44px);top:44px}.main-content{padding:var(--space-3)}.welcome-section{text-align:left}.welcome-section h1{font-size:18px}.card-content{padding:var(--space-4)}.controls-area{gap:var(--space-3);flex-direction:column}.controls-left{gap:var(--space-2);flex-direction:column;width:100%}.controls-left .control-item,.control-item{flex:none;justify-content:flex-start;width:100%;min-width:0}.controls-right{width:100%}.tts-toolbar-right{gap:var(--space-2)!important;flex-direction:column!important;align-items:stretch!important;width:100%!important}.tts-toolbar-right .generate-btn{justify-content:center;width:100%}.tts-toolbar-right .language-selector{width:100%;min-width:0}#homeCurrentVoiceName{white-space:nowrap;text-overflow:ellipsis;max-width:60px;font-size:var(--text-xs);overflow:hidden}.voice-grid-horizontal{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.sample-visual{border-radius:var(--radius-xl)}.pattern-waveform{gap:3px}.pattern-waveform .wave-bar{width:4px}.pattern-dots{gap:var(--space-2)}.pattern-circles .circle{border-width:1.5px}.pattern-circles .center-icon{width:14px;height:14px}.pattern-zigzag{gap:10px}.pattern-zigzag .zigzag-line{height:4px}.sample-play-btn{border-radius:var(--radius-md);opacity:1;width:32px;height:32px;bottom:10px;left:10px;transform:scale(1)}.sample-play-btn svg{width:12px;height:12px}.sample-info{padding:10px 2px 4px}.sample-title{font-size:var(--text-xs);-webkit-line-clamp:1}.sample-tags{gap:var(--space-1)}.sample-tag{padding:3px var(--space-1);font-size:9px}.voice-cards-grid{grid-template-columns:1fr}#textToSpeechContainer .page-title{font-size:18px!important}.nav-item{padding:var(--space-3);font-size:var(--text-base)}.generate-btn,.generate-btn-pill{justify-content:center;width:100%}.toast{bottom:var(--space-3);right:var(--space-3);left:var(--space-3);padding:14px var(--space-4)}.toast-title{font-size:var(--text-sm)}.toast-message{font-size:var(--text-xs)}}@media (width<=360px){.voice-grid-horizontal{gap:var(--space-4);grid-template-columns:1fr}.sample-visual{border-radius:var(--radius-xl)}.pattern-waveform .wave-bar{width:5px}.pattern-dots{gap:10px}.pattern-circles .center-icon{width:16px;height:16px}.sample-play-btn{border-radius:10px;width:36px;height:36px}.sample-play-btn svg{width:14px;height:14px}.sample-title{font-size:var(--text-sm);-webkit-line-clamp:2}.sample-tag{padding:var(--space-1) var(--space-2);font-size:10px}}@media (width<=1024px) and (width>=769px){.voice-grid-horizontal{gap:var(--space-4);grid-template-columns:repeat(4,1fr)}.sample-visual{border-radius:18px}.pattern-waveform .wave-bar{width:5px}.pattern-dots{gap:11px}.sample-play-btn{border-radius:10px;width:36px;height:36px}.sample-title{font-size:13px}.sample-tag{font-size:10px}}@media (width<=768px){.hide-mobile{display:none!important}}@media (width>=769px){.show-mobile-only{display:none!important}}@media (width<=768px){.voice-selection-modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:100%;max-height:90vh;margin:auto 0 0}.voice-selection-modal .modal-header{padding:var(--space-4)}.voice-selection-modal .modal-header h3{font-size:var(--text-base)}.vs-suggestions{padding:0 var(--space-4) var(--space-3);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.vs-suggestions::-webkit-scrollbar{display:none}.vs-suggestion-chip{flex-shrink:0;padding:5px 10px;font-size:11px}.vs-suggestions-label{font-size:var(--text-xs);flex-shrink:0}.vs-search-row{padding:0 var(--space-4) var(--space-3);gap:var(--space-2)}.vs-search-row input{font-size:var(--text-sm)}.vs-tabs{padding:0 var(--space-4);gap:var(--space-4)}.vs-tab{font-size:var(--text-sm);padding:var(--space-2) 0}.vs-voice-item{padding:10px var(--space-4);gap:10px}.vs-voice-avatar{flex-shrink:0;width:36px;height:36px}.vs-voice-name{font-size:var(--text-sm)}.vs-voice-desc{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:11px;overflow:hidden}.vs-voice-actions{gap:var(--space-1);flex-shrink:0}.vs-voice-actions .btn{font-size:var(--text-xs);padding:5px 10px}}@media (width<=480px){.voice-selection-modal{max-height:95vh}.vs-voice-desc{display:none}.vs-suggestion-chip{padding:var(--space-1) var(--space-2);font-size:11px}}@media (width<=768px){.voice-library-container .vs-suggestions,.voice-library-container .filter-suggestions{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.voice-library-container .vs-suggestions::-webkit-scrollbar{display:none}.voice-library-container .filter-suggestions::-webkit-scrollbar{display:none}.voice-dropdown{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-height:60vh;z-index:var(--z-sticky);position:fixed;inset:auto 0 0;box-shadow:0 -4px 20px #00000026}.voice-dropdown-list{max-height:50vh}button,.btn,.nav-item,.control-item,.voice-card,.tool-card{min-height:44px}.nav-item,.control-item,.tab,.preset-btn{-webkit-user-select:none;user-select:none}.main-content,.settings-content,.voice-dropdown-list{-webkit-overflow-scrolling:touch}}@media (width<=480px){.section-title.heading,.voices-tagline{font-size:clamp(24px,6vw,36px)!important}}