@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap";:root{--color-background: #000000;--color-background-elevated: #0a0a0a;--color-background-card: #111111;--color-background-hover: #1a1a1a;--color-text-primary: #FFFFFF;--color-text-secondary: #a0a0a0;--color-text-muted: #666666;--color-neon-pink: #F25CFA;--color-mint-green: #4DE398;--color-mustard-yellow: #FFD13D;--color-vibrant-purple: #E85CFF;--color-sky-blue: #4EA6F0;--gradient-primary: linear-gradient(135deg, var(--color-vibrant-purple) 0%, var(--color-neon-pink) 100%);--gradient-secondary: linear-gradient(135deg, var(--color-sky-blue) 0%, var(--color-mint-green) 100%);--gradient-accent: linear-gradient(135deg, var(--color-mustard-yellow) 0%, var(--color-neon-pink) 100%);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-display: "Outfit", var(--font-family);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 8px 10px -6px rgba(0, 0, 0, .6);--shadow-glow-pink: 0 0 20px rgba(242, 92, 250, .4);--shadow-glow-blue: 0 0 20px rgba(78, 166, 240, .4);--shadow-glow-green: 0 0 20px rgba(77, 227, 152, .4);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 100;--z-modal: 200;--z-toast: 300;--z-tooltip: 400}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--color-sky-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-neon-pink)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}:focus-visible{outline:2px solid var(--color-sky-blue);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background-elevated)}::-webkit-scrollbar-thumb{background:var(--color-background-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-vibrant-purple);color:var(--color-text-primary)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-fade-in-up{animation:fadeInUp var(--transition-normal) ease-out}.animate-fade-in-down{animation:fadeInDown var(--transition-normal) ease-out}.animate-scale-in{animation:scaleIn var(--transition-normal) ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-family);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;text-decoration:none;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);height:36px}.btn--md{font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-lg);height:44px}.btn--lg{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-xl);height:52px}.btn--primary{background:var(--gradient-primary);color:var(--color-text-primary);box-shadow:var(--shadow-md),var(--shadow-glow-pink)}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #f25cfa80}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background:var(--color-background-card);color:var(--color-text-primary);border:1px solid rgba(255,255,255,.15)}.btn--secondary:hover:not(:disabled){background:var(--color-background-hover);border-color:#ffffff40;transform:translateY(-2px)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--color-background-hover);color:var(--color-text-primary)}.btn--danger{background:linear-gradient(135deg,#ff4d4d,#ff1a1a);color:var(--color-text-primary)}.btn--danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 20px #ff4d4d66}.btn--full-width{width:100%}.btn--icon-only{padding:var(--spacing-sm)}.btn--icon-only.btn--sm{width:36px}.btn--icon-only.btn--md{width:44px}.btn--icon-only.btn--lg{width:52px}.btn__icon{display:flex;align-items:center;justify-content:center}.btn__icon svg{width:20px;height:20px}.btn--sm .btn__icon svg{width:16px;height:16px}.btn--lg .btn__icon svg{width:24px;height:24px}.btn--loading{pointer-events:none}.btn__spinner{display:flex;align-items:center;justify-content:center}.btn__spinner svg{width:20px;height:20px}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn:active:after{width:300px;height:300px}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg);animation:fadeIn var(--transition-fast) ease-out}.modal{background:var(--color-background-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:scaleIn var(--transition-normal) ease-out}.modal--sm{max-width:400px}.modal--md{max-width:600px}.modal--lg{max-width:800px}.modal--xl{max-width:1000px}.modal--full{max-width:95vw;max-height:95vh}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid rgba(255,255,255,.08)}.modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.modal__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.modal__close:hover{background:var(--color-background-hover);color:var(--color-text-primary)}.modal__close svg{width:20px;height:20px}.modal__content{padding:var(--spacing-xl);overflow-y:auto;flex:1}.modal__content:first-child{padding-top:var(--spacing-xl)}.modal--image .modal__content{padding:0;display:flex;align-items:center;justify-content:center;background:var(--color-background)}.modal--image img{max-width:100%;max-height:80vh;object-fit:contain}.progress-bar{width:100%}.progress-bar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.progress-bar__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.progress-bar__percentage{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.progress-bar__track{width:100%;background:var(--color-background-hover);border-radius:var(--radius-full);overflow:hidden}.progress-bar--sm .progress-bar__track{height:4px}.progress-bar--md .progress-bar__track{height:8px}.progress-bar--lg .progress-bar__track{height:12px}.progress-bar__fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-normal);position:relative;overflow:hidden}.progress-bar__fill--primary{background:var(--gradient-primary)}.progress-bar__fill--secondary{background:var(--gradient-secondary)}.progress-bar__fill--accent{background:var(--gradient-accent)}.progress-bar__shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 1.5s infinite;background-size:200% 100%}.processing-status{display:flex;flex-direction:column;gap:var(--spacing-md)}.processing-step{display:flex;align-items:flex-start;gap:var(--spacing-md)}.processing-step__icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-normal)}.processing-step.pending .processing-step__icon{background:var(--color-background-hover);color:var(--color-text-muted)}.processing-step.processing .processing-step__icon{background:#4ea6f033;color:var(--color-sky-blue)}.processing-step.complete .processing-step__icon{background:#4de39833;color:var(--color-mint-green)}.processing-step__icon svg{width:18px;height:18px}.step-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:rotate 1s linear infinite}.processing-step__content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);padding-top:6px}.processing-step__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.processing-step.processing .processing-step__label{color:var(--color-text-primary)}.processing-step.complete .processing-step__label{color:var(--color-mint-green)}.geometric-shapes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.geometric-shapes--workspace{opacity:.6}.shape{position:absolute;transition:all var(--transition-slow)}.shape--lines{top:10%;left:5%;display:flex;gap:12px;transform:rotate(-45deg);animation:float 6s ease-in-out infinite}.shape--lines .line{width:4px;height:80px;background:var(--color-neon-pink);border-radius:var(--radius-full);opacity:.8}.shape--lines .line:nth-child(2){height:60px;animation-delay:.1s}.shape--lines .line:nth-child(3){height:100px;animation-delay:.2s}.shape--lines .line:nth-child(4){height:70px;animation-delay:.3s}.shape--semicircle{width:200px;height:100px;border-radius:200px 200px 0 0;top:20%;right:15%;animation:float 8s ease-in-out infinite;animation-delay:1s}.shape--semicircle.shape--mint{background:var(--color-mint-green);opacity:.7}.shape--rectangle{width:120px;height:80px;border-radius:var(--radius-md);bottom:30%;left:10%;transform:rotate(15deg);animation:float 7s ease-in-out infinite;animation-delay:2s}.shape--rectangle.shape--yellow{background:var(--color-mustard-yellow);opacity:.6}.shape--triangle{width:0;height:0;border-left:60px solid transparent;border-right:60px solid transparent;bottom:15%;right:10%;animation:float 9s ease-in-out infinite;animation-delay:.5s}.shape--triangle.shape--purple{border-bottom:100px solid var(--color-vibrant-purple);opacity:.7}.shape--arch{width:100px;height:50px;border-radius:100px 100px 0 0;top:60%;right:25%;animation:float 6s ease-in-out infinite;animation-delay:1.5s}.shape--arch.shape--blue{background:var(--color-sky-blue);opacity:.6}.shape--circle{border-radius:50%;animation:float 5s ease-in-out infinite}.shape--circle-1{width:40px;height:40px;top:8%;right:30%;animation-delay:.3s}.shape--circle-2{width:25px;height:25px;bottom:40%;left:20%;animation-delay:.8s}.shape--circle-3{width:35px;height:35px;top:45%;left:8%;animation-delay:1.2s}.shape--yellow{background:var(--color-mustard-yellow);opacity:.7}.shape--blue{background:var(--color-sky-blue);opacity:.7}.shape--pink{background:var(--color-neon-pink);opacity:.7}.noise-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");pointer-events:none}@media(max-width:768px){.shape--semicircle{width:120px;height:60px}.shape--rectangle{width:80px;height:50px}.shape--lines{left:3%;gap:8px}.shape--lines .line{width:3px;height:50px}}.header-menu{position:relative}.header-menu-trigger{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-background-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;color:var(--color-text-primary)}.header-menu-trigger:hover,.header-menu-trigger.active{border-color:#fff3;background:#ffffff0d}.menu-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent-blue));display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff}.menu-channel-name{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-arrow{width:16px;height:16px;color:var(--color-text-muted);transition:transform .2s ease}.menu-arrow.open{transform:rotate(180deg)}.header-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--color-background-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--spacing-xs);z-index:100;box-shadow:0 8px 24px #0006;animation:dropdownFadeIn .2s ease}.menu-section{display:flex;flex-direction:column}.menu-divider{height:1px;background:#ffffff14;margin:var(--spacing-xs) 0}.menu-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:left;width:100%;transition:all .15s ease}.menu-item:hover{background:#ffffff0d;color:var(--color-text-primary)}.menu-item svg{width:18px;height:18px;flex-shrink:0}.menu-item-danger{color:var(--color-accent-red)}.menu-item-danger:hover{background:#ff47571a;color:var(--color-accent-red)}.menu-credits{padding:var(--spacing-sm) var(--spacing-md);text-align:center}.credits-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:4px}.credits-value{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-accent-blue)}.menu-item-highlight{color:var(--color-accent-yellow)}.menu-item-highlight:hover{background:#ffd13d1a;color:var(--color-accent-yellow)}.menu-item-primary{color:var(--color-neon-pink)}.menu-item-primary:hover{background:#f25cfa1a;color:var(--color-neon-pink)}@media(max-width:640px){.menu-channel-name{display:none}.header-menu-trigger{padding:var(--spacing-xs)}.header-menu-dropdown{right:-8px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);position:relative}.login-content{position:relative;z-index:1;width:100%;max-width:480px}.login-card{background:#111111e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);padding:var(--spacing-3xl);text-align:center}.login-logo{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.logo-icon{width:72px;height:72px}.logo-icon svg{width:100%;height:100%}.logo-text{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.login-hero{margin-bottom:var(--spacing-2xl)}.login-hero h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.3;margin-bottom:var(--spacing-md)}.login-hero p{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0}.login-features{display:flex;justify-content:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.feature{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.feature-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-normal)}.feature:hover .feature-icon{transform:scale(1.1)}.feature-icon svg{width:22px;height:22px}.feature span{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.login-promo{margin-bottom:var(--spacing-xl)}.promo-badge{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#f25cfa26,#4ea6f026);border:1px solid rgba(242,92,250,.3);border-radius:var(--radius-xl);position:relative;overflow:hidden;animation:promo-pulse 2s ease-in-out infinite}.promo-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:promo-shine 3s ease-in-out infinite}@keyframes promo-pulse{0%,to{box-shadow:0 0 #f25cfa66}50%{box-shadow:0 0 20px 2px #f25cfa33}}@keyframes promo-shine{0%{left:-100%}50%,to{left:100%}}.promo-icon{font-size:28px;animation:promo-bounce 1s ease-in-out infinite}@keyframes promo-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.promo-text{display:flex;flex-direction:column;text-align:left}.promo-text strong{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);background:linear-gradient(90deg,var(--color-neon-pink),var(--color-sky-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.promo-subtext{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.login-terms{margin-top:var(--spacing-lg);font-size:var(--font-size-xs);color:var(--color-text-muted)}.login-terms a{color:var(--color-text-secondary);text-decoration:underline;text-underline-offset:2px}.login-terms a:hover{color:var(--color-text-primary)}@media(max-width:480px){.login-card{padding:var(--spacing-xl)}.login-hero h2{font-size:var(--font-size-xl)}.login-features{gap:var(--spacing-md)}.feature-icon{width:40px;height:40px}}.onboarding-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);position:relative}.onboarding-content{position:relative;z-index:1;width:100%;max-width:560px;background:#111111e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);padding:var(--spacing-3xl)}.onboarding-header{text-align:center;margin-bottom:var(--spacing-2xl)}.onboarding-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.onboarding-header p{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0}.onboarding-header .back-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--spacing-md)}.onboarding-header .back-button:hover{border-color:#fff3;color:var(--color-text-primary);background:#ffffff0d}.onboarding-header .back-button svg{width:16px;height:16px}.step-indicator{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.step{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background:var(--color-background-hover);color:var(--color-text-muted);transition:all var(--transition-normal)}.step.active{background:var(--gradient-primary);color:var(--color-text-primary);box-shadow:var(--shadow-glow-pink)}.step.completed{background:var(--color-mint-green);color:var(--color-background)}.step-line{width:40px;height:2px;background:var(--color-background-hover);border-radius:var(--radius-full)}.onboarding-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.required{color:var(--color-neon-pink)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-background-elevated);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-md);transition:all var(--transition-fast)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-sky-blue);box-shadow:0 0 0 3px #4ea6f026}.form-group textarea{resize:vertical;min-height:100px}.select-wrapper{position:relative}.select-wrapper select{appearance:none;-webkit-appearance:none;padding-right:var(--spacing-3xl);cursor:pointer}.select-arrow{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-text-muted);pointer-events:none}.form-group.has-error input,.form-group.has-error textarea,.form-group.has-error select{border-color:#ff4d4d}.error-message{font-size:var(--font-size-sm);color:#ff4d4d}.helper-text{font-size:var(--font-size-xs);color:var(--color-text-muted)}.url-analyzer{background:linear-gradient(135deg,#ff66c414,#4ea6f014);padding:var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid rgba(255,102,196,.2)}.url-analyzer label{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-neon-pink)}.magic-icon{width:18px;height:18px}.url-input-group{display:flex;gap:var(--spacing-sm)}.url-input-group input{flex:1}.url-input-group .btn{white-space:nowrap}.loading-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;margin-right:var(--spacing-xs)}.form-divider{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-sm) 0}.form-divider:before,.form-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.form-divider span{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.style-preview{background:linear-gradient(135deg,#8b5cf614,#4ea6f014);padding:var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid rgba(139,92,246,.2)}.style-preview h4{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neon-pink);margin:0 0 var(--spacing-md) 0}.style-preview h4 svg{width:16px;height:16px}.style-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.style-tag{padding:var(--spacing-sm) var(--spacing-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}.style-tag strong{color:var(--color-text-primary);margin-right:var(--spacing-xs)}.style-summary{margin:var(--spacing-md) 0 0 0;padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.08);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic}.label-hint{font-weight:var(--font-weight-normal);color:var(--color-text-muted);font-size:var(--font-size-xs);margin-left:var(--spacing-xs)}.category-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.category-chip{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background-elevated);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.category-chip:hover{border-color:#fff3;color:var(--color-text-primary);background:#ffffff0d}.category-chip.selected{background:linear-gradient(135deg,#ff66c433,#4ea6f033);border-color:var(--color-neon-pink);color:var(--color-text-primary)}.category-chip svg{width:14px;height:14px;color:var(--color-mint-green)}@media(max-width:640px){.onboarding-page{padding:var(--spacing-md);align-items:flex-start;padding-top:var(--spacing-3xl)}.onboarding-content{padding:var(--spacing-lg);border-radius:var(--radius-xl)}.onboarding-header{margin-bottom:var(--spacing-lg)}.onboarding-header h1{font-size:var(--font-size-lg);line-height:1.4}.onboarding-header p{font-size:var(--font-size-sm)}.onboarding-form{gap:var(--spacing-md)}.form-group input,.form-group textarea,.form-group select{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.form-group textarea{min-height:80px}}@media(max-width:480px){.onboarding-page{padding:var(--spacing-sm);padding-top:var(--spacing-xl)}.onboarding-content{padding:var(--spacing-md)}.onboarding-header h1{font-size:var(--font-size-md)}.step{width:26px;height:26px;font-size:11px}.step-line{width:20px}.step-indicator{margin-bottom:var(--spacing-md)}}.landing-page{min-height:100vh;display:flex;flex-direction:column;position:relative}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--spacing-md) var(--spacing-lg);background:#000c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.nav-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.nav-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4xl) var(--spacing-lg);padding-top:calc(var(--spacing-4xl) + 60px);position:relative;z-index:1}.hero-container{max-width:900px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#f25cfa1a;border:1px solid rgba(242,92,250,.3);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-neon-pink);margin-bottom:var(--spacing-xl)}.badge-icon{font-size:var(--font-size-md)}.hero-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-lg)}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-2xl);max-width:700px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-3xl)}.hero-stats{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-2xl);background:var(--color-background-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-2xl);max-width:600px;margin:0 auto}.stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.stat-divider{width:1px;height:40px;background:#ffffff1a}.features-section{padding:var(--spacing-4xl) var(--spacing-lg);position:relative;z-index:1}.features-container{max-width:1100px;margin:0 auto}.section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--spacing-3xl)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.feature-card{padding:var(--spacing-xl);background:var(--color-background-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-normal)}.feature-card:hover{border-color:#ffffff26;transform:translateY(-4px)}.feature-icon{width:56px;height:56px;margin:0 auto var(--spacing-lg);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.feature-icon svg{width:28px;height:28px}.feature-icon--pink{background:#f25cfa26;color:var(--color-neon-pink)}.feature-icon--blue{background:#4ea6f026;color:var(--color-sky-blue)}.feature-icon--green{background:#4de39826;color:var(--color-mint-green)}.feature-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.feature-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.how-section{padding:var(--spacing-4xl) var(--spacing-lg);position:relative;z-index:1;background:var(--color-background-elevated)}.how-container{max-width:1100px;margin:0 auto}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.step-card{position:relative;text-align:center}.step-number{position:absolute;top:-16px;left:50%;transform:translate(-50%);width:40px;height:40px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);z-index:1;box-shadow:var(--shadow-glow-pink)}.step-image{aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);background:var(--color-background-card)}.step-image img{width:100%;height:100%;object-fit:cover}.step-image--placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f25cfa1a,#4ea6f01a);border:1px solid rgba(255,255,255,.1)}.step-image--placeholder svg{width:80px;height:80px;color:#f25cfa99}.step-card h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.step-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.cta-section{padding:var(--spacing-4xl) var(--spacing-lg);position:relative;z-index:1}.cta-container{max-width:600px;margin:0 auto;text-align:center;padding:var(--spacing-3xl);background:var(--gradient-primary);border-radius:var(--radius-2xl)}.cta-container h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.cta-container p{font-size:var(--font-size-md);color:#fffc;margin-bottom:var(--spacing-xl)}.cta-container .btn--primary{background:#fff;color:#000;box-shadow:none}.cta-container .btn--primary:hover{box-shadow:var(--shadow-lg)}.landing-footer{padding:var(--spacing-xl) var(--spacing-lg);border-top:1px solid rgba(255,255,255,.05);position:relative;z-index:1}.footer-logo{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.footer-copyright{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.footer-links{display:flex;align-items:center;gap:var(--spacing-sm)}.footer-link{background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:color .2s ease}.footer-link:hover{color:var(--color-text-primary)}.footer-divider{color:var(--text-muted);opacity:.5}.footer-contact{color:var(--text-secondary);font-size:.875rem;text-decoration:none;transition:color .2s ease}.footer-contact:hover{color:var(--primary-purple)}@media(max-width:768px){.nav-actions .btn--ghost{display:none}.hero-section{padding-top:calc(var(--spacing-3xl) + 60px)}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-md)}.hero-subtitle br{display:none}.hero-cta{flex-direction:column;align-items:center}.hero-cta .btn{width:100%;max-width:280px}.hero-stats{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.stat-divider{width:60px;height:1px}.features-grid,.steps-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.section-title{font-size:var(--font-size-2xl)}.footer-container{flex-direction:column;gap:var(--spacing-md);text-align:center}}@media(max-width:480px){.hero-title{font-size:var(--font-size-2xl)}.hero-badge{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-md)}.cta-container{padding:var(--spacing-xl)}.cta-container h2{font-size:var(--font-size-xl)}}.video-uploader{display:flex;flex-direction:column;gap:var(--spacing-lg)}.uploader-title{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.backend-badge{margin-left:auto;padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg,#4de39826,#4ea6f026);border:1px solid rgba(77,227,152,.3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-mint-green)}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-3xl) var(--spacing-xl);background:var(--color-background-elevated);border:2px dashed rgba(255,255,255,.15);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal);text-align:center}.upload-zone:hover{border-color:var(--color-sky-blue);background:#4ea6f00d}.upload-zone.dragging{border-color:var(--color-mint-green);background:#4de39814;transform:scale(1.01)}.upload-icon{width:80px;height:80px;color:var(--color-text-muted);transition:all var(--transition-normal)}.upload-zone:hover .upload-icon{color:var(--color-sky-blue);transform:translateY(-4px)}.upload-zone.dragging .upload-icon{color:var(--color-mint-green)}.upload-icon svg{width:100%;height:100%}.upload-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.upload-main{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.upload-sub{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.upload-formats{display:flex;gap:var(--spacing-lg);font-size:var(--font-size-xs);color:var(--color-text-muted)}.file-selected{display:flex;flex-direction:column;gap:var(--spacing-lg)}.file-info{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-background-elevated);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg)}.file-thumbnail{width:56px;height:56px;background:var(--gradient-secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-thumbnail svg{width:28px;height:28px;color:var(--color-text-primary)}.file-details{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.file-name{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.file-remove{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.file-remove:hover{background:#ff4d4d26;color:#ff4d4d}.file-remove svg{width:18px;height:18px}.processing-section{padding:var(--spacing-lg);background:var(--color-background-elevated);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg)}.processing-section h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}@media(max-width:640px){.video-uploader{gap:var(--spacing-md)}.uploader-title{font-size:var(--font-size-md);gap:var(--spacing-sm)}.step-badge{width:24px;height:24px;font-size:var(--font-size-xs)}.upload-zone{padding:var(--spacing-xl) var(--spacing-md);gap:var(--spacing-md)}.upload-icon{width:56px;height:56px}.upload-main{font-size:var(--font-size-md)}.upload-sub{font-size:var(--font-size-xs)}.upload-formats{flex-direction:column;gap:var(--spacing-xs)}.file-info{padding:var(--spacing-md);gap:var(--spacing-sm)}.file-thumbnail{width:44px;height:44px}.file-thumbnail svg{width:22px;height:22px}.file-name{font-size:var(--font-size-sm)}.file-size{font-size:var(--font-size-xs)}.processing-section{padding:var(--spacing-md)}}.style-selector{display:flex;flex-direction:column;gap:var(--spacing-lg)}.selector-title{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.selector-subtitle{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0}.style-options{display:flex;flex-direction:column;gap:var(--spacing-md)}.style-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-background-elevated);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal)}.style-option:hover{border-color:#ffffff26;transform:translate(4px)}.style-option.active{border-color:var(--color-sky-blue);background:#4ea6f014}.style-option--green.active{border-color:var(--color-mint-green);background:#4de39814}.style-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-normal)}.style-option--blue .style-icon{background:#4ea6f026;color:var(--color-sky-blue)}.style-option--green .style-icon{background:#4de39826;color:var(--color-mint-green)}.style-icon svg{width:22px;height:22px}.style-content{flex:1;min-width:0}.style-content h4{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-xs) 0}.style-content p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.style-check{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all var(--transition-normal);flex-shrink:0}.style-option.active .style-check{opacity:1;transform:scale(1);border-color:var(--color-mint-green);background:var(--color-mint-green)}.style-check svg{width:14px;height:14px;color:var(--color-background)}.trend-presets{padding:var(--spacing-lg);background:var(--color-background-elevated);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg)}.trend-presets h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-md) 0;color:var(--color-text-secondary)}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.preset-card{background:var(--color-background-card);border:2px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);overflow:hidden}.preset-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.preset-card.active{border-color:var(--color-sky-blue);box-shadow:var(--shadow-glow-blue)}.preset-image{position:relative;aspect-ratio:16 / 9;overflow:hidden}.preset-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.preset-card:hover .preset-image img{transform:scale(1.05)}.preset-overlay{position:absolute;inset:0;background:#4ea6f0cc;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.preset-card.active .preset-overlay{opacity:1}.preset-overlay svg{width:32px;height:32px;color:#fff}.preset-info{padding:var(--spacing-sm) var(--spacing-md)}.preset-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.preset-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.preset-tag{font-size:10px;color:var(--color-text-muted);background:#ffffff0d;padding:2px 6px;border-radius:var(--radius-sm)}.custom-url{padding:var(--spacing-lg);background:var(--color-background-elevated);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg)}.custom-url label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.url-input-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);transition:all var(--transition-fast)}.url-input-wrapper:focus-within{border-color:var(--color-sky-blue)}.url-input-wrapper svg{width:20px;height:20px;color:var(--color-text-muted);flex-shrink:0}.url-input-wrapper input{flex:1;background:transparent;border:none;color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);outline:none;min-width:0}.url-input-wrapper input::placeholder{color:var(--color-text-muted)}.url-helper{display:block;margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-muted)}@media(max-width:768px){.preset-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.style-option{padding:var(--spacing-md)}.style-icon{width:36px;height:36px}.style-icon svg{width:18px;height:18px}.style-content p{font-size:var(--font-size-xs)}.preset-grid{grid-template-columns:1fr}.preset-card{display:flex;align-items:center}.preset-image{width:100px;flex-shrink:0}.preset-info{flex:1}}.realtime-data-button{background:linear-gradient(135deg,#4ea6f033,#f25cfa33);border:1px solid rgba(78,166,240,.4);color:var(--color-text-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.realtime-data-button:hover{background:linear-gradient(135deg,#4ea6f04d,#f25cfa4d);border-color:var(--color-sky-blue);transform:scale(1.02)}.saved-presets-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.saved-presets-header h4{margin:0;color:var(--color-neon-pink)}.saved-presets-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.empty-presets{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-text-muted);border:2px dashed rgba(255,255,255,.1);border-radius:var(--radius-lg)}.empty-presets p{margin:0;font-size:var(--font-size-sm)}.preset-candidate-button{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);background:#0009;border:2px solid rgba(255,255,255,.3);color:#ffffffe6;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);opacity:0}.preset-card:hover .preset-candidate-button{opacity:1}.preset-candidate-button.added{background:var(--color-sky-blue);border-color:var(--color-sky-blue);color:#fff;opacity:1}.preset-candidate-button.added:hover{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.preset-candidate-button svg{width:14px;height:14px}.delete-confirm-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeIn .15s ease-out}.delete-confirm-modal{background:var(--color-background-elevated);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:400px;width:90%;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.delete-confirm-modal h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.delete-confirm-modal p{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.delete-confirm-buttons{display:flex;gap:var(--spacing-md);justify-content:flex-end}.delete-confirm-cancel,.delete-confirm-delete{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.delete-confirm-cancel{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--color-text-secondary)}.delete-confirm-cancel:hover{background:#ffffff1a;border-color:#ffffff4d}.delete-confirm-delete{background:linear-gradient(135deg,#ff6b6b,#ff4757);border:none;color:#fff}.delete-confirm-delete:hover{background:linear-gradient(135deg,#ff4757,#ff3838);transform:translateY(-1px)}.analyze-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--color-sky-blue),var(--color-neon-pink));border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-family:var(--font-family);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.analyze-button:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #4ea6f066}.analyze-button:disabled{opacity:.5;cursor:not-allowed}.analyze-button.loading{background:linear-gradient(135deg,#4ea6f099,#f25cfa99)}.loading-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.analysis-error{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#ff6b6b26;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-md);color:#ff6b6b;font-size:var(--font-size-sm)}.url-analysis-results{margin-top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.analysis-section{background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--spacing-md)}.analysis-section h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.video-info-card{display:flex;gap:var(--spacing-md)}.video-thumbnail{flex-shrink:0;width:160px;border-radius:var(--radius-md);overflow:hidden}.video-thumbnail img{width:100%;aspect-ratio:16/9;object-fit:cover}.video-details{flex:1;min-width:0}.video-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.video-meta span{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.video-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.video-tag{font-size:var(--font-size-xs);color:var(--color-sky-blue);background:#4ea6f01a;padding:2px 6px;border-radius:var(--radius-sm)}.ctr-score-display{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:#4de3981a;border-radius:var(--radius-md)}.score-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap}.score-bar{flex:1;height:8px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.score-fill{height:100%;background:linear-gradient(90deg,var(--color-mint-green),var(--color-sky-blue));border-radius:var(--radius-full);transition:width .5s ease-out}.score-value{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-mint-green);white-space:nowrap}.analysis-item{margin-bottom:var(--spacing-md)}.analysis-item:last-child{margin-bottom:0}.analysis-item .item-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.analysis-item .item-content{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.analysis-item.highlight{padding:var(--spacing-sm);background:linear-gradient(135deg,#a855f71a,#ec48991a);border:1px solid rgba(168,85,247,.2);border-radius:var(--radius-md)}.analysis-item-row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.analysis-item.half{flex:1;margin-bottom:0}.tag-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.analysis-tag{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.analysis-tag.element{background:#4ea6f026;color:var(--color-sky-blue)}.analysis-tag.ctr{background:#f25cfa26;color:var(--color-neon-pink)}.analysis-tag.replicable{background:#a855f733;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.color-palette{display:flex;gap:var(--spacing-sm)}.color-swatch{width:32px;height:32px;border-radius:var(--radius-md);border:2px solid rgba(255,255,255,.2);cursor:help;transition:transform var(--transition-fast)}.color-swatch:hover{transform:scale(1.1)}.emotion-badge,.expression-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:#4de39826;color:var(--color-mint-green);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.expression-badge{background:#fbbf2426;color:#fbbf24}.generation-prompt-hint{margin-top:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(135deg,#4ea6f01a,#4de3981a);border:1px dashed rgba(78,166,240,.3);border-radius:var(--radius-md)}.hint-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-sky-blue);margin-bottom:var(--spacing-xs)}.hint-content{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;line-height:1.5}.analysis-footer{text-align:right}.analysis-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media(max-width:640px){.video-info-card{flex-direction:column}.video-thumbnail{width:100%}.analysis-item-row{flex-direction:column}.analyze-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}}.trend-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.trend-modal-container{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:20px;width:95%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 80px #00000080;border:1px solid rgba(255,255,255,.1);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.trend-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.trend-modal-title{display:flex;align-items:center;gap:12px}.trend-modal-title svg{width:24px;height:24px;color:#00d9ff}.trend-modal-title h2{font-size:18px;font-weight:700;color:#fff;margin:0}.trend-modal-close{background:#ffffff1a;border:none;width:36px;height:36px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.trend-modal-close:hover{background:#ff64644d}.trend-modal-close svg{width:18px;height:18px;color:#fff}.trend-modal-tabs{display:flex;gap:8px;padding:16px 24px;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.1);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.trend-modal-tabs::-webkit-scrollbar{height:4px}.trend-modal-tabs::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.trend-tab{display:flex;align-items:center;gap:6px;padding:10px 18px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#ffffffb3;border-radius:10px;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s;flex-shrink:0}.trend-tab:hover{background:#ffffff1a;color:#fff;border-color:#ffffff40}.trend-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;color:#fff;font-weight:600}.content-type-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#6366f11a;border-bottom:1px solid rgba(99,102,241,.2)}.content-type-desc{font-size:14px;color:#fffc}.content-type-hint{font-size:12px;color:#ffffff80}.trend-modal-content{flex:1;overflow-y:auto;padding:24px}.trend-thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.trend-thumbnail-card{background:#ffffff0d;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.trend-thumbnail-card:hover{transform:translateY(-4px);border-color:#6366f166;box-shadow:0 12px 40px #6366f126}.trend-thumbnail-image{position:relative;aspect-ratio:16/9;overflow:hidden}.trend-thumbnail-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.trend-thumbnail-card:hover .trend-thumbnail-image img{transform:scale(1.05)}.trend-thumbnail-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 50%);display:flex;align-items:flex-end;justify-content:space-between;padding:12px;opacity:0;transition:opacity .2s}.trend-thumbnail-card:hover .trend-thumbnail-overlay{opacity:1}.trend-thumbnail-duration{background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.trend-candidate-button{width:36px;height:36px;border-radius:50%;background:#fffffff2;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 4px 12px #0000004d}.trend-candidate-button:hover:not(.disabled){transform:scale(1.1);background:#fff}.trend-candidate-button.added{background:linear-gradient(135deg,#10b981,#059669)}.trend-candidate-button.added svg{color:#fff}.trend-candidate-button.disabled{opacity:.5;cursor:not-allowed}.trend-candidate-button svg{width:18px;height:18px;color:#1a1a2e}.trend-thumbnail-info{padding:12px}.trend-thumbnail-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.trend-tag{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);color:#c4b5fd;padding:3px 8px;border-radius:12px;font-size:10px;font-weight:600;border:1px solid rgba(139,92,246,.3)}.trend-thumbnail-title{font-size:13px;font-weight:600;color:#fff;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.trend-thumbnail-channel{font-size:11px;color:#fff9;margin:0 0 8px}.trend-thumbnail-stats{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.trend-thumbnail-stats span{font-size:10px;color:#ffffff80}.stat-views{color:#ffffffb3!important}.stat-time{color:#ffffff80!important}.stat-viral{font-size:12px!important;cursor:help}.trend-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:16px}.trend-loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.trend-loading p,.trend-empty p{color:#ffffff80;font-size:14px;text-align:center}.trend-empty{display:flex;align-items:center;justify-content:center;height:300px}.trend-empty-content{display:flex;flex-direction:column;align-items:center;gap:12px}.trend-empty-content svg{width:48px;height:48px;color:#fff3}@media(max-width:768px){.trend-modal-container{width:100%;max-height:100vh;border-radius:0}.trend-thumbnail-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.trend-modal-tabs{padding:12px 16px}.content-type-banner{flex-direction:column;gap:4px;align-items:flex-start}}.generate-options{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--color-background-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);position:relative;z-index:1}.options-title{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.mode-selection{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mode-selection label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.mode-buttons{display:flex;gap:var(--spacing-sm)}.mode-button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-background-elevated);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.mode-button:hover{border-color:#fff3;color:var(--color-text-primary)}.mode-button.active{background:#a855f726;border-color:var(--color-purple);color:var(--color-purple)}.mode-icon{font-size:var(--font-size-lg)}.mode-label{white-space:nowrap}.mode-description{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.count-selection{display:flex;flex-direction:column;gap:var(--spacing-sm)}.count-selection label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.count-buttons{display:flex;gap:var(--spacing-sm)}.count-button{flex:1;padding:var(--spacing-md);background:var(--color-background-elevated);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.count-button:hover:not(.disabled){border-color:#fff3;color:var(--color-text-primary)}.count-button.active{background:#4ea6f026;border-color:var(--color-sky-blue);color:var(--color-sky-blue)}.count-button.disabled{opacity:.4;cursor:not-allowed}.count-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.count-hint.error{color:var(--color-coral-pink)}.not-ready-message{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}@media(max-width:640px){.generate-options{padding:var(--spacing-md);gap:var(--spacing-md);border-radius:var(--radius-lg)}.options-title{font-size:var(--font-size-md);gap:var(--spacing-sm)}.mode-buttons{flex-direction:column}.mode-button{padding:var(--spacing-sm)}.count-button{padding:var(--spacing-sm);font-size:var(--font-size-sm)}.not-ready-message{font-size:var(--font-size-xs)}}.kf-selector{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg)}.kf-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.kf-header h4{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.kf-count{padding:2px 8px;background:#a855f726;border-radius:var(--radius-sm);font-size:11px;font-weight:600;color:#a855f7}.kf-count.full{background:#22c55e26;color:#22c55e}.kf-guide{margin:0 0 var(--spacing-sm) 0;font-size:11px;color:var(--color-text-muted)}.kf-guide strong{color:var(--color-neon-pink)}.kf-tabs{display:flex;gap:4px;margin-bottom:var(--spacing-sm)}.kf-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.kf-tab:hover{background:#ffffff0f}.kf-tab.active{background:#a855f71a;border-color:#a855f74d;color:#a855f7}.kf-tab .tab-icon{font-size:14px}.kf-tab .tab-count{padding:1px 5px;background:#ffffff1a;border-radius:3px;font-size:10px}.kf-tab.active .tab-count{background:#a855f733}.kf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:280px;overflow-y:auto;padding-right:4px}.kf-grid::-webkit-scrollbar{width:4px}.kf-grid::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.kf-item{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .12s}.kf-item:hover{border-color:#ffffff40}.kf-item.selected{border-color:#a855f7;box-shadow:0 0 8px #a855f740}.kf-item.disabled{opacity:.35;pointer-events:none}.kf-item img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.kf-check{position:absolute;top:4px;left:4px;width:18px;height:18px;background:#00000080;border:1.5px solid rgba(255,255,255,.4);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}.kf-check.on{background:#a855f7;border-color:#a855f7}.kf-meta{position:absolute;bottom:0;left:0;right:0;padding:2px 6px;background:linear-gradient(to top,rgba(0,0,0,.65),transparent);display:flex;justify-content:space-between;font-size:9px;color:#fffc;font-family:SF Mono,monospace}.kf-meta .score{color:#fbbf24}.kf-meta .face-badge{color:#60a5fa;margin-left:2px}.kf-selected-bar{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-sm);padding:6px 10px;background:#a855f714;border-radius:var(--radius-md);font-size:11px;color:#a855f7}.kf-thumbs{display:flex;align-items:center;gap:4px}.kf-thumbs img{width:32px;height:18px;object-fit:cover;border-radius:2px;border:1px solid rgba(168,85,247,.4)}.kf-thumbs span{font-size:10px;color:var(--color-text-muted)}@media(max-width:768px){.kf-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.kf-grid{grid-template-columns:repeat(2,1fr)}}.workspace-page{min-height:100vh;display:flex;flex-direction:column;position:relative}.workspace-container{position:relative;flex:1;display:flex;flex-direction:column;max-width:1400px;margin:0 auto;padding:var(--spacing-lg);width:100%}.workspace-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;margin-bottom:var(--spacing-lg)}.header-left{display:flex;align-items:center}.logo-small{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.channel-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full)}.channel-name{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.workspace-main{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xl);position:relative;z-index:1}.workspace-title{text-align:center}.workspace-title h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0}.workspace-title p{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);flex:1}.workspace-panel{display:flex;flex-direction:column}.panel-left,.panel-right{padding:var(--spacing-xl);background:var(--color-background-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl)}.workspace-footer{max-width:600px;margin:0 auto;width:100%}@media(max-width:1024px){.workspace-grid{grid-template-columns:1fr}}@media(max-width:640px){.workspace-container{padding:var(--spacing-md)}.workspace-header{margin-bottom:var(--spacing-md)}.workspace-title h1{font-size:var(--font-size-xl)}.workspace-title p{font-size:var(--font-size-sm)}.workspace-main,.workspace-grid{gap:var(--spacing-md)}.panel-left,.panel-right{padding:var(--spacing-md);border-radius:var(--radius-lg)}.channel-badge{padding:var(--spacing-xs) var(--spacing-sm)}.channel-name{font-size:var(--font-size-xs);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-footer{margin-top:var(--spacing-md)}.header-history-btn span{display:none}.header-history-btn{padding:var(--spacing-sm)}}.keyframes-preview{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.08)}.keyframes-preview h4{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0}.keyframes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.keyframes-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08)}.analysis-preview{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:linear-gradient(135deg,#a855f71a,#ec48991a);border:1px solid rgba(168,85,247,.2);border-radius:var(--radius-lg)}.analysis-preview h4{font-size:var(--font-size-md);margin:0 0 var(--spacing-md) 0;color:var(--color-text-primary)}.hook-keywords,.thumb-copy{margin-bottom:var(--spacing-sm)}.hook-keywords .label,.thumb-copy .label{font-size:var(--font-size-xs);color:var(--color-text-secondary);display:block;margin-bottom:var(--spacing-xs)}.hook-keywords .tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.hook-keywords .tag{padding:var(--spacing-xs) var(--spacing-sm);background:#a855f733;border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-accent-purple)}.thumb-copy .copy{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.thumb-copies{margin-bottom:var(--spacing-sm)}.thumb-copies .label{font-size:var(--font-size-xs);color:var(--color-text-secondary);display:block;margin-bottom:var(--spacing-xs)}.thumb-copies .copy-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.thumb-copies .copy-tag{padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg,#ec489933,#a855f733);border:1px solid rgba(236,72,153,.3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);cursor:pointer;transition:all .2s ease}.thumb-copies .copy-tag:hover{background:linear-gradient(135deg,#ec48994d,#a855f74d);transform:translateY(-1px)}.ffmpeg-loading{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:var(--spacing-sm);font-weight:var(--font-weight-normal)}.thumbnail-timestamps{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}.thumbnail-timestamps .label{font-size:var(--font-size-xs);color:var(--color-text-secondary);display:block;margin-bottom:var(--spacing-xs)}.thumbnail-timestamps .timestamp-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.thumbnail-timestamps .timestamp-tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg,#22c55e26,#10b98126);border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-family:SF Mono,Fira Code,monospace;cursor:help;transition:all .2s ease}.thumbnail-timestamps .timestamp-tag:hover{background:linear-gradient(135deg,#22c55e40,#10b98140);transform:translateY(-1px)}.thumbnail-timestamps .timestamp-tag .score{font-size:var(--font-size-xs);color:#fbbf24;font-weight:var(--font-weight-bold)}.workspace-home{min-height:100vh;display:flex;flex-direction:column;position:relative}.workspace-home-container{position:relative;flex:1;display:flex;flex-direction:column;max-width:1000px;margin:0 auto;padding:var(--spacing-lg);width:100%}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.header-history-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.header-history-btn:hover{background:#ffffff0d;border-color:#ffffff40;color:var(--color-text-primary)}.header-history-btn svg{width:18px;height:18px}.header-history-wrapper{position:relative}.header-history-btn.active{background:#ffffff1a;border-color:var(--color-primary);color:var(--color-text-primary)}.header-history-btn .dropdown-arrow{width:14px;height:14px;margin-left:2px;transition:transform .2s ease}.header-history-btn.active .dropdown-arrow{transform:rotate(180deg)}.history-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));right:0;min-width:200px;background:var(--color-background-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0006;padding:var(--spacing-xs);z-index:100;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.history-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .15s ease;text-align:left}.history-dropdown-item:hover{background:#ffffff14;color:var(--color-text-primary)}.history-dropdown-item svg{width:18px;height:18px;flex-shrink:0}.workspace-home-main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-2xl) 0}.workspace-home-title{text-align:center;margin-bottom:var(--spacing-2xl)}.workspace-home-title h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0;line-height:1.2}.workspace-home-title p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.workspace-tools-grid{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%;max-width:600px}.tool-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--color-background-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);cursor:pointer;transition:all .3s ease;text-align:left}.tool-card-primary{background:linear-gradient(135deg,#a855f71a,#ec48991a);border:1px solid rgba(168,85,247,.3)}.tool-card-primary:hover{background:linear-gradient(135deg,#a855f733,#ec489933);border-color:#a855f780;transform:translateY(-2px);box-shadow:0 8px 24px #a855f733}.tool-card-disabled{opacity:.6;cursor:not-allowed}.tool-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-accent-pink));display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-card-disabled .tool-icon{background:linear-gradient(135deg,#4b5563,#374151)}.tool-icon svg{width:28px;height:28px;color:#fff}.tool-content{flex:1}.tool-content h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary)}.tool-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.tool-arrow{width:40px;height:40px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.tool-card-primary:hover .tool-arrow{background:#a855f74d;transform:translate(4px)}.tool-arrow svg{width:20px;height:20px;color:var(--color-text-secondary)}.tool-card-primary:hover .tool-arrow svg{color:#fff}.tool-card-new{position:relative;overflow:hidden}.tool-card-new:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,rgba(168,85,247,.1) 60deg,transparent 120deg);animation:rotate-gradient 4s linear infinite;pointer-events:none}@keyframes rotate-gradient{to{transform:rotate(360deg)}}.tool-icon-gradient{background:linear-gradient(135deg,#f472b6,#a855f7,#6366f1);background-size:200% 200%;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.new-badge{display:inline-block;padding:2px 8px;background:linear-gradient(135deg,#f472b6,#a855f7);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:#fff;margin-left:var(--spacing-xs);vertical-align:middle;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.coming-soon-badge{padding:var(--spacing-xs) var(--spacing-sm);background:#ffffff1a;border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-muted);flex-shrink:0}@media(max-width:640px){.workspace-home-container{padding:var(--spacing-md)}.workspace-home-title h1{font-size:var(--font-size-2xl)}.workspace-home-title p{font-size:var(--font-size-md)}.tool-card{padding:var(--spacing-lg);flex-direction:column;text-align:center}.tool-content{text-align:center}.tool-arrow,.header-history-btn span{display:none}.header-history-btn{padding:var(--spacing-sm)}}.header-home-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.header-home-btn:hover{background:#a855f726;border-color:#a855f766;color:var(--color-accent-purple)}.header-home-btn svg{width:20px;height:20px}.header-divider{width:1px;height:24px;background:#ffffff26;margin:0 var(--spacing-md)}.long2short-page .header-left{display:flex;align-items:center}.long2short-page .workspace-panel,.long2short-page .workspace-grid{flex:0 0 auto}.panel-title{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-lg) 0}.step-badge{width:28px;height:28px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.l2s-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-3xl) var(--spacing-xl);background:var(--color-background-elevated);border:2px dashed rgba(255,255,255,.15);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal);text-align:center}.l2s-upload-zone:hover{border-color:var(--color-sky-blue);background:#4ea6f00d}.l2s-upload-zone.drag-over{border-color:var(--color-mint-green);background:#4de39814;transform:scale(1.01)}.l2s-upload-zone.has-file{border-style:solid;border-color:var(--color-mint-green)}.l2s-upload-icon{width:80px;height:80px;color:var(--color-text-muted);transition:all var(--transition-normal)}.l2s-upload-zone:hover .l2s-upload-icon{color:var(--color-sky-blue);transform:translateY(-4px)}.l2s-upload-icon svg{width:100%;height:100%}.l2s-upload-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.l2s-upload-main{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.l2s-upload-sub{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.l2s-video-preview{width:100%}.l2s-video-preview video{width:100%;max-height:280px;border-radius:var(--radius-lg);object-fit:contain;background:#000}.l2s-file-info{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background-elevated);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg)}.l2s-file-icon{width:44px;height:44px;background:var(--gradient-secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.l2s-file-icon svg{width:22px;height:22px;color:#fff}.l2s-file-details{flex:1;min-width:0}.l2s-file-name{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.l2s-file-size{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.l2s-options{display:flex;flex-direction:column;gap:var(--spacing-xl)}.l2s-option-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.l2s-option-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.l2s-option-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.l2s-option-buttons button{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background-elevated);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.l2s-option-buttons button:hover{background:#ffffff14;border-color:#fff3;color:var(--color-text-primary)}.l2s-option-buttons button.active{background:var(--gradient-primary);border-color:transparent;color:#fff}.l2s-option-buttons button:disabled{background:#ffffff08;border-color:#ffffff0d;color:#ffffff40;cursor:not-allowed;opacity:.5}.l2s-option-buttons button:disabled:hover{background:#ffffff08;border-color:#ffffff0d;color:#ffffff40;transform:none}.l2s-option-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.l2s-precheck-loading{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#a855f726,#4ea6f026);border:1px solid rgba(168,85,247,.3);border-radius:var(--radius-lg);animation:pulse-border 2s ease-in-out infinite}.l2s-precheck-loading span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.l2s-precheck-spinner{width:20px;height:20px;border:2px solid rgba(168,85,247,.3);border-top-color:var(--color-accent-purple);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes pulse-border{0%,to{border-color:#a855f74d;box-shadow:0 0 10px #a855f71a}50%{border-color:#4ea6f080;box-shadow:0 0 20px #4ea6f033}}.l2s-analyzing{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:#4ea6f01a;border:1px solid rgba(78,166,240,.3);border-radius:var(--radius-lg)}.l2s-analyzing .spinner{width:32px;height:32px;border:3px solid rgba(78,166,240,.3);border-top-color:var(--color-sky-blue);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.l2s-analyzing-text strong{display:block;font-size:var(--font-size-md);color:var(--color-text-primary)}.l2s-analyzing-text p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:#f87171;max-width:600px;margin:0 auto}.error-banner svg{width:20px;height:20px;flex-shrink:0}.l2s-clips-section{width:100%}.l2s-clips-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.l2s-clips-count{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.l2s-analysis-time{font-size:var(--font-size-sm);color:var(--color-text-muted)}.l2s-clips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.l2s-clip-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-background-card);border:2px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast)}.l2s-clip-card:hover{border-color:#4ea6f04d;background:#4ea6f005}.l2s-clip-card.selected{border-color:var(--color-mint-green);background:#4de3980d}.l2s-clip-checkbox{width:24px;height:24px;flex-shrink:0;border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.l2s-clip-card.selected .l2s-clip-checkbox{background:var(--color-mint-green);border-color:var(--color-mint-green)}.l2s-clip-checkbox svg{width:14px;height:14px;color:#fff}.l2s-clip-content{flex:1;min-width:0}.l2s-clip-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.l2s-clip-time{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:SF Mono,monospace}.l2s-clip-duration{font-size:var(--font-size-xs);padding:2px 8px;background:#ffffff1a;border-radius:var(--radius-full);color:var(--color-text-muted)}.l2s-viral-score{font-size:var(--font-size-xs);padding:2px 8px;background:#ef444426;border-radius:var(--radius-full);color:#f87171;font-weight:var(--font-weight-semibold)}.l2s-edit-mode{font-size:var(--font-size-xs);padding:2px 8px;background:#a855f726;border-radius:var(--radius-full);color:#a855f7;font-weight:var(--font-weight-semibold)}.l2s-clip-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary)}.l2s-clip-hook{font-size:var(--font-size-sm);color:var(--color-accent-pink);margin:0 0 var(--spacing-sm) 0;font-style:italic}.l2s-clip-reason{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0;line-height:1.5}.l2s-clip-transcript{padding:var(--spacing-xs) var(--spacing-sm);background:#ffffff08;border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-muted)}.l2s-rendering-section{max-width:500px;margin:0 auto}.l2s-render-progress{display:flex;flex-direction:column;gap:var(--spacing-md)}.l2s-render-item{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-2xl);background:var(--color-background-card);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);color:var(--color-text-muted)}.l2s-render-item.active{border-color:#4ea6f080;background:#4ea6f01a;color:var(--color-sky-blue)}.l2s-render-item.done{color:var(--color-mint-green)}.l2s-render-status{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-family:SF Mono,monospace;font-size:var(--font-size-xl)}.l2s-mini-spinner{display:inline-block;width:24px;height:24px;border:3px solid rgba(78,166,240,.3);border-top-color:var(--color-sky-blue);border-radius:50%;animation:spin .8s linear infinite}.l2s-render-title{flex:1;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.l2s-results-section{width:100%}.l2s-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-lg)}.l2s-result-card{padding:var(--spacing-lg);background:var(--color-background-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl)}.l2s-result-card video{width:100%;aspect-ratio:9/16;max-height:360px;object-fit:contain;background:#000;border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.l2s-result-info{margin-bottom:var(--spacing-md)}.l2s-result-info h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0}.l2s-result-info span{font-size:var(--font-size-sm);color:var(--color-text-muted)}.l2s-download-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.l2s-download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4de3984d}.l2s-download-btn svg{width:18px;height:18px}.l2s-result-card.error{border-color:#ef44444d;background:#ef44440d}.l2s-result-error{text-align:center;padding:var(--spacing-xl)}.l2s-result-error span{font-size:var(--font-size-md);color:#f87171;display:block;margin-bottom:var(--spacing-sm)}.l2s-result-error p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.l2s-footer-buttons{display:flex;justify-content:center;gap:var(--spacing-md)}.l2s-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);background:var(--gradient-primary);border:none;border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 20px #4de3984d}.l2s-primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #4de39866}.l2s-primary-btn:disabled{opacity:.5;cursor:not-allowed}.l2s-primary-btn svg{width:20px;height:20px}.l2s-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast)}.l2s-secondary-btn:hover{background:#ffffff0d;border-color:#ffffff4d;color:var(--color-text-primary)}@media(max-width:768px){.l2s-clips-grid,.l2s-results-grid{grid-template-columns:1fr}.l2s-footer-buttons{flex-direction:column}.l2s-primary-btn,.l2s-secondary-btn{width:100%}}.thumbnail-card{display:flex;flex-direction:column;background:var(--color-background-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal)}.thumbnail-card:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:var(--shadow-lg)}.thumbnail-image{position:relative;aspect-ratio:16 / 9;overflow:hidden;cursor:pointer}.thumbnail-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.thumbnail-card:hover .thumbnail-image img{transform:scale(1.05)}.thumbnail-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.thumbnail-image:hover .thumbnail-overlay{opacity:1}.view-hint{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.view-hint svg{width:18px;height:18px}.thumbnail-actions{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-background-elevated)}.thumbnail-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.thumbnail-grid{display:grid;gap:var(--spacing-lg)}.thumbnail-grid.grid-1{grid-template-columns:1fr;max-width:800px;margin:0 auto}.thumbnail-grid.grid-2,.thumbnail-grid.grid-4{grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.thumbnail-grid.grid-2,.thumbnail-grid.grid-4{grid-template-columns:1fr}}.image-modal .modal__content{padding:0;display:flex;flex-direction:column;background:var(--color-background)}.image-modal-content{display:flex;flex-direction:column;height:100%}.image-container{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:var(--color-background)}.image-container img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.image-modal-footer{display:flex;justify-content:center;padding:var(--spacing-xl);background:var(--color-background-card);border-top:1px solid rgba(255,255,255,.08)}.results-page{min-height:100vh;display:flex;flex-direction:column;position:relative}.results-container{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;max-width:1200px;margin:0 auto;padding:var(--spacing-lg);width:100%}.results-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--spacing-md) 0;margin-bottom:var(--spacing-lg)}.back-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.back-button:hover{color:var(--color-text-primary);background:var(--color-background-hover)}.back-button svg{width:18px;height:18px}.header-center{text-align:center}.header-center .logo-small{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.header-right{display:flex;justify-content:flex-end}.view-mode-toggle{display:flex;gap:var(--spacing-xs);background:var(--color-background-elevated);padding:var(--spacing-xs);border-radius:var(--radius-md)}.view-mode-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.view-mode-btn:hover{color:var(--color-text-secondary)}.view-mode-btn.active{background:#a855f733;color:var(--color-purple)}.view-mode-btn svg{width:20px;height:20px}.results-main{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2xl)}.results-title{text-align:center}.success-badge{width:64px;height:64px;margin:0 auto var(--spacing-lg);background:#4de39826;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-mint-green);animation:float 3s ease-in-out infinite}.success-badge svg{width:32px;height:32px}.results-title h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0}.results-title p{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0}.results-grid,.results-compare{width:100%;max-width:1000px}.compare-header{text-align:center;margin-bottom:var(--spacing-xl)}.compare-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0}.compare-header p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.compare-grid{display:flex;flex-direction:column;gap:var(--spacing-xl)}.compare-item{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-background-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl)}.compare-reference,.compare-result{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.compare-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.compare-reference img,.compare-result img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.compare-result img{cursor:pointer;transition:transform var(--transition-fast)}.compare-result img:hover{transform:scale(1.02)}.reference-info{display:flex;flex-direction:column;gap:2px}.ref-channel{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.ref-title{font-size:var(--font-size-sm);color:var(--color-text-primary)}.no-reference{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/9;background:#ffffff08;border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:var(--font-size-sm)}.reference-error{display:none;align-items:center;justify-content:center;width:100%;aspect-ratio:16/9;background:#ff64640d;border:1px dashed rgba(255,100,100,.2);border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:var(--font-size-sm)}.reference-error.show-error{display:flex}.compare-arrow{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#a855f726;border-radius:50%;color:var(--color-purple)}.compare-arrow svg{width:20px;height:20px}.result-actions{display:flex;gap:var(--spacing-sm)}.result-actions button{flex:1;padding:var(--spacing-sm);background:var(--color-background-elevated);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.result-actions button:hover{background:#ffffff1a;color:var(--color-text-primary)}.history-section{width:100%;max-width:1000px;background:var(--color-background-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);overflow:hidden}.history-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:background var(--transition-fast)}.history-header:hover{background:#ffffff05}.history-header h3{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin:0}.history-toggle{display:inline-flex;transition:transform var(--transition-fast)}.history-toggle.open{transform:rotate(180deg)}.history-toggle svg{width:18px;height:18px}.clear-history-btn{padding:var(--spacing-xs) var(--spacing-sm);background:#ff64641a;border:1px solid rgba(255,100,100,.2);border-radius:var(--radius-sm);color:#ff6b6b;font-family:var(--font-family);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.clear-history-btn:hover{background:#ff646433}.history-list{padding:0 var(--spacing-lg) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.history-item{padding:var(--spacing-md);background:var(--color-background-elevated);border-radius:var(--radius-lg)}.history-meta{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.history-time{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.history-count{font-size:var(--font-size-xs);color:var(--color-sky-blue)}.history-mode{font-size:var(--font-size-xs);color:var(--color-purple)}.history-thumbnails{display:flex;gap:var(--spacing-sm)}.history-thumb{flex:1;max-width:25%;cursor:pointer}.history-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-fast)}.history-thumb:hover img{border-color:var(--color-purple);transform:scale(1.02)}.results-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}@media(max-width:768px){.compare-item{flex-direction:column;gap:var(--spacing-md)}.compare-arrow{transform:rotate(90deg)}.compare-reference,.compare-result{width:100%}}@media(max-width:640px){.results-container{padding:var(--spacing-md)}.results-header{grid-template-columns:auto 1fr auto;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.back-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.back-button svg{width:16px;height:16px}.header-center .logo-small{font-size:var(--font-size-lg)}.results-main{gap:var(--spacing-lg)}.results-title h1{font-size:var(--font-size-xl)}.results-title p{font-size:var(--font-size-sm)}.success-badge{width:48px;height:48px;margin-bottom:var(--spacing-md)}.success-badge svg{width:24px;height:24px}.results-actions{flex-direction:column;width:100%;max-width:300px}.results-actions .btn{width:100%}.view-mode-toggle{display:none}.history-thumbnails{flex-wrap:wrap}.history-thumb{max-width:calc(50% - var(--spacing-xs))}}.history-page{min-height:100vh;background:var(--color-background);color:var(--color-text-primary);position:relative}.history-header-fixed{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0ef2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.history-header-content{max-width:1000px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between}.history-header-fixed .back-button{display:flex;align-items:center;gap:var(--spacing-sm);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:color .2s ease}.history-header-fixed .back-button:hover{color:var(--color-text-primary)}.history-header-fixed .back-button svg{width:20px;height:20px}.history-header-fixed .logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.history-main{padding:100px var(--spacing-lg) var(--spacing-3xl);position:relative;z-index:10}.history-container{max-width:800px;margin:0 auto}.history-page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.history-page-subtitle{font-size:var(--font-size-md);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.projects-list{display:flex;flex-direction:column;gap:var(--spacing-md);min-height:480px}.project-card{background:var(--color-background-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);overflow:hidden;transition:all .3s ease}.project-card:hover{border-color:#ffffff26}.project-card.expanded{border-color:var(--color-primary)}.project-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);cursor:pointer}.project-preview{width:80px;height:45px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.project-preview img{width:100%;height:100%;object-fit:cover}.project-info{flex:1;min-width:0}.project-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.project-date:after{content:"•";margin-left:var(--spacing-sm)}.expand-icon{width:20px;height:20px;color:var(--color-text-muted);transition:transform .3s ease;flex-shrink:0}.expand-icon.expanded{transform:rotate(180deg)}.project-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md);padding:0 var(--spacing-md) var(--spacing-md);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.thumbnail-item{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16/9}.thumbnail-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.thumbnail-item:hover img{transform:scale(1.05)}.thumbnail-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.thumbnail-item:hover .thumbnail-overlay{opacity:1}.download-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.download-btn:hover{background:var(--color-primary-hover);transform:scale(1.05)}.download-btn svg{width:16px;height:16px}.short-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf633,#06b6d433)}.short-preview-placeholder svg{width:32px;height:32px;color:#ffffff80}.project-shorts{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0 var(--spacing-md) var(--spacing-md);animation:slideDown .3s ease}.short-item{background:#ffffff0a;border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .2s ease}.short-item:hover{background:#ffffff14}.short-info{display:flex;align-items:center;justify-content:space-between}.short-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.short-meta{display:flex;align-items:center;gap:var(--spacing-md)}.short-duration{font-size:var(--font-size-sm);color:var(--color-text-muted)}.short-viral{font-size:var(--font-size-sm);color:var(--color-secondary);font-weight:var(--font-weight-medium)}.empty-state{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-muted)}.empty-state svg{width:64px;height:64px;margin-bottom:var(--spacing-md);opacity:.5}.empty-state h3{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0}.empty-state p{font-size:var(--font-size-md);margin:0}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding:var(--spacing-md) 0}.pagination-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-background-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;color:var(--color-text-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-arrow svg{width:18px;height:18px}.pagination-numbers{display:flex;align-items:center;gap:var(--spacing-xs)}.pagination-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pagination-number.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-number.active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}@media(max-width:640px){.history-main{padding:80px var(--spacing-md) var(--spacing-xl)}.history-page-title{font-size:var(--font-size-xl)}.history-page-subtitle{font-size:var(--font-size-sm)}.projects-list{min-height:400px}.project-preview{width:60px;height:34px}.project-name{font-size:var(--font-size-sm)}.project-meta{font-size:var(--font-size-xs)}.project-thumbnails{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm)}.pagination{flex-wrap:wrap;gap:var(--spacing-xs)}.pagination-btn{width:36px;height:36px}}.pricing-page{min-height:100vh;background:var(--color-background);color:var(--color-text-primary);position:relative;overflow-x:hidden}.pricing-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0ef2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.pricing-header-content{max-width:1200px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between}.back-button{display:flex;align-items:center;gap:var(--spacing-sm);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:color .2s ease}.back-button:hover{color:var(--color-text-primary)}.back-button svg{width:20px;height:20px}.pricing-header .logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.pricing-hero{padding:140px var(--spacing-lg) var(--spacing-2xl);text-align:center;background:radial-gradient(ellipse at center top,rgba(242,92,250,.08) 0%,transparent 60%)}.pricing-hero-content{max-width:800px;margin:0 auto}.launch-banner{display:inline-flex;align-items:center;gap:var(--spacing-md);background:linear-gradient(135deg,#ff008040,#ff4dc433);border:2px solid rgba(255,77,196,.6);border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-xl);margin-bottom:var(--spacing-xl);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #ff4dc44d,0 0 40px #ff4dc426}50%{box-shadow:0 0 30px #ff4dc480,0 0 60px #ff4dc440}}.launch-icon{font-size:1.5rem}.launch-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.launch-main{font-weight:var(--font-weight-bold);color:#fff;font-size:var(--font-size-md)}.launch-timer{font-size:var(--font-size-sm);color:#ff4dc4;font-weight:var(--font-weight-semibold)}.pricing-title{font-size:clamp(2rem,5vw,2.8rem);font-weight:var(--font-weight-bold);line-height:1.3;margin-bottom:var(--spacing-md)}.pricing-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.billing-toggle{display:inline-flex;align-items:center;background:#1e1e28cc;border-radius:var(--radius-full);padding:5px;border:1px solid rgba(255,255,255,.1)}.toggle-option{position:relative;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-xl);background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease;white-space:nowrap}.toggle-option.active{background:linear-gradient(135deg,#1a1a2e,#252540);color:#fff;box-shadow:0 2px 8px #0000004d}.toggle-option:not(.active):hover{color:var(--color-text-primary)}.discount-badge{background:linear-gradient(135deg,#ff2d92,#ff6eb4);color:#fff;font-size:13px;font-weight:var(--font-weight-bold);padding:3px 10px;border-radius:var(--radius-full);margin-left:var(--spacing-xs);animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pricing-cards-section{padding:0 var(--spacing-lg) var(--spacing-3xl)}.pricing-cards-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);align-items:stretch}@media(max-width:1024px){.pricing-cards-container{grid-template-columns:repeat(2,1fr);max-width:700px}}@media(max-width:640px){.pricing-cards-container{grid-template-columns:1fr;max-width:400px}}.pricing-card{position:relative;background:linear-gradient(180deg,#191923f2,#12121cfa);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;flex-direction:column;transition:all .3s ease;min-height:520px}.pricing-card:hover{transform:translateY(-4px);border-color:#ffffff26;box-shadow:0 12px 40px #0006}.pricing-card.popular{border:2px solid rgba(255,77,196,.6);background:linear-gradient(180deg,#ff4dc41a,#191923fa 30%);box-shadow:0 0 30px #ff4dc426}.pricing-card.popular:hover{border-color:#ff4dc4cc;box-shadow:0 0 40px #ff4dc440,0 12px 40px #0006}.card-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#282837f2;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:5px 14px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.15);white-space:nowrap}.card-badge.popular-badge{background:linear-gradient(135deg,#ff2d92,#ff6eb4);color:#fff;border:none;box-shadow:0 4px 15px #ff4dc466}.card-header{margin-bottom:var(--spacing-md);text-align:center}.plan-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:4px}.plan-description{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.card-pricing{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.08);text-align:center}.original-price{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:4px}.strikethrough{text-decoration:line-through;color:var(--color-text-muted);font-size:var(--font-size-sm)}.discount-label{background:linear-gradient(135deg,#ff2d92,#ff6eb4);color:#fff;font-size:12px;font-weight:var(--font-weight-bold);padding:2px 8px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.price-display{display:flex;align-items:baseline;justify-content:center;gap:2px}.price-currency{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.price-amount{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.price-period{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-left:2px}.yearly-total{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:4px}.credits-info{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);flex-wrap:wrap}.credits-count{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent-blue)}.bonus-credits{background:linear-gradient(135deg,#ff2d92,#ff6eb4);color:#fff;font-size:12px;font-weight:var(--font-weight-bold);padding:2px 8px;border-radius:var(--radius-full);animation:bounce 1.5s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.credits-per{font-size:var(--font-size-xs);color:var(--color-text-muted)}.bonus-highlight{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:linear-gradient(135deg,#ff2d9226,#ff6eb41a);border:1px solid rgba(255,77,196,.35);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:var(--font-size-xs);text-align:center}.bonus-icon{font-size:1rem}.bonus-highlight strong{color:#ff6eb4}.feature-list{list-style:none;padding:0;margin:0 0 var(--spacing-lg) 0;flex:1}.feature-item{display:flex;align-items:flex-start;gap:var(--spacing-xs);padding:6px 0}.feature-item.disabled{opacity:.4}.feature-icon{width:16px;height:16px;flex-shrink:0;margin-top:2px}.feature-icon.included{color:var(--color-accent-green)}.feature-icon.excluded{color:var(--color-text-muted)}.feature-icon svg{width:100%;height:100%}.feature-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}.feature-note{color:var(--color-text-muted);font-size:12px}.card-cta{margin-bottom:var(--spacing-sm)}.card-cta .btn{font-size:var(--font-size-sm);padding:12px 20px}.extra-credits{text-align:center;font-size:12px;color:var(--color-text-muted)}.business-inquiry{max-width:1100px;margin:var(--spacing-xl) auto 0;padding:0 var(--spacing-lg)}.business-card{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#4ea6f014,#ff4dc414);border:1px solid rgba(78,166,240,.2);border-radius:var(--radius-xl);padding:var(--spacing-lg) var(--spacing-xl)}.business-content{display:flex;align-items:center;gap:var(--spacing-lg)}.business-icon{font-size:2rem}.business-text h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:4px}.business-text p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media(max-width:768px){.business-card{flex-direction:column;text-align:center;gap:var(--spacing-md)}.business-content{flex-direction:column}}.credit-usage-section,.faq-section{position:relative;z-index:1;padding:var(--spacing-3xl) var(--spacing-lg)}.section-container{max-width:800px;margin:0 auto}.section-title{text-align:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl)}.credit-table{background:#191923cc;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);overflow:hidden}.credit-row{display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.06)}.credit-row:last-child{border-bottom:none}.credit-row.header{background:#ffffff08;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);font-size:var(--font-size-sm)}.credit-value{color:var(--color-accent-blue);font-weight:var(--font-weight-semibold)}.faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.faq-item{background:#191923cc;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s ease}.faq-item:hover,.faq-item.open{border-color:#ffffff26}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer}.faq-arrow{width:18px;height:18px;color:var(--color-text-muted);transition:transform .3s ease;flex-shrink:0}.faq-item.open .faq-arrow{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item.open .faq-answer{max-height:500px;padding:0 var(--spacing-lg) var(--spacing-md)}.faq-answer p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6}.pricing-footer{padding:var(--spacing-xl) var(--spacing-lg);border-top:1px solid rgba(255,255,255,.06);text-align:center}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.footer-logo{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.footer-copyright{font-size:var(--font-size-xs);color:var(--color-text-muted)}.footer-contact{display:block;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-decoration:none;margin-bottom:var(--spacing-xs);transition:color .2s ease}.footer-contact:hover{color:#f25cfa}.credit-purchase-page{min-height:100vh;background:var(--color-background);color:var(--color-text-primary);position:relative;overflow-x:hidden}.credit-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0ef2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.credit-header-content{max-width:800px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between}.credit-header .logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.credit-main{padding:100px var(--spacing-lg) var(--spacing-3xl)}.credit-container{max-width:560px;margin:0 auto}.credit-hero{text-align:center;margin-bottom:var(--spacing-xl)}.credit-title{font-size:clamp(1.8rem,4vw,2.2rem);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.credit-subtitle{font-size:var(--font-size-md);color:var(--color-text-secondary)}.current-credits-card{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#4ea6f01a,#ff4dc414);border:1px solid rgba(78,166,240,.25);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg)}.current-credits-info{display:flex;flex-direction:column;gap:4px}.current-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.current-amount{font-size:1.8rem;font-weight:var(--font-weight-bold);color:var(--color-accent-blue)}.plan-badge{display:flex;align-items:center;gap:var(--spacing-xs);background:#ffffff14;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full)}.plan-badge.free{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.plan-badge .plan-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.subscription-cta-card{background:linear-gradient(180deg,#191923f2,#12121cfa);border:2px solid rgba(255,77,196,.3);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;margin-bottom:var(--spacing-xl)}.cta-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.cta-icon{font-size:3rem}.cta-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.cta-description{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.6;margin:0}.cta-benefits{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;max-width:280px;text-align:left}.benefit-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.benefit-check{color:var(--color-accent-green);font-weight:var(--font-weight-bold)}.purchase-card{background:linear-gradient(180deg,#191923f2,#12121cfa);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.bonus-banner{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:linear-gradient(135deg,#ff2d9233,#ff6eb426);border:1px solid rgba(255,77,196,.4);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-lg);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #ff4dc433}50%{box-shadow:0 0 25px #ff4dc459}}.bonus-banner .bonus-icon{font-size:1.2rem}.bonus-banner .bonus-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#ff6eb4}.amount-section{margin-bottom:var(--spacing-xl)}.amount-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.amount-input-group{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.amount-input{flex:1;background:#ffffff0f;border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;transition:border-color .2s ease,box-shadow .2s ease;appearance:textfield;-moz-appearance:textfield}.amount-input::-webkit-outer-spin-button,.amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.amount-input:focus{outline:none;border-color:#ff4dc480;box-shadow:0 0 0 3px #ff4dc426}.amount-btn{display:flex;align-items:center;justify-content:center;min-width:52px;height:52px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.amount-btn:hover:not(:disabled){background:#ffffff1f;border-color:#fff3;color:var(--color-text-primary)}.amount-btn:disabled{opacity:.4;cursor:not-allowed}.amount-btn.plus{color:var(--color-accent-green)}.amount-btn.plus.highlight{background:linear-gradient(135deg,#ff2d9240,#ff4dc433);border-color:#ff4dc480;color:#ff6eb4}.amount-btn.plus.highlight:hover{background:linear-gradient(135deg,#ff2d9259,#ff4dc44d);border-color:#ff4dc4b3}.amount-btn.minus{color:var(--color-text-muted)}.quick-amounts{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.quick-btn{flex:1;min-width:60px;padding:var(--spacing-sm) var(--spacing-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.quick-btn:hover{background:#ffffff1a;border-color:#fff3;color:var(--color-text-primary)}.quick-btn.active{background:linear-gradient(135deg,#4ea6f033,#4ea6f01a);border-color:#4ea6f080;color:var(--color-accent-blue)}.min-hint{margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center}.summary-section{background:#ffffff08;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0}.summary-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--spacing-xs)}.summary-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.summary-row.bonus .summary-label{color:#ff6eb4}.bonus-tag{background:linear-gradient(135deg,#ff2d92,#ff6eb4);color:#fff;font-size:11px;font-weight:var(--font-weight-bold);padding:2px 8px;border-radius:var(--radius-full);margin-right:var(--spacing-xs)}.bonus-value{color:#ff6eb4!important}.summary-divider{height:1px;background:#ffffff1a;margin:var(--spacing-sm) 0}.summary-row.total{padding-top:var(--spacing-md)}.total-value{font-size:var(--font-size-lg);color:var(--color-accent-blue)!important}.price-note{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:var(--spacing-xs)}.summary-row.effective .effective-value{color:var(--color-accent-green)!important}.total-price-section{text-align:center;padding:var(--spacing-lg) 0;margin-bottom:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.total-price-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.total-price-display{display:flex;align-items:baseline;justify-content:center;gap:4px}.total-price-display .currency{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.total-price-display .amount{font-size:2.5rem;font-weight:var(--font-weight-bold);background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.savings-info{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:#ff6eb4;font-weight:var(--font-weight-medium)}.purchase-note{margin-top:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;line-height:1.5}.price-comparison{background:#19192399;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--spacing-lg)}.comparison-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);text-align:center}.comparison-table{display:flex;flex-direction:column;gap:var(--spacing-sm)}.comparison-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:#ffffff08;border-radius:var(--radius-md);border:1px solid transparent;transition:all .2s ease}.comparison-row.current{background:linear-gradient(135deg,#4ea6f01a,#ff4dc40d);border-color:#4ea6f04d}.comparison-plan{display:flex;align-items:center;gap:var(--spacing-sm)}.comparison-plan .plan-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.current-badge{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-accent-blue);background:#4ea6f026;padding:2px 8px;border-radius:var(--radius-full)}.comparison-price{display:flex;align-items:baseline;gap:2px}.comparison-price .price-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.comparison-price .price-unit{font-size:var(--font-size-xs);color:var(--color-text-muted)}.comparison-note{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.06);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center;line-height:1.5}.animate-fade-in{animation:fadeIn .6s ease forwards}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.amount-input-group{flex-wrap:wrap}.amount-input{order:-1;width:100%;flex:none;margin-bottom:var(--spacing-sm)}.amount-btn{flex:1}.current-credits-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}}.cancel-subscription-modal .modal__content{padding:var(--spacing-xl)}.cancel-modal-content{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.modal-close-btn{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all .2s ease}.modal-close-btn:hover{background:#ffffff14;color:var(--color-text-primary)}.modal-close-btn svg{width:18px;height:18px}.warning-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#ff6b6b26;border-radius:50%;margin-bottom:var(--spacing-lg)}.warning-icon svg{width:32px;height:32px;color:#ff6b6b}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.modal-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}.modal-subtitle strong{color:var(--color-text-primary)}.lose-benefits{width:100%;background:#ff6b6b14;border:1px solid rgba(255,107,107,.2);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);text-align:left}.lose-benefits h4{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#ff6b6b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md)}.lose-benefits ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.lose-benefits li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.lose-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#ff6b6b33;border-radius:50%;font-size:10px;color:#ff6b6b;flex-shrink:0}.cancel-info{background:#0003;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-xl);width:100%}.cancel-info p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.cancel-info p:first-child{margin-bottom:var(--spacing-xs)}.cancel-info strong{color:var(--color-text-primary)}.modal-actions{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}.keep-button{width:100%}.cancel-link{background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:color .2s ease;padding:var(--spacing-sm)}.cancel-link:hover{color:#ff6b6b}.back-link{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;align-self:flex-start;margin-bottom:var(--spacing-lg);transition:color .2s ease;height:36px;padding:0}.back-link:hover{color:var(--color-text-primary)}.back-link svg{width:16px;height:16px}.reason-list{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);text-align:left}.reason-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.reason-item:hover{background:#ffffff0d;border-color:#ffffff26}.reason-item.selected{background:#f542d414;border-color:var(--color-neon-pink)}.reason-item input[type=radio]{display:none}.radio-indicator{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;flex-shrink:0;position:relative;transition:all .2s ease}.reason-item.selected .radio-indicator{border-color:var(--color-neon-pink)}.reason-item.selected .radio-indicator:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--color-neon-pink);border-radius:50%}.reason-label{font-size:var(--font-size-sm);color:var(--color-text-primary)}.other-reason{width:100%;margin-bottom:var(--spacing-lg)}.other-reason textarea{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:inherit;resize:none;transition:all .2s ease}.other-reason textarea::placeholder{color:var(--color-text-muted)}.other-reason textarea:focus{outline:none;border-color:var(--color-neon-pink);box-shadow:0 0 0 3px #f542d426}.confirm-cancel-button{background:linear-gradient(135deg,#ff6b6b,#ff4757)!important;border:none!important}.confirm-cancel-button:hover:not(:disabled){background:linear-gradient(135deg,#ff4757,#ff3838)!important}.confirm-cancel-button:disabled{opacity:.5;cursor:not-allowed}.cancel-modal-content .modal-actions:last-child{flex-direction:row;gap:var(--spacing-md)}.cancel-modal-content .modal-actions:last-child .btn{flex:1}.account-page{min-height:100vh;background:var(--color-background);color:var(--color-text-primary);position:relative}.account-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0ef2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.account-header-content{max-width:1000px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between}.account-header .back-button{display:flex;align-items:center;gap:var(--spacing-sm);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:color .2s ease}.account-header .back-button:hover{color:var(--color-text-primary)}.account-header .back-button svg{width:20px;height:20px}.account-header .logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.account-main{padding:100px var(--spacing-lg) var(--spacing-3xl);position:relative;z-index:10}.account-container{max-width:800px;margin:0 auto}.account-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl)}.account-tabs{display:flex;gap:var(--spacing-xs);background:#191923cc;padding:5px;border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.tab-button{flex:1;padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.tab-button:hover{color:var(--color-text-primary)}.tab-button.active{background:#ffffff1a;color:var(--color-text-primary)}.summary-card{display:flex;align-items:center;gap:var(--spacing-lg);background:#191923cc;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.cards-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.summary-card-compact{display:flex;align-items:center;gap:var(--spacing-md);background:#191923cc;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg)}.card-icon-sm{font-size:1.5rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:var(--radius-md);flex-shrink:0}.card-content-compact{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.card-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.card-value-row{display:flex;align-items:center;gap:var(--spacing-sm)}.card-value{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.card-badge{font-size:10px;padding:2px 6px;background:#4ea6f033;color:var(--color-sky-blue);border-radius:var(--radius-sm)}.card-sub{font-size:var(--font-size-xs);color:var(--color-text-muted)}.card-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:var(--radius-lg)}.card-content{flex:1}.card-content h3{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.credit-display{display:flex;align-items:baseline;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.credit-amount{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-neon-pink)}.credit-total{font-size:var(--font-size-md);color:var(--color-text-muted)}.credit-bar{height:6px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.credit-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-neon-pink),var(--color-sky-blue));border-radius:var(--radius-full);transition:width .3s ease}.plan-display{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.plan-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.plan-badge{font-size:var(--font-size-xs);padding:2px 8px;background:#4ea6f033;color:var(--color-sky-blue);border-radius:var(--radius-full)}.next-billing{font-size:var(--font-size-sm);color:var(--color-text-muted)}.channel-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:2px}.channel-url{font-size:var(--font-size-sm);color:var(--color-text-muted)}.recent-activity{margin-top:var(--spacing-xl)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.section-header h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.view-all{background:none;border:none;color:var(--color-neon-pink);font-size:var(--font-size-sm);cursor:pointer;transition:opacity .2s ease}.view-all:hover{opacity:.8}.activity-list,.history-list{background:#191923cc;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);overflow:hidden}.activity-item,.history-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.06)}.activity-item:last-child,.history-item:last-child{border-bottom:none}.activity-icon,.history-icon{font-size:1.2rem}.activity-info,.history-info{flex:1;display:flex;flex-direction:column;gap:2px}.activity-desc,.history-desc{font-size:var(--font-size-sm);color:var(--color-text-primary)}.activity-project,.history-project{font-size:var(--font-size-xs);color:var(--color-text-muted)}.activity-meta,.history-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.activity-credits,.history-credits{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.credit-positive{color:var(--color-mint-green)}.credit-negative{color:var(--color-text-secondary)}.activity-date,.history-date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.activity-list-new,.history-list-new{background:#191923cc;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);overflow:hidden}.activity-row,.history-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.06);transition:background .15s ease}.activity-row:last-child,.history-row:last-child{border-bottom:none}.activity-row:hover,.history-row:hover{background:#ffffff05}.activity-left,.history-left{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.activity-type-badge,.history-type-badge{font-size:11px;font-weight:var(--font-weight-semibold);padding:4px 10px;border-radius:var(--radius-sm);min-width:52px;text-align:center}.activity-type-badge.type-minus,.history-type-badge.type-minus{background:#ffffff14;color:var(--color-text-secondary)}.activity-type-badge.type-plus,.history-type-badge.type-plus{background:#4de39826;color:var(--color-mint-green)}.activity-details,.history-details{display:flex;flex-direction:column;gap:2px}.activity-desc-new,.history-desc-new{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.activity-project-new,.history-project-new{font-size:var(--font-size-xs);color:var(--color-text-muted)}.activity-right,.history-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.activity-amount,.history-amount{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.activity-amount.positive,.history-amount.positive{color:var(--color-mint-green)}.activity-amount.negative,.history-amount.negative{color:var(--color-text-primary)}.activity-date-new,.history-date-new{font-size:var(--font-size-xs);color:var(--color-text-muted)}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.history-header h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.history-count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-lg)}.page-btn{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#191923cc;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.page-btn:hover:not(:disabled){border-color:#fff3;color:var(--color-text-primary)}.page-btn.active{background:var(--color-neon-pink);border-color:var(--color-neon-pink);color:#fff}.page-btn:disabled{opacity:.4;cursor:not-allowed}.credits-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.summary-stat{background:#191923cc;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.summary-stat .stat-value{display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-neon-pink);margin-bottom:var(--spacing-xs)}.summary-stat .stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.credits-history h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.current-plan{background:#191923cc;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.plan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.plan-header h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.plan-status{font-size:var(--font-size-xs);padding:4px 12px;border-radius:var(--radius-full)}.plan-status.active{background:#4de39833;color:var(--color-mint-green)}.plan-details{margin-bottom:var(--spacing-lg)}.plan-info{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.plan-tier{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.plan-period{font-size:var(--font-size-sm);color:var(--color-text-muted)}.plan-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.plan-features .feature{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.plan-actions{display:flex;gap:var(--spacing-md)}.billing-info,.account-actions{background:#191923cc;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.billing-info h3,.account-actions h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg)}.billing-details{display:flex;flex-direction:column;gap:var(--spacing-md)}.billing-row{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.billing-row span:first-child{color:var(--color-text-muted)}.action-list{display:flex;flex-direction:column}.action-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;border:none;background:none;color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;border-bottom:1px solid rgba(255,255,255,.06);transition:color .2s ease}.action-item:last-child{border-bottom:none}.action-item:hover{color:var(--color-neon-pink)}.action-item.danger{color:#ff6b6b}.action-item.danger:hover{color:#ff4757}.action-arrow{color:var(--color-text-muted)}.plan-card-premium{background:#191923cc;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.plan-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.plan-badge-large{display:flex;align-items:center;gap:var(--spacing-md)}.plan-icon{font-size:2rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:var(--radius-lg)}.plan-name-group{display:flex;flex-direction:column;gap:2px}.plan-tier-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.plan-type{font-size:var(--font-size-sm);color:var(--color-text-muted)}.status-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:6px 14px;border-radius:var(--radius-full)}.status-badge.active{background:#4de39826;color:var(--color-mint-green);border:1px solid rgba(77,227,152,.3)}.plan-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:#0003;border-radius:var(--radius-lg)}.feature-item-new{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.feature-item-new svg{width:18px;height:18px;color:var(--color-mint-green);flex-shrink:0}.plan-card-actions{display:flex;align-items:center;gap:var(--spacing-lg)}.text-button-subtle{background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:color .2s ease}.text-button-subtle:hover{color:var(--color-text-secondary)}.billing-card{background:#191923cc;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.billing-card h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.billing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.billing-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:#ffffff08;border-radius:var(--radius-md)}.billing-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.billing-value{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.billing-value.highlight{color:var(--color-neon-pink)}.quick-actions{display:flex;justify-content:center;gap:var(--spacing-md)}.quick-action-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.quick-action-btn:hover{background:#ffffff0d;border-color:#ffffff40;color:var(--color-text-primary)}.quick-action-btn.secondary{border-color:#ffffff26;color:var(--color-text-secondary)}.quick-action-btn.secondary:hover{background:#ffffff0d;border-color:#ffffff40;color:var(--color-text-primary)}.quick-action-btn.danger{border-color:#ff6b6b4d;color:#ff6b6b}.quick-action-btn.danger:hover{background:#ff6b6b1a;border-color:#ff6b6b80}.quick-action-btn svg{width:18px;height:18px}@media(max-width:768px){.summary-card{flex-direction:column;text-align:center}.summary-card .btn{width:100%}.credits-summary,.plan-features{grid-template-columns:1fr}.plan-actions{flex-direction:column}.plan-actions .btn{width:100%}.cards-row,.plan-features-grid,.billing-grid{grid-template-columns:1fr}.plan-card-actions{flex-direction:column;align-items:stretch}.plan-card-actions .btn{width:100%}.text-button-subtle{text-align:center}.quick-actions{flex-direction:column}}.password-page{min-height:100vh;background:var(--color-background);color:var(--color-text-primary);position:relative}.password-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0ef2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.password-header-content{max-width:1000px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between}.password-header .back-button{display:flex;align-items:center;gap:var(--spacing-sm);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:color .2s ease}.password-header .back-button:hover{color:var(--color-text-primary)}.password-header .back-button svg{width:20px;height:20px}.password-header .logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.password-main{padding:100px var(--spacing-lg) var(--spacing-3xl);position:relative;z-index:10;display:flex;justify-content:center}.password-container{width:100%;max-width:500px}.password-card{background:#191923cc;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--spacing-2xl)}.card-header{display:flex;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid rgba(255,255,255,.08)}.card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:var(--radius-lg);flex-shrink:0}.card-icon svg{width:28px;height:28px;color:var(--color-neon-pink)}.card-header-text h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.card-header-text p{font-size:var(--font-size-sm);color:var(--color-text-muted)}.password-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input{width:100%;padding:var(--spacing-md) var(--spacing-lg);padding-right:48px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-md);transition:all .2s ease}.input-wrapper input::placeholder{color:var(--color-text-muted)}.input-wrapper input:focus{outline:none;border-color:var(--color-neon-pink);box-shadow:0 0 0 3px #f542d426}.input-wrapper input.error{border-color:#ff6b6b}.toggle-visibility{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;transition:color .2s ease}.toggle-visibility:hover{color:var(--color-text-primary)}.toggle-visibility svg{width:20px;height:20px}.error-message{font-size:var(--font-size-xs);color:#ff6b6b}.password-strength{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.strength-bars{display:flex;gap:4px;flex:1}.strength-bar{flex:1;height:4px;background:#ffffff1a;border-radius:2px;transition:background-color .3s ease}.strength-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);min-width:60px;text-align:right}.password-requirements{background:#0003;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg)}.password-requirements h4{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.password-requirements ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.password-requirements li{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-muted);transition:color .2s ease}.password-requirements li.met{color:var(--color-mint-green)}.password-requirements .check-icon{font-size:12px;opacity:.3;transition:opacity .2s ease}.password-requirements li.met .check-icon{opacity:1}.message{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center}.message-error{background:#ff6b6b26;border:1px solid rgba(255,107,107,.3);color:#ff6b6b}.message-success{background:#4de39826;border:1px solid rgba(77,227,152,.3);color:var(--color-mint-green)}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.form-actions .btn{flex:1}@media(max-width:768px){.password-card{padding:var(--spacing-xl)}.card-header{flex-direction:column;text-align:center;align-items:center}.password-requirements ul{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}}.app{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.page{flex:1;display:flex;flex-direction:column;position:relative}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.card{background:var(--color-background-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-normal)}.card:hover{border-color:#ffffff1f;transform:translateY(-2px)}.card-glass{background:#111c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.py-2xl{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.py-3xl{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.py-4xl{padding-top:var(--spacing-4xl);padding-bottom:var(--spacing-4xl)}