@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300..700;1,14..32,300..700&display=swap";:root{--primary-color:#5851b8;--primary-hover:#4439a0;--primary-active:#342c7e;--primary-subtle:#f3f2fe;--primary-text:#5851b8;--bg-base:#f9fafb;--bg-surface:#fff;--bg-sunken:#f3f4f6;--bg-elevated:#fff;--bg-hover:#f3f4f6;--bg-overlay:#0006;--bg-sidebar:#fff;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-muted:#9ca3af;--text-disabled:#d1d5db;--text-inverse:#fff;--text-on-primary:#fff;--text-link:#5851b8;--text-link-hover:#4439a0;--border-default:#e5e7eb;--border-subtle:#f3f4f6;--border-strong:#d1d5db;--border-focus:#5851b8;--border-error:#fca5a5;--border-hover:#d1d5db;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a, 0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a, 0 10px 10px #0000000a;--shadow-2xl:0 25px 50px #00000040;--shadow-card:0 2px 8px #0000000f, 0 1px 3px #0000000a;--shadow-card-hover:0 8px 24px #5851b81f, 0 2px 8px #0000000f;--shadow-modal:0 20px 60px #00000026, 0 4px 16px #00000014;--shadow-dropdown:0 4px 16px #00000014, 0 1px 4px #0000000a;--shadow-focus:0 0 0 2px #fff, 0 0 0 4px #5851b8;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-btn:12px;--radius-full:9999px;--color-success:#22c55e;--color-success-bg:#f0fdf4;--color-success-border:#bbf7d0;--color-success-text:#15803d;--color-error:#ef4444;--color-error-bg:#fef2f2;--color-error-border:#fecaca;--color-error-text:#dc2626;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-warning-text:#d97706;--color-info:#3b82f6;--color-info-bg:#eff6ff;--color-info-border:#bfdbfe;--color-info-text:#1d4ed8;--color-focus-ring:#5851b8;--input-bg:#fff;--input-border:#e5e7eb;--input-text:#111827;--input-placeholder:#9ca3af;--dropdown-bg:#fff;--modal-bg:#fff;--tooltip-bg:#1f2937;--tooltip-text:#fff;--tag-bg:#f1f5f9;--tag-color:#475569;--tag-bg-primary:#f3f2fe;--tag-color-primary:#5851b8;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--text-2xs:10px;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-ui:var(--font-sans);--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--icon-2xl:48px;--icon-stroke-ui:1.5;--icon-stroke-emph:2;--icon-stroke-bold:2.5;--transition-fast:.1s cubic-bezier(.4, 0, .2, 1);--transition-normal:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--transition-main:.3s cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.2, .64, 1);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-overlay:900;--z-modal:1000;--z-toast:2000;--z-tooltip:3000;--z-max:10000;--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);--color-accent:#d4537e;--progress-track-bg:var(--border-subtle);--progress-fill-color:var(--primary-color);--progress-fill-hover:var(--primary-hover);--progress-track-height-xs:2px;--progress-track-height-sm:3px;--progress-track-height-md:4px;--progress-track-height-lg:6px;--progress-track-height-xl:8px;--progress-track-height-2xl:12px;--slider-track-bg:var(--border-subtle);--slider-fill-color:var(--primary-color);--slider-thumb-size:16px;--slider-thumb-size-sm:12px;--slider-thumb-size-lg:20px;--slider-thumb-bg:var(--primary-color);--slider-thumb-border:2px solid var(--bg-surface);--slider-thumb-shadow:var(--shadow-sm);--slider-thumb-active-shadow:var(--shadow-md);--stepper-step-size:32px;--stepper-step-size-sm:24px;--stepper-step-size-lg:40px;--stepper-step-bg:var(--bg-surface);--stepper-step-border:var(--border-default);--stepper-step-color:var(--text-tertiary);--stepper-active-bg:linear-gradient(135deg, #6b63ce 0%, #7f77dd 100%);--stepper-active-border:#6b63ce;--stepper-active-color:#fff;--stepper-completed-bg:linear-gradient(135deg, #22c55e 0%, #4ade80 100%);--stepper-completed-border:#22c55e;--stepper-completed-color:#fff;--stepper-step-icon-size:14px;--stepper-step-gap:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only-focusable:focus{clip:auto;white-space:normal;background:var(--primary-color);width:auto;height:auto;color:var(--text-inverse);border-radius:var(--radius-lg);z-index:var(--z-max);box-shadow:var(--shadow-lg);margin:0;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;position:fixed;top:8px;left:8px;overflow:visible}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-base);color:var(--text-primary);flex-direction:column;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;overflow:hidden}.icon{width:var(--icon-md);height:var(--icon-md);fill:none;stroke:currentColor;stroke-width:var(--icon-stroke-ui);stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0;display:inline-block}.icon-xs{width:var(--icon-xs);height:var(--icon-xs)}.icon-sm{width:var(--icon-sm);height:var(--icon-sm)}.icon-lg{width:var(--icon-lg);height:var(--icon-lg);stroke-width:var(--icon-stroke-emph)}.icon-xl{width:var(--icon-xl);height:var(--icon-xl);stroke-width:var(--icon-stroke-bold)}.icon-2xl{width:var(--icon-2xl);height:var(--icon-2xl);stroke-width:var(--icon-stroke-bold)}.icon-primary{color:var(--primary-color)}.icon-muted{color:var(--text-muted)}.icon-success{color:var(--color-success)}.icon-error{color:var(--color-error)}.icon-warning{color:var(--color-warning)}.icon-outline{fill:none;stroke:currentColor;stroke-width:2px}.icon-solid{fill:currentColor;stroke:none}.slider{appearance:none;width:100%;height:var(--progress-track-height-md);background:var(--slider-track-bg);border-radius:var(--radius-full);transition:height var(--transition-fast);outline:none}.slider::-webkit-slider-thumb{appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--slider-thumb-bg);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--slider-thumb-shadow);border:var(--slider-thumb-border);transition:box-shadow var(--transition-fast), transform var(--transition-fast)}.slider::-webkit-slider-thumb:hover{box-shadow:var(--slider-thumb-active-shadow);transform:scale(1.1)}.slider::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--slider-thumb-bg);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--slider-thumb-shadow);border:var(--slider-thumb-border);transition:box-shadow var(--transition-fast), transform var(--transition-fast)}.slider::-moz-range-thumb:hover{box-shadow:var(--slider-thumb-active-shadow);transform:scale(1.1)}.badge{background:var(--tag-bg-primary);color:var(--tag-color-primary);border-radius:var(--radius-sm);margin-left:4px;padding:2px 6px;font-size:10px}.global-header{background-color:var(--bg-color);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.app-container{width:100%;height:calc(100vh - 48px);display:flex}.sidebar-left{border-right:1px solid var(--border-color);background-color:var(--sidebar-bg);flex-direction:column;flex-shrink:0;width:216px;height:100%;padding:12px;transition:width .25s cubic-bezier(.4,0,.2,1),padding .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden auto}.sidebar-footer{border-top:1px solid var(--border-color);padding-top:8px}.sidebar-footer-links{justify-content:center;align-items:center;gap:6px;margin-bottom:6px;padding:2px 4px;font-size:11px;display:flex}.sidebar-footer-links .social-link{color:#9ca3af;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:color .2s;display:flex}.sidebar-footer-links .social-link:hover{color:var(--text-primary)}.sidebar-footer-links .footer-divider{background:var(--border-color);flex-shrink:0;width:1px;height:12px;margin:0 1px}.sidebar-footer-links a:not(.social-link){color:#9ca3af;white-space:nowrap;text-decoration:none;transition:color .2s}.sidebar-footer-links a:not(.social-link):hover{color:var(--text-secondary)}.sidebar-footer-links .footer-dot{color:#d1d5db;font-size:10px}.sidebar-footer-bottom{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.sidebar-footer-bottom .copyright{color:#c0c5cc;font-size:10px}.sidebar-toggle{color:#9ca3af;cursor:pointer;width:26px;height:26px;transition:all var(--transition-main);background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.sidebar-toggle:hover{color:#6b7280;background:#f3f4f6;border-color:#d1d5db}.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:48px;padding:12px 6px}.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{justify-content:center;padding:8px}.sidebar-left.collapsed .nav-item .icon{margin:0}.sidebar-left.collapsed .sidebar-actions{margin-bottom:8px}.sidebar-left.collapsed .sidebar-mobile-lang{display:none!important}.logo-area{color:#4439a0;align-items:center;gap:6px;font-size:16px;font-weight:700;display:flex}.nav-group{margin-bottom:14px}.nav-group-label{color:#9ca3af;letter-spacing:.02em;margin-bottom:4px;padding-left:10px;font-size:11px;font-weight:500}.nav-item .icon{flex-shrink:0;width:18px;height:18px}.nav-item{color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;font-weight:500;transition:background-color .3s;display:flex}.nav-item:hover,.nav-item.active{color:var(--text-primary);background-color:#f3f4f6}.nav-item i{text-align:center;width:20px}.sidebar-actions{flex-direction:column;gap:3px;margin-bottom:16px;display:flex}.sidebar-action-btn{border:1px solid var(--border-color);background:var(--bg-surface);width:100%;color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.sidebar-action-btn:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--border-hover)}.sidebar-action-btn .icon{flex-shrink:0;width:16px;height:16px}.sidebar-action-plans .icon{color:#5851b8}.sidebar-action-skills .icon{color:#f59e0b}.sidebar-action-plans:hover{background:#5851b80a;border-color:#5851b84d}.sidebar-action-skills:hover{background:#f59e0b0a;border-color:#f59e0b4d}.sidebar-invite-wrap{margin-bottom:6px}.sidebar-invite-cta{color:#963d5e;cursor:pointer;text-align:left;background:linear-gradient(135deg,#fdf2f7 0%,#fce7f0 100%);border:1px solid #f5d0e0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:box-shadow .2s,transform .2s;display:flex}.sidebar-invite-cta:hover{border-color:#e8a5c0;transform:translateY(-1px);box-shadow:0 2px 10px #b04a6e33}.sidebar-invite-icon{opacity:.8;flex-shrink:0;width:20px;height:20px}.sidebar-invite-text{flex-direction:column;gap:1px;min-width:0;display:flex}.sidebar-invite-title{color:#963d5e;font-size:13px;font-weight:600}.sidebar-invite-sub{color:#b04a6e;opacity:.85;font-size:11px;font-weight:500}.sidebar-left.collapsed .sidebar-invite-cta .sidebar-invite-text{display:none}.sidebar-left.collapsed .sidebar-invite-cta{justify-content:center;padding:9px}.nav-badge{color:#fff;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:11px;font-weight:700}.nav-badge-new{color:#4439a0;background:#e0e7ff}.nav-badge-hot{color:#be123c;background:#ffe4e6}.nav-badge-outline{color:#9ca3af;background:0 0;border:1px solid #d1d5db;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{border:1px solid var(--border-color);background:var(--panel-bg);width:100%;max-width:200px;color:var(--text-primary);cursor:pointer;border-radius:8px;padding:10px 12px;font-size:14px}.sidebar-lang-select:focus{border-color:#5851b8;outline:none}.main-content{background-color:var(--bg-color);opacity:0;flex-direction:column;flex:1;width:100%;max-width:1600px;margin:0 auto;padding:24px 40px 100px;transition:opacity .15s ease-in;display:flex;overflow-y:auto}.main-content.i18n-ready{opacity:1}.app-header{margin-bottom:24px}.app-header h1{color:var(--text-primary);margin-bottom:20px;font-size:28px;font-weight:700}.header-tabs{gap:12px;display:flex}.header-tab{border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-main);color:var(--text-secondary);background:#fff;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600}.header-tab.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.header-tab.disabled{opacity:.6;cursor:not-allowed;background:var(--panel-bg)}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.header-subscribe-btn{color:#8b5cf6;cursor:pointer;transition:all var(--transition-main);background:0 0;border:1px solid #8b5cf6;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.header-subscribe-btn:hover{background:#f3e8ff;transform:translateY(-1px)}.header-subscribe-btn svg{width:16px;height:16px}@media (width<=768px){.main-content{padding:16px 16px 100px}.app-header h1{font-size:22px}.header-tabs{flex-wrap:wrap;gap:8px}.header-tab{padding:6px 12px;font-size:12px}}@media (width<=480px){.main-content{padding:12px 12px 100px}.app-header h1{margin-bottom:12px;font-size:20px}.section-header{flex-direction:column;align-items:flex-start;gap:8px}}.btn-primary,.btn-secondary,.btn-text,.btn-icon,.btn-sm{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-main);border:1px solid #0000;outline:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary-color);color:var(--text-on-primary);border-color:#0000}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #5851b84d}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{color:var(--text-primary);border-color:var(--border-color);background:0 0}.btn-secondary:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--text-primary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}.generate-btn{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);color:var(--text-inverse);cursor:pointer;transition:all var(--transition-main);border:none;border-radius:24px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;display:flex;box-shadow:0 4px 12px #5851b84d}.generate-btn:hover{background:linear-gradient(135deg, var(--primary-hover) 0%, var(--primary-active) 100%);transform:translateY(-1px);box-shadow:0 6px 16px #5851b866}.generate-btn:disabled,.generate-btn.loading,.generate-btn.disabled{color:#ffffffb3;cursor:not-allowed;box-shadow:none;border-radius:24px;transform:none;background:linear-gradient(135deg,#c9b8f0 0%,#b8a6e8 100%)!important}.btn-secondary.generate-btn{background:var(--panel-bg);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:none}.btn-secondary.generate-btn:hover{background:var(--hover-bg);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.generate-btn-purple{color:var(--text-inverse);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-main);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:flex}.generate-btn-purple:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.generate-btn-purple:disabled,.generate-btn-purple.loading{color:#e5e3eb;cursor:not-allowed;box-shadow:none;transform:none;background:linear-gradient(135deg,#b4adc4 0%,#9d98ab 100%)!important}.tool-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-main);align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:flex}.tool-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.selector-wrapper{position:relative}.toolbar-select{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;appearance:none;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;padding:8px 32px 8px 12px;font-size:13px}.toast{background:var(--bg-surface);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);border-radius:20px;align-items:center;gap:14px;padding:18px 24px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s ease-out,box-shadow .3s;display:flex;position:fixed;top:24px;right:24px;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{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:3px;font-size:15px;font-weight:600}.toast-message{color:var(--text-secondary);opacity:.85;font-size:13px;line-height:1.5}.toast-close{border-radius:var(--radius-full);cursor:pointer;width:28px;height:28px;color:var(--text-secondary);transition:all var(--transition-main);background:#0000000d;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:flex}.toast-close:hover{background:#0000001a;transform:scale(1.1)}.toast-close:active{transform:scale(.95)}.voice-select-trigger{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer;min-width:140px;transition:all var(--transition-main);align-items:center;gap:8px;padding:6px 12px;font-size:13px;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:8px;display:none;position:absolute;top:100%;right:0;box-shadow:0 10px 15px -3px #0000001a}.voice-dropdown.active{display:block}.voice-dropdown-search{border-bottom:1px solid var(--border-color);padding:12px}.voice-dropdown-search input{border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;width:100%;padding:8px;font-size:13px}.voice-dropdown-list{max-height:300px;overflow-y:auto}.voice-option{cursor:pointer;transition:all var(--transition-main);border-radius:var(--radius-sm);align-items:center;gap:10px;margin:2px 4px;padding:10px 12px;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:13px;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{color:var(--text-muted,#9ca3af);white-space:nowrap;align-items:center;gap:4px;margin-left:8px;font-size:11px;display:inline-flex}.quota-cost-hint .cost-icon{width:12px;height:12px}.upgrade-request-overlay{z-index:10000;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);width:90%;max-width:420px;padding:32px;position:relative;box-shadow:0 20px 60px #0006}.upgrade-request-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:24px;line-height:1;position:absolute;top:12px;right:16px}.upgrade-request-header{text-align:center;margin-bottom:20px}.upgrade-request-badge{color:var(--text-inverse);border-radius:var(--radius-full);letter-spacing:.5px;background:linear-gradient(135deg,#d4537e 0%,#b04a6e 100%);margin-bottom:12px;padding:4px 16px;font-size:13px;font-weight:600;display:inline-block}.upgrade-request-header h2{color:var(--text-primary);margin:0 0 8px;font-size:20px}.upgrade-request-header p{color:var(--text-secondary);margin:0;font-size:14px}.upgrade-request-plan-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;display:flex}.upgrade-request-plan-name{color:var(--text-primary);font-weight:600}.upgrade-request-quota{color:var(--text-secondary);font-size:13px}.upgrade-request-form label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;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);resize:vertical;box-sizing:border-box;min-height:60px;padding:10px 12px;font-size:14px}.upgrade-request-form textarea::placeholder{color:var(--text-secondary)}.upgrade-request-form textarea:focus{border-color:#d4537e;outline:none}.upgrade-request-submit{width:100%;color:var(--text-inverse);border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#d4537e 0%,#b04a6e 100%);border:none;margin-top:16px;padding:12px;font-size:15px;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:16px 0}.upgrade-request-success-icon{border-radius:var(--radius-full);background:var(--color-success);width:48px;height:48px;color:var(--text-inverse);margin:0 auto 16px;font-size:24px;line-height:48px}.upgrade-request-success h3{color:var(--text-primary);margin:0 0 8px}.upgrade-request-success p{color:var(--text-secondary);margin:0 0 8px;font-size:14px}.upgrade-request-contact{font-size:13px}.upgrade-request-contact a{color:#d4537e}.upgrade-request-close-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;margin-top:16px;padding:8px 24px;font-size:14px}.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{width:95%;padding:24px 20px}}.vf-share-cta{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg,12px);z-index:9999;white-space:nowrap;align-items:center;gap:12px;padding:12px 16px;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{color:var(--text-primary);font-size:14px;font-weight:500}.vf-share-cta-actions{align-items:center;gap:8px;display:flex}.vf-share-btn{cursor:pointer;border:1px solid var(--border-default);background:var(--bg-base);color:var(--text-primary);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;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:#fff;background:#000;border-color:#000}[data-theme=dark] .vf-share-btn--x{color:#000;background:#fff;border-color:#fff}.vf-share-btn--x:hover{color:#fff;background:#222;border-color:#222}[data-theme=dark] .vf-share-btn--x:hover{color:#000;background:#ddd;border-color:#ddd}.vf-share-cta-dismiss{cursor:pointer;color:var(--text-tertiary,#999);background:0 0;border:none;padding:4px 6px;font-size:13px;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)}}.btn-ghost{color:var(--text-tertiary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-secondary)}.btn-danger{background:var(--color-error);color:var(--text-on-primary);border-color:#0000}.btn-danger:hover{background:var(--color-error-text);transform:translateY(-1px)}.btn-danger:focus-visible{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--color-error)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-xl)}.icon-btn{border-radius:var(--radius-full);cursor:pointer;color:var(--text-secondary);transition:background var(--transition-fast), transform var(--transition-normal) var(--ease-spring), box-shadow var(--transition-normal);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary);transform:scale(1.05)}.icon-btn:active{transform:scale(.95)}.icon-btn:focus-visible{box-shadow:var(--shadow-focus)}.icon-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.icon-btn-sm{width:28px;height:28px}.icon-btn-md{width:36px;height:36px}.icon-btn-lg{width:44px;height:44px}.icon-btn-xl{width:56px;height:56px}.icon-btn-primary{background:var(--primary-color);color:var(--text-inverse);box-shadow:var(--shadow-md)}.icon-btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-lg);transform:scale(1.06)}.icon-btn-primary:active{transform:scale(.97)}.icon-btn-outline{border:1px solid var(--border-default);color:var(--text-secondary)}.icon-btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--bg-hover)}.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}.agent-input-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);overflow:hidden}.agent-input-card:focus-within{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.agent-input-field{width:100%;padding:var(--space-4) var(--space-5);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);line-height:var(--leading-relaxed);resize:none;background:0 0;border:none;outline:none;min-height:64px}.agent-input-field::placeholder{color:var(--text-muted)}.agent-input-toolbar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.agent-chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--text-xs);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);background:0 0;display:inline-flex}.agent-chip:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--bg-hover)}.agent-chip.active{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-subtle)}.agent-attach-btn{border:1px solid var(--border-default);border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.agent-attach-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.agent-input-toolbar .agent-submit{margin-left:auto}.agent-suggestions{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.agent-suggestion-pill{padding:var(--space-2) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-surface);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast)}.agent-suggestion-pill:hover{border-color:var(--primary-color);color:var(--primary-color);box-shadow:var(--shadow-sm)}.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{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.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)}#quotaDisplay{cursor:pointer;transition:all var(--transition-main);background:#5851b81a;border-radius:20px;align-items:center;gap:6px;padding:4px 10px 4px 4px;display:inline-flex}#quotaDisplay:hover{background:#5851b826;transform:translateY(-1px)}.quota-icon{background:linear-gradient(135deg,#5851b8 0%,#a855f7 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.quota-icon svg{stroke:#fff;stroke-width:2.5px;width:14px;height:14px}.quota-number{color:var(--text-primary);letter-spacing:-.02em;font-size:14px;font-weight:700}#quotaDisplay.quota-low .quota-icon{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);animation:2s ease-in-out infinite pulse-quota}#quotaDisplay.quota-low .quota-number{color:#dc2626}@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:#e0e7ff}body.dark #quotaDisplay.quota-low .quota-number{color:#fca5a5}.upgrade-btn{color:var(--text-primary);cursor:pointer;transition:all var(--transition-main);background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600}.upgrade-btn:hover{background:var(--panel-bg)}body.dark .upgrade-btn{color:var(--text-primary)}.login-prompt{cursor:pointer;transition:all var(--transition-main);background:#5851b814;border-radius:20px;align-items:center;gap:10px;padding:8px 16px;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{stroke:#5851b8;stroke-width:2px;width:20px;height:20px}.login-prompt-text{color:var(--text-secondary);font-size:13px;font-weight:500}body.dark .login-prompt{background:#5851b81f}body.dark .login-prompt:hover{background:#5851b82e}#authBtn{cursor:pointer;transition:all var(--transition-main);background:0 0;border:none;border-radius:50%;padding:4px}#authBtn:hover{background:var(--panel-bg)}#authBtn.sign-in-btn{color:var(--text-primary);border:1px solid var(--border-color);background:0 0;border-radius:24px;padding:8px 20px;font-size:14px;font-weight:600}#authBtn.sign-in-btn:hover{color:#b04a6e;border-color:#b04a6e;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{color:#d4537e;border-color:#d4537e}.auth-dropdown{background:var(--card-bg);border:1px solid var(--border-color);min-width:280px;z-index:var(--z-max);border-radius:16px;padding:0;display:none;position:absolute;top:56px;right:20px;overflow:hidden;box-shadow:0 10px 40px #0000001f}.auth-user-info{border-bottom:1px solid var(--border-color);padding:20px}.auth-user-name{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.auth-user-id-row{align-items:center;gap:6px;display:flex}.auth-user-id{color:var(--text-secondary);-webkit-user-select:none;user-select:none;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px}.auth-copy-debug-btn{width:20px;height:20px;color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-main), background var(--transition-main);background:0 0;border:none;border-radius:4px;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:8px}.auth-menu-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;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 fadeIn;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,#5851b8 0%,#a855f7 100%);animation:8s ease-in-out infinite float;top:-200px;right:-200px}.auth-modal-curve-2{background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);animation:10s ease-in-out infinite reverse float;bottom:-200px;left:-200px}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}.auth-modal-content{background:var(--card-bg);border:1px solid #ffffff1a;border-radius:24px;width:90%;max-width:440px;max-height:calc(100vh - 40px);padding:48px 40px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto;box-shadow:0 24px 80px #0003}.auth-modal-close{float:right;z-index:1;cursor:pointer;width:32px;height:32px;color:var(--text-secondary);text-align:center;transition:all var(--transition-main);background:0 0;border:none;border-radius:8px;margin:-16px -8px 0 0;font-size:24px;line-height:32px;position:sticky;top:0}.auth-modal-close:hover{background:var(--panel-bg);color:var(--text-primary)}.auth-modal-logo{justify-content:center;align-items:center;margin-bottom:32px;display:flex}.auth-modal-logo svg{width:48px;height:48px;margin-right:12px}.auth-modal-brand{background:linear-gradient(135deg,#5851b8 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}.auth-modal-content h2{color:var(--text-primary);text-align:center;margin:0 0 12px;font-size:28px;font-weight:700}.auth-modal-content p{color:var(--text-secondary);text-align:center;margin:0 0 32px;font-size:15px;line-height:1.6}.auth-modal-input-group{margin-bottom:24px}.auth-modal-input-label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.auth-modal-content input{border:2px solid var(--border-color);width:100%;color:var(--text-primary);background:var(--card-bg);transition:all var(--transition-main);box-sizing:border-box;border-radius:12px;outline:none;padding:14px 16px;font-size:15px}.auth-modal-content input:focus{border-color:#5851b8;box-shadow:0 0 0 4px #5851b81a}.auth-modal-content input::placeholder{color:var(--text-secondary);opacity:.6}.auth-modal-primary-btn{color:#fff;cursor:pointer;width:100%;transition:all var(--transition-main);background:linear-gradient(135deg,#d4537e 0%,#b04a6e 100%);border:none;border-radius:12px;padding:16px;font-size:16px;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);width:100%;color:var(--text-primary);cursor:pointer;transition:all var(--transition-main);background:0 0;border-radius:12px;margin-top:12px;padding:14px;font-size:15px;font-weight:600}.auth-modal-secondary-btn:hover{border-color:var(--text-primary);background:var(--panel-bg)}.auth-modal-code-actions{gap:10px;display:flex}.auth-modal-code-actions .auth-modal-secondary-btn{flex:1;min-width:0}.auth-modal-divider{text-align:center;align-items:center;margin:20px 0;display:flex}.auth-modal-divider:before,.auth-modal-divider:after{content:"";border-bottom:1px solid var(--border-color);flex:1}.auth-modal-divider span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:0 16px;font-size:13px}.auth-modal-google-btn{background:var(--card-bg);border:2px solid var(--border-color);width:100%;color:var(--text-primary);cursor:pointer;transition:all var(--transition-main);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 16px;font-size:15px;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{color:var(--text-primary);background:linear-gradient(135deg,#5851b814,#a855f714);border:1px solid #5851b833;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:10px 16px;font-size:13px;animation:.4s referralHintFadeIn;display:flex}.auth-referral-icon{flex-shrink:0;font-size:18px}.auth-referral-text strong{color:#5851b8;font-weight:700}@keyframes referralHintFadeIn{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{border-top:1px solid var(--border-color);text-align:center;margin-top:32px;padding-top:24px}.auth-modal-footer-text{color:var(--text-secondary);font-size:13px;line-height:1.8}.auth-modal-footer a{color:#5851b8;font-weight:500;text-decoration:none;transition:color .3s}.auth-modal-footer a:hover{color:#a855f7;text-decoration:underline}.auth-modal-loading{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-right:8px;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{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:8px;padding:12px 16px}.auth-invite-info{border-bottom:1px solid var(--border-color);padding:12px 16px;display:none}.auth-invite-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.auth-invite-label{color:var(--text-secondary);font-size:13px}.auth-invite-code{background:var(--panel-bg);color:var(--text-primary);border-radius:4px;padding:2px 6px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px}.auth-invite-copy{background:var(--panel-bg);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-main);border-radius:6px;margin-left:auto;padding:4px 10px;font-size:12px}.auth-invite-copy:hover{color:var(--primary-color);border-color:var(--primary-color)}.auth-invite-stats{color:var(--text-secondary);font-size:12px}.subscription-plan-badge{border-radius:12px;align-items:center;margin-bottom:8px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.subscription-plan-badge.free{color:#5851b8;background:#5851b81a}.subscription-plan-badge.pro{color:#5851b8;background:linear-gradient(135deg,#5851b826,#a855f726)}.subscription-plan-badge.max{color:#a855f7;background:linear-gradient(135deg,#a855f726,#ec489926)}.subscription-expiry{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;display:flex}.subscription-expiry.warning{color:#f59e0b}.subscription-expiry.expired{color:#ef4444}.subscription-expiry .days-left{color:#f59e0b;font-weight:600}body.dark .subscription-plan-badge.free{color:#7f77dd;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 fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{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{max-width:90%;padding:24px}#authBtn{padding:6px 12px;font-size:13px}#quotaDisplay{min-width:50px;padding:4px 10px;font-size:12px}}@media (width<=480px){#authBtn{text-overflow:ellipsis;max-width:150px;overflow:hidden}}.lang-switcher{display:inline-flex;position:relative}.lang-switcher-btn{border:1px solid var(--border-color,#e5e7eb);cursor:pointer;height:32px;color:var(--text-secondary,#6b7280);transition:all var(--transition-main);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:0 10px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.lang-switcher-btn:hover{background:var(--panel-bg,#f9fafb);color:var(--text-primary,#111827);border-color:var(--text-secondary,#9ca3af)}.lang-switcher-btn:focus{box-shadow:0 0 0 2px var(--primary-color,#5851b8), 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,#fff);border:1px solid var(--border-color,#e5e7eb);min-width:160px;z-index:var(--z-modal);border-radius:12px;padding:6px;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 16px #0000001f}.lang-dropdown.active{animation:.15s ease-out langDropdownFadeIn;display:block}@keyframes langDropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lang-option{cursor:pointer;color:var(--text-primary,#111827);border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;transition:background .3s;display:flex}.lang-option:hover{background:var(--panel-bg,#f9fafb)}.lang-option:focus{background:var(--panel-bg,#f9fafb);outline:none}.lang-option.active{background:var(--panel-bg,#f9fafb);color:var(--primary-color,#5851b8)}.lang-name{flex:1;font-weight:500}.lang-code{color:var(--text-secondary,#6b7280);font-size:12px;font-weight:400}.lang-option.active .lang-code{color:var(--primary-color,#5851b8);opacity:.8}.lang-check{color:var(--primary-color,#5851b8);margin-left:auto;font-size:14px;font-weight:600}.dark .lang-switcher-btn{border-color:var(--border-color,#374151);color:var(--text-secondary,#9ca3af)}.dark .lang-switcher-btn:hover{background:var(--panel-bg,#1f2937);color:var(--text-primary,#f9fafb);border-color:var(--text-secondary,#6b7280)}.dark .lang-dropdown{background:var(--card-bg,#1f2937);border-color:var(--border-color,#374151);box-shadow:0 4px 20px #0000004d}.dark .lang-option{color:var(--text-primary,#f9fafb)}.dark .lang-option:hover,.dark .lang-option:focus,.dark .lang-option.active{background:var(--panel-bg,#374151)}.dark .lang-code{color:var(--text-secondary,#9ca3af)}@media (width<=768px){.lang-switcher-btn{padding:6px 8px}.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}}.lecture-container{display:none}.lecture-container.active{z-index:100;flex-direction:column;height:calc(100vh - 60px);display:flex;position:relative;overflow:hidden}.lec-page{flex-direction:column;flex:1;max-width:100%;min-height:0;padding:0;display:flex}.lec-hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:24px;display:flex}.lec-hero-badge{letter-spacing:.04em;color:var(--primary-color);background:#6366f114;border:1px solid #6366f126;border-radius:20px;align-items:center;gap:6px;margin-bottom:20px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.lec-hero-title{color:var(--text-primary);letter-spacing:-.025em;margin:0 0 12px;font-size:32px;font-weight:700;line-height:1.2}.lec-hero-desc{color:var(--text-tertiary);max-width:480px;margin:0 auto;font-size:15px;line-height:1.6}.lec-input-card{border:1px solid var(--border-color);background:var(--card-bg);border-radius:24px;width:100%;max-width:720px;margin:0 auto 16px;padding:14px 24px;transition:border-color .2s,box-shadow .2s}.lec-input-card:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f10f,0 8px 32px #0000000f}.lec-input-row textarea{width:100%;color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;padding:4px 0;font-family:inherit;font-size:16px;line-height:1.6}.lec-input-row textarea::placeholder{color:var(--text-tertiary);font-size:15px}.lec-input-options{border-top:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding-top:12px;display:flex}.lec-option-chip{border:1px solid var(--border-color);color:var(--text-secondary);background:var(--bg-color);white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;transition:all .15s;display:inline-flex}.lec-option-chip:hover{color:var(--text-primary);border-color:var(--text-tertiary)}.lec-option-chip svg{opacity:.5;flex-shrink:0}.lec-option-chip select{color:inherit;cursor:pointer;appearance:none;background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:12px}.lec-option-toggle{cursor:pointer;gap:4px}.lec-option-toggle input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary-color);margin:0}.lec-create-btn{background:var(--primary-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:20px;align-items:center;gap:6px;padding:9px 24px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.lec-create-btn svg{flex-shrink:0}.lec-create-btn:hover{background:var(--primary-hover,#5558e6);transform:translateY(-1px);box-shadow:0 4px 16px #6366f14d}.lec-create-btn:active{transform:translateY(0)}.lec-create-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.lec-slash-hint{text-align:center;color:var(--text-tertiary);padding:8px 24px 20px;font-size:13px}.lec-slash-hint kbd{border:1px solid var(--border-color);background:var(--panel-bg);color:var(--text-secondary);border-radius:5px;margin:0 2px;padding:2px 8px;font-family:inherit;font-size:12px;font-weight:600;display:inline-block}.lec-slash-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;animation:.15s ease-out lecFadeIn;display:flex;position:fixed;inset:0}.lec-slash-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;width:90vw;max-width:780px;max-height:80vh;animation:.2s ease-out lecSlideUp;display:flex;box-shadow:0 24px 80px #00000040}@keyframes lecSlideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.lec-slash-header{border-bottom:1px solid var(--border-color);color:var(--text-primary);justify-content:space-between;align-items:center;padding:16px 20px;font-size:15px;font-weight:600;display:flex}.lec-slash-close{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;transition:all .15s;display:flex}.lec-slash-close:hover{background:var(--panel-bg);color:var(--text-primary)}.lec-slash-body{padding:16px 20px;overflow-y:auto}.lec-slash-cat{margin-bottom:20px}.lec-slash-cat:last-child{margin-bottom:0}.lec-slash-cat-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:10px;font-size:11px;font-weight:700}.lec-slash-cat-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.lec-slash-item{border:1px solid var(--border-color);cursor:pointer;background:var(--card-bg);border-radius:14px;transition:all .2s;overflow:hidden}.lec-slash-item:hover,.lec-slash-item.focused{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 16px #5851b824}.lec-slash-thumb{aspect-ratio:16/9;border-radius:14px 14px 0 0;flex-direction:column;justify-content:center;align-items:center;padding:12px;display:flex;overflow:hidden}.lec-slash-thumb span{font-size:12px!important;font-weight:800!important}.lec-slash-meta{padding:8px 10px}.lec-slash-name{color:var(--text-primary);margin-bottom:1px;font-size:13px;font-weight:600}.lec-slash-desc{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}@media (width<=640px){.lec-templates{grid-template-columns:repeat(2,1fr)}.lec-slash-cat-grid{grid-template-columns:1fr}}.lec-viewer{flex-direction:column;flex:1;min-height:0;padding:0;display:none;overflow-y:auto}.lec-viewer.active{display:flex;position:relative}.lec-stage{flex-shrink:0;justify-content:center;align-items:center;padding:8px 60px 0;display:flex;position:relative}.lec-stage-slide{background:0 0;border-radius:12px;width:100%;max-width:880px;transition:box-shadow .3s;position:relative;overflow:hidden}.lec-stage-slide:has(.lec-stage-loading){aspect-ratio:auto;box-shadow:none;padding:80px 0}.lec-stage-slide.has-slide{aspect-ratio:16/9;background:#18181b;box-shadow:0 4px 24px #0000001f}.lec-stage-slide .slide-page{border-radius:12px;width:100%;height:100%;overflow:hidden;display:flex!important;position:relative!important}.lec-stage-nav{z-index:10;border:1px solid var(--border-color);background:var(--card-bg);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;opacity:0;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lec-stage:hover .lec-stage-nav{opacity:1}.lec-stage-nav:hover{border-color:var(--text-primary);color:var(--text-primary);background:var(--panel-bg)}.lec-stage-prev{left:8px}.lec-stage-next{right:8px}.lec-stage-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;animation:.3s ease-out lecFadeIn;display:flex}.lec-stage-spinner{border:3px solid #ffffff1a;border-top-color:var(--primary-color,#5851b8);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite lecSpin}@keyframes lecSpin{to{transform:rotate(360deg)}}.lec-stage-loading-text{color:#fff6;font-size:13px}.lec-stage-slide .slide-page{animation:.4s ease-out lecStageIn}@keyframes lecStageIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.lec-audio-btn{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#6366f1d9;border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s;display:none;position:absolute;bottom:12px;right:12px}.lec-audio-btn:hover{background:#6366f1}.lec-audio-btn.ready{animation:.3s ease-out lecFadeIn;display:flex}.lec-audio-btn.playing{color:#09090b;background:#4ade80e6}@keyframes lecFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.lec-thumbstrip{scrollbar-width:none;background:var(--bg-color);z-index:2;flex-shrink:0;justify-content:center;gap:8px;padding:12px 60px;display:flex;position:relative;overflow-x:auto}.lec-thumbstrip::-webkit-scrollbar{display:none}.lec-thumb{aspect-ratio:16/9;border:2px solid var(--border-color);cursor:pointer;opacity:.6;background:#18181b;border-radius:8px;flex-shrink:0;width:120px;transition:all .15s;position:relative;overflow:hidden}.lec-thumb.active{border-color:var(--primary-color);opacity:1;box-shadow:0 0 0 2px var(--primary-color), 0 2px 12px #6366f133}.lec-thumb:hover{opacity:.9}.lec-thumb-inner{transform-origin:0 0;pointer-events:none;width:960px;height:540px;transform:scale(.125)}.lec-thumb-inner .slide-page{width:960px!important;height:540px!important;display:flex!important;position:relative!important}.lec-thumb-num{color:#ffffffb3;text-shadow:0 1px 2px #00000080;font-size:9px;font-weight:600;position:absolute;bottom:2px;left:4px}.lec-bottom{background:var(--bg-color);border-top:1px solid var(--border-color);flex-shrink:0;padding:12px 24px 16px}.lec-gen-bar{flex-shrink:0;padding:8px 24px}.lec-gen-bar-inner{color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:8px;max-width:100%;margin:0 auto;font-size:12px;display:flex}.lec-gen-bar-status{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.lec-dot{background:var(--primary-color);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1s infinite lecPulse}.lec-dot.done{background:#4ade80;animation:none}.lec-dot.error{background:#f87171;animation:none}@keyframes lecPulse{0%,to{opacity:1}50%{opacity:.3}}.lec-gen-progress{background:var(--border-color);border-radius:2px;flex:1;height:2px;overflow:hidden}.lec-gen-progress-fill{background:var(--primary-color);border-radius:2px;width:0%;height:100%;transition:width .3s}.lec-new-btn{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:12px;flex-shrink:0;padding:4px 12px;font-size:11px;font-weight:600;transition:all .15s}.lec-new-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#6366f10f}.lec-done-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;display:flex}.lec-action-btn{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:5px;padding:7px 14px;font-size:12px;transition:all .15s;display:inline-flex}.lec-action-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.lec-action-btn.lec-action-primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.lec-action-btn.lec-action-primary:hover{opacity:.85}.lec-action-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.lec-references{max-width:720px;margin-top:4px;margin-left:auto;margin-right:auto;padding:0}.lec-references-header{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:6px 0;font-size:11px;font-weight:600;display:flex}.lec-references-header:after{content:"";background:var(--border-color);flex:1;height:1px;margin-left:8px}.lec-references-toggle{color:var(--text-tertiary);margin-left:auto;font-size:10px;transition:transform .2s}.lec-references.open .lec-references-toggle{transform:rotate(180deg)}.lec-references-list{flex-direction:column;gap:4px;margin:0;padding:4px 0 8px;list-style:none;display:none}.lec-references.open .lec-references-list{display:flex}.lec-references-list li{color:var(--text-secondary);font-size:13px;line-height:1.5}.lec-references-list a{color:var(--primary-color);text-decoration:none;transition:opacity .15s}.lec-references-list a:hover{opacity:.8;text-decoration:underline}.lec-slide-marp{background:#fff}.lec-slide-marp .marp-slide-wrapper{aspect-ratio:16/9;overflow:hidden}.lec-slide-marp .marp-slide-wrapper section{padding:5% 8%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(.8rem,1.2vw,1.1rem);line-height:1.6}.lec-slide-marp .marp-slide-wrapper h1{margin-bottom:.5em;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:700}.lec-slide-marp .marp-slide-wrapper h2{margin-bottom:.5em;font-size:clamp(1.4rem,2.5vw,2.2rem);font-weight:700}.lec-slide-marp .marp-slide-wrapper ul,.lec-slide-marp .marp-slide-wrapper ol{margin:.5em 0;padding-left:1.5em}.lec-slide-marp .marp-slide-wrapper table{border-collapse:collapse;width:100%;margin:.8em 0}.lec-slide-marp .marp-slide-wrapper th,.lec-slide-marp .marp-slide-wrapper td{text-align:left;border:1px solid #d1d5db;padding:.5em .8em}.lec-slide-marp .marp-slide-wrapper th{background:#f3f4f6;font-weight:600}.lec-slide-marp .marp-slide-wrapper code{background:#f3f4f6;border-radius:3px;padding:.1em .4em;font-size:.9em}.lec-slide-marp .marp-slide-wrapper pre code{border-radius:8px;padding:1em;display:block;overflow-x:auto}.lec-slide-marp .marp-slide-wrapper blockquote{border-left:4px solid var(--primary-color);color:#6b7280;margin:.8em 0;padding-left:1em;font-style:italic}.lec-slide-creative .creative-slide-wrapper{border-radius:12px;overflow:hidden}.lec-slide-creative .creative-slide-iframe{border:none;width:100%;height:100%;display:block}.lec-narration-editor{flex-shrink:0;padding:0 60px 8px;animation:.2s ease-out lecFadeIn}.lec-narration-editor-inner{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;max-width:880px;margin:0 auto;padding:12px 16px}.lec-narration-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.lec-narration-title{color:var(--text-secondary);font-size:12px;font-weight:600}.lec-narration-close{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0 4px;font-size:18px;line-height:1;transition:all .15s}.lec-narration-close:hover{color:var(--text-primary);background:var(--panel-bg)}.lec-narration-textarea{border:1px solid var(--border-color);background:var(--bg-color);width:100%;color:var(--text-primary);resize:vertical;border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:13px;line-height:1.5;transition:border-color .2s}.lec-narration-textarea:focus{border-color:var(--primary-color)}.lec-narration-footer{align-items:center;gap:8px;margin-top:8px;display:flex}.lec-narration-voice{border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-primary);cursor:pointer;border-radius:8px;outline:none;padding:6px 10px;font-size:12px}.lec-narration-synth-btn{background:var(--primary-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 16px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.lec-narration-synth-btn:hover{opacity:.85}.lec-narration-synth-btn:disabled{opacity:.5;cursor:not-allowed}.lec-edit-btn{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fffc;cursor:pointer;opacity:0;background:#ffffff26;border:1px solid #fff3;border-radius:8px;align-items:center;gap:4px;padding:5px 12px;font-size:11px;font-weight:600;transition:all .2s;display:flex;position:absolute;bottom:12px;left:12px}.lec-stage:hover .lec-edit-btn{opacity:1}.lec-edit-btn:hover{color:#fff;background:#ffffff40}@media (width<=640px){.lec-page{padding:20px 16px 60px}.lec-input-options{flex-direction:column;align-items:stretch}.lec-create-btn{text-align:center;width:100%}}@media (width<=768px){.lec-stage{padding:8px 8px 0}.lec-stage-nav{display:none}.lec-thumbstrip{justify-content:flex-start;padding:8px 12px}.lec-thumb{width:80px}.lec-gen-bar{padding:8px 12px}.lec-gen-bar-inner{flex-direction:column;align-items:stretch}.lec-done-actions{justify-content:center}.lec-input-card{border-radius:16px}.lec-hero-title{font-size:24px}.lec-narration-editor{padding:0 12px 8px}.lec-edit-btn{opacity:1}}