:root{--color-bg-page:#fafafa;--color-bg-surface:#fff;--color-bg-elevated:#fff;--color-bg-overlay:#4d494999;--color-text-primary:#0a0a0a;--color-text-secondary:#525252;--color-text-muted:#737373;--color-text-disabled:#a3a3a3;--color-border-default:#e5e5e5;--color-border-subtle:#545454;--color-border-strong:#d4d4d4;--color-action-primary-bg:linear-gradient(135deg,#9146ff,#772ce8);--color-action-primary-hover:linear-gradient(135deg,#772ce8,#5c16c5);--color-action-secondary-bg:#0000;--color-action-secondary-border:#e5e5e5;--color-action-secondary-hover:#f5f5f5;--color-status-success:#00f593;--color-status-warning:#ffb800;--color-status-error:#eb0400;--color-status-info:#00a8fc;--color-hover:#0000000a;--bg-primary:var(--color-bg-page);--bg-secondary:var(--color-bg-surface);--bg-tertiary:var(--color-bg-elevated);--border-subtle:var(--color-border-subtle);--border-medium:var(--color-border-default);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-muted);--accent:#9146ff;--accent-hover:#772ce8;--success:#00f593;--warning:#ffb800;--danger:#eb0400;--info:#00a8fc;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--font-display:32px;--font-h1:24px;--font-h2:18px;--font-body:14px;--font-small:13px;--font-tiny:12px;--font-micro:11px;--weight-normal:400;--weight-medium:500;--radius-md:6px;--radius-lg:8px;--transition-fast:0.12s cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--color-bg-page:#18181b;--color-bg-surface:#27272a;--color-bg-elevated:#3f3f46;--color-bg-overlay:#5d5656cc;--color-text-primary:#fafafa;--color-text-secondary:#d4d4d8;--color-text-muted:#a1a1aa;--color-text-disabled:#71717a;--color-border-default:#3f3f46;--color-border-subtle:#27272a;--color-border-strong:#52525b;--color-action-primary-bg:linear-gradient(135deg,#9146ff,#772ce8);--color-action-primary-hover:linear-gradient(135deg,#772ce8,#5c16c5);--color-action-secondary-bg:#0000;--color-action-secondary-border:#262626;--color-action-secondary-hover:#1a1a1a;--color-status-success:#00f593;--color-status-warning:#ffb800;--color-status-error:#eb0400;--color-status-info:#00a8fc;--color-hover:#ffffff0f;--bg-primary:var(--color-bg-page);--bg-secondary:var(--color-bg-surface);--bg-tertiary:var(--color-bg-elevated);--border-subtle:var(--color-border-subtle);--border-medium:var(--color-border-default);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-muted)}#root,body,html{background:#fafafa;background:var(--color-bg-page);color:#0a0a0a;color:var(--color-text-primary);margin:0;min-height:100%;overflow-x:hidden;padding:0;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s ease,color .3s ease}.btn-primary,body{font-size:14px;font-size:var(--font-body)}.btn-primary{background:linear-gradient(135deg,#9146ff,#772ce8);background:var(--color-action-primary-bg);border:none;border-radius:6px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:500;font-weight:var(--weight-medium);padding:10px 20px;transition:all .12s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#772ce8,#5c16c5);background:var(--color-action-primary-hover);transform:translateY(-1px)}.btn-secondary{background:#0000;background:var(--color-action-secondary-bg);border:1px solid #e5e5e5;border:1px solid var(--color-action-secondary-border);border-radius:6px;border-radius:var(--radius-md);color:#0a0a0a;color:var(--color-text-primary);cursor:pointer;font-size:14px;font-size:var(--font-body);font-weight:500;font-weight:var(--weight-medium);padding:10px 20px;transition:all .12s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.btn-secondary:hover:not(:disabled){background:#f5f5f5;background:var(--color-action-secondary-hover)}.status-dot{height:6px;width:6px}.status-dot.processing{background:#00a8fc;background:var(--color-status-info)}.status-dot.approved{background:#00f593;background:var(--color-status-success)}.status-dot.pending{background:#ffb800;background:var(--color-status-warning)}.status-dot.failed{background:#eb0400;background:var(--color-status-error)}.app-shell h1,.app-shell h2,.app-shell h3,.app-shell h4,.app-shell h5,.app-shell h6{color:var(--text-primary);font-weight:600}.app-shell div,.app-shell p,.app-shell span{color:var(--text-primary)}.text-gray,.text-muted,.text-secondary{color:var(--text-muted)!important}.text-disabled{color:var(--color-text-disabled)!important}.card,[class*=-card]{background:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--text-primary)}.sidebar{border-right:1px solid var(--border-medium)}.sidebar a,.sidebar button{color:var(--text-muted)}.sidebar a:hover,.sidebar button:hover{color:var(--text-primary)}.sidebar a.active{color:var(--accent)}[data-theme=dark] .logout-button,body.dark .logout-button{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}[data-theme=dark] .logout-button:hover,body.dark .logout-button:hover{background:#991b1b;border-color:#dc2626}.action-button.primary,.btn-primary,[class*=upgrade]{background:var(--accent);border:none;color:#fff}.action-button.primary:hover,.btn-primary:hover{background:var(--accent-hover)}.community-funding-redesign,.community-funding-redesign *{color:var(--text-primary)}.community-funding-redesign .card-title,.community-funding-redesign .section-title,.community-funding-redesign .tier-name{color:var(--text-primary)!important}.community-funding-redesign .card-description,.community-funding-redesign .feature{color:var(--text-secondary)!important}.community-funding-redesign .progress-subtitle,.community-funding-redesign .tier-threshold{color:var(--text-muted)!important}.pricing-card .plan-name,.pricing-card .price-amount,.pricing-card .price-free{color:var(--text-primary)!important}.pricing-card .feature-item{color:var(--text-secondary)!important}.pricing-card .price-period{color:var(--text-muted)!important}.pricing-card.current-plan .feature-item,.pricing-card.current-plan .plan-name,.pricing-card.current-plan .price-amount,.pricing-card.current-plan .price-free{color:#065f46!important}[data-theme=dark] .pricing-card.current-plan,body.dark .pricing-card.current-plan{background:#064e3b;border-color:#10b981}[data-theme=dark] .pricing-card.current-plan .feature-item,[data-theme=dark] .pricing-card.current-plan .plan-name,[data-theme=dark] .pricing-card.current-plan .price-amount,[data-theme=dark] .pricing-card.current-plan .price-free,body.dark .pricing-card.current-plan .feature-item,body.dark .pricing-card.current-plan .plan-name,body.dark .pricing-card.current-plan .price-amount,body.dark .pricing-card.current-plan .price-free{color:#f9fafb!important}.analytics-dashboard *,.settings-redesign *{color:var(--text-primary)}.analytics-dashboard .metric-label,.analytics-dashboard .platform-meta,.settings-redesign .setting-description{color:var(--text-muted)!important}.settings-redesign .platform-card .platform-name,.settings-redesign .platform-name{color:var(--text-primary)!important}.settings-redesign .connected-badge,.settings-redesign .status-badge{color:inherit!important}.settings-redesign .toggle-label{color:var(--text-primary)!important}.table-header,.table-row,table{color:var(--text-primary)}.table-header{color:var(--text-muted)}.status-badge,[class*=badge]{font-weight:600}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.icon,svg{color:currentColor}.analytics-dashboard .metric-value,.community-funding-redesign .bits-counter,.pricing-card .price-amount{color:var(--text-primary)!important;opacity:1!important}.dashboard{background:#0000;display:flex;flex-direction:column;min-height:100vh;width:100%}.reconnect-banner{background:linear-gradient(90deg,#ff7a18,#ff9f43);padding:12px 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.reconnect-banner-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.reconnect-message{color:#fff;font-size:14px;font-weight:500}.reconnect-actions{align-items:center;display:flex;gap:12px}.reconnect-button{background:#ffffff26;border:1px solid #ffffff40;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s ease}.reconnect-button:hover{background:#ffffff40}.reconnect-close{background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;opacity:.7;padding:4px;transition:all .2s ease}.reconnect-close:hover{opacity:1}.dashboard-content{display:flex;flex:1 1}.main-content{margin:0 auto;max-width:1400px;padding:var(--space-8) var(--space-6)}@media (min-width:768px){.main-content{margin-left:250px}}.overview{display:flex;flex-direction:column;gap:var(--space-8)}.overview-header{align-items:flex-start;border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding-bottom:var(--space-6)}.overview-header h1{font-size:var(--font-h1);font-weight:var(--weight-medium);letter-spacing:-.01em;margin:0 0 var(--space-2) 0}.overview-subtitle{color:var(--text-secondary);font-size:var(--font-small);margin:0}.performance-snapshot{display:flex;flex-direction:column;gap:var(--space-4)}.snapshot-header{color:var(--text-tertiary);font-size:var(--font-micro);font-weight:var(--weight-medium);letter-spacing:.08em;text-transform:uppercase}.snapshot-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.snapshot-metric{display:flex;flex-direction:column;gap:var(--space-2)}.snapshot-metric.highlight .metric-value{color:var(--warning)}.metric-value{font-size:32px;font-weight:var(--weight-medium);letter-spacing:-.02em;line-height:1}.metric-label{color:var(--text-secondary);font-size:var(--font-small)}.recent-activity{display:flex;flex-direction:column;gap:var(--space-3)}.recent-activity h3{color:var(--text-tertiary);font-size:var(--font-micro);font-weight:var(--weight-medium);letter-spacing:.08em;margin:0;text-transform:uppercase}.activity-item{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-small);gap:var(--space-3);padding:var(--space-3)}.activity-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.activity-dot.pending{background:var(--warning)}.activity-dot.success{background:var(--success)}.activity-dot.info{background:var(--info)}.primary-action{align-items:center;background:linear-gradient(135deg,#9146ff,#772ce8);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-body);font-weight:var(--weight-medium);gap:var(--space-2);padding:12px 24px;text-decoration:none;transition:all var(--transition-fast)}.primary-action:hover{background:linear-gradient(135deg,#772ce8,#5c16c5);box-shadow:0 4px 12px #9146ff4d;transform:translateY(-1px)}.quick-links{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr}@media (min-width:768px){.quick-links{grid-template-columns:repeat(2,1fr)}}.quick-link{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);display:flex;justify-content:space-between;padding:var(--space-4);text-decoration:none;transition:all var(--transition-fast)}.quick-link:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.quick-link-content h3{font-size:var(--font-body);font-weight:var(--weight-medium);margin:0 0 var(--space-1) 0}.quick-link-content p{color:var(--text-secondary);font-size:var(--font-small);margin:0}.quick-link-arrow{color:var(--text-tertiary);font-size:20px}.theme-toggle{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.theme-toggle:hover{background:var(--card-bg);border-color:var(--accent);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-icon{color:var(--text);height:18px;width:18px}.sidebar{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-medium);border-right:none;box-shadow:0 2px 8px #0000001a;color:var(--text-primary);display:flex;flex-direction:row;height:70px;justify-content:space-between;left:0;overflow:hidden;padding:16px max(16px,env(safe-area-inset-right)) 16px max(16px,env(safe-area-inset-left));position:fixed;top:0;transition:var(--transition-layout);width:100%;z-index:var(--z-sidebar)}@media (min-width:768px){.sidebar{align-items:stretch;border-bottom:none;border-right:1px solid var(--border-medium);box-shadow:none;flex-direction:column;height:100vh;justify-content:flex-start;padding:32px 24px 24px;width:250px}}.sidebar-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:0}@media (min-width:768px){.sidebar-header{align-items:stretch;flex-direction:column;gap:0;margin-bottom:24px}}.header-controls{align-items:center;display:flex;gap:8px;padding-right:16px}@media (min-width:768px){.header-controls{justify-content:flex-end;margin-top:8px;padding-right:0}}.logo{align-items:center;display:flex;gap:8px;justify-content:flex-start;margin-bottom:0}@media (min-width:768px){.logo{gap:0;justify-content:space-between;margin-bottom:8px}}.logo-image{height:40px;object-fit:contain;width:auto}.logo h2{font-size:18px;margin:0;white-space:nowrap}@media (min-width:768px){.logo h2{font-size:24px}}.username{color:var(--muted-text);display:none;font-size:12px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px){.username{display:block;font-size:14px}}.nav-sections{display:none;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow-x:hidden;overflow-y:auto}@media (min-width:768px){.nav-sections{display:flex}}.nav-menu{display:flex;flex-direction:column;gap:4px;margin:0;padding:0}.nav-menu a{color:var(--muted-text);font-size:16px;gap:8px;min-height:var(--touch-target-mobile);padding:16px;position:relative;transition:var(--transition-fast),var(--transition-transform)}.nav-menu a:hover{background:var(--bg);color:var(--text)}@media (min-width:768px){.nav-menu a{font-size:14px;min-height:var(--touch-target-min);padding:10px 12px}}.nav-icon{flex-shrink:0;font-size:18px}.nav-label{white-space:nowrap}.sidebar-footer{align-items:center;border-top:none;display:none;flex-direction:row;flex-shrink:0;gap:8px;padding-top:0}@media (min-width:768px){.sidebar-footer{border-top:1px solid var(--border);display:flex;flex-direction:column;padding-top:16px}}.plan-badge{border-radius:4px;font-size:10px;padding:6px 8px;white-space:nowrap}@media (min-width:768px){.plan-badge{border-radius:6px;font-size:12px;padding:8px 12px}}.plan-badge.free,.plan-badge.hobby{background:#f3f4f6;color:#374151}.plan-badge.creator,.plan-badge.starter{background:#d1fae5;color:#065f46}.plan-badge.brand,.plan-badge.pro{background:#dbeafe;color:#1e3a8a}[data-theme=dark] .plan-badge.free,[data-theme=dark] .plan-badge.hobby{background:#374151;color:#d1d5db}[data-theme=dark] .plan-badge.creator,[data-theme=dark] .plan-badge.starter{background:#064e3b;color:#6ee7b7}[data-theme=dark] .plan-badge.brand,[data-theme=dark] .plan-badge.pro{background:#1e3a8a;color:#93c5fd}.logout-button{border-radius:4px;font-size:12px;min-height:36px;padding:8px 12px;transition:var(--transition-fast);white-space:nowrap;width:auto}@media (min-width:768px){.logout-button{border-radius:6px;font-size:14px;min-height:var(--touch-target-min);padding:12px;width:100%}}.mobile-nav-toggle{background:none;border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;display:block;font-size:20px;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:8px;transition:var(--transition-fast)}.mobile-nav-toggle:hover{background:var(--bg)}.mobile-nav-overlay{background:#00000080;bottom:0;transition:var(--transition-opacity);z-index:var(--z-mobile-overlay)}.mobile-nav-menu,.mobile-nav-overlay{left:0;position:fixed;right:0;top:70px}.mobile-nav-menu{background:var(--bg-secondary);border-bottom:1px solid var(--border-medium);box-shadow:0 4px 12px #00000026;max-height:calc(100vh - 70px);overflow-y:auto;padding:16px;z-index:var(--z-mobile-nav)}@media (min-width:768px){.mobile-nav-menu,.mobile-nav-overlay,.mobile-nav-toggle{display:none}}.help-fab{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:56px;justify-content:center;position:fixed;right:24px;transition:var(--transition-transform),box-shadow .3s cubic-bezier(.4,0,.2,1);width:56px;z-index:var(--z-help-fab)}.help-fab:hover{box-shadow:0 6px 20px #667eea80;transform:scale(1.1)}.help-fab:active{transform:scale(.95)}.help-widget{animation:slideUpFade .3s cubic-bezier(.4,0,.2,1);background:var(--card-bg);border:1px solid var(--border);border-radius:16px;bottom:96px;box-shadow:0 20px 40px #00000026;max-width:calc(100vw - 48px);overflow:hidden;position:fixed;right:24px;width:360px;z-index:var(--z-help-widget)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.help-widget-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px}.help-widget-header h3{font-size:18px;font-weight:600;margin:0}.help-widget-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:var(--transition-fast),transform .2s;width:32px}.help-widget-close:hover{background:#ffffff4d;transform:rotate(90deg)}.help-widget-body{padding:20px}.tutorial-video-container{margin-bottom:20px}.video-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:16px;font-weight:600;gap:12px;height:180px;justify-content:center;overflow:hidden;position:relative;transition:var(--transition-transform);width:100%}.video-placeholder:before{background:#0000001a;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:var(--transition-opacity)}.video-placeholder:hover:before{opacity:1}.video-placeholder:hover{transform:scale(1.02)}.play-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;font-size:24px;height:60px;width:60px}.help-steps{display:flex;flex-direction:column;gap:12px}.help-step{align-items:center;background:var(--bg);border-radius:8px;color:var(--text);display:flex;font-size:14px;gap:12px;padding:12px}.step-number{background:linear-gradient(135deg,#667eea,#764ba2);font-size:14px;font-weight:700;height:28px;width:28px}[data-theme=dark] .help-widget{box-shadow:0 20px 40px #0006}.mobile-nav-button{align-items:center;background:none;border:none;border-left:4px solid #0000;border-radius:8px;color:var(--muted-text);cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;margin-left:-4px;min-height:52px;padding:16px;text-align:left;transition:all .15s ease-in-out;width:100%}.mobile-nav-separator{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.mobile-logout-button{background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;color:#991b1b;cursor:pointer;font-size:14px;font-weight:500;min-height:44px;padding:12px;width:100%}:root{--clips-surface-primary:#fff;--clips-surface-secondary:#f9fafb;--clips-surface-card:#fff;--clips-surface-card-hover:#fff;--clips-text-primary:#111827;--clips-text-secondary:#374151;--clips-text-tertiary:#6b7280;--clips-border-subtle:#e5e7eb;--clips-border-default:#d1d5db;--clips-border-strong:#9ca3af;--clips-status-pending-bg:#fef3c7;--clips-status-pending-text:#78350f;--clips-status-pending-border:#fbbf24;--clips-status-processing-bg:#dbeafe;--clips-status-processing-text:#1e3a8a;--clips-status-processing-border:#3b82f6;--clips-status-ready-bg:#d1fae5;--clips-status-ready-text:#065f46;--clips-status-ready-border:#10b981;--clips-status-failed-bg:#fee2e2;--clips-status-failed-text:#991b1b;--clips-status-failed-border:#ef4444;--clips-status-bookmarked-bg:#e0e7ff;--clips-status-bookmarked-text:#3730a3;--clips-status-bookmarked-border:#6366f1;--clips-action-primary-bg:#6366f1;--clips-action-primary-text:#fff;--clips-action-primary-hover:#4f46e5;--clips-action-secondary-bg:#fff;--clips-action-secondary-text:#374151;--clips-action-secondary-border:#d1d5db;--clips-action-secondary-hover:#f9fafb;--clips-action-danger-bg:#ef4444;--clips-action-danger-text:#fff;--clips-action-danger-hover:#dc2626;--clips-shadow-sm:0 1px 2px 0 #0000000d;--clips-shadow-md:0 4px 6px -1px #0000001a;--clips-shadow-lg:0 10px 15px -3px #0000001a}[data-theme=dark]{--clips-surface-primary:#18181b;--clips-surface-secondary:#27272a;--clips-surface-card:#27272a;--clips-surface-card-hover:#3f3f46;--clips-text-primary:#f9fafb;--clips-text-secondary:#e5e7eb;--clips-text-tertiary:#9ca3af;--clips-border-subtle:#3f3f46;--clips-border-default:#52525b;--clips-border-strong:#71717a;--clips-status-pending-bg:#78350f;--clips-status-pending-text:#fef3c7;--clips-status-pending-border:#f59e0b;--clips-status-processing-bg:#1e3a8a;--clips-status-processing-text:#dbeafe;--clips-status-processing-border:#3b82f6;--clips-status-ready-bg:#065f46;--clips-status-ready-text:#d1fae5;--clips-status-ready-border:#10b981;--clips-status-failed-bg:#991b1b;--clips-status-failed-text:#fee2e2;--clips-status-failed-border:#ef4444;--clips-status-bookmarked-bg:#3730a3;--clips-status-bookmarked-text:#e0e7ff;--clips-status-bookmarked-border:#6366f1;--clips-action-primary-bg:#6366f1;--clips-action-primary-text:#fff;--clips-action-primary-hover:#818cf8;--clips-action-secondary-bg:#3f3f46;--clips-action-secondary-text:#e5e7eb;--clips-action-secondary-border:#52525b;--clips-action-secondary-hover:#52525b;--clips-action-danger-bg:#dc2626;--clips-action-danger-text:#fff;--clips-action-danger-hover:#ef4444;--clips-shadow-sm:0 1px 2px 0 #0000004d;--clips-shadow-md:0 4px 6px -1px #0006;--clips-shadow-lg:0 10px 15px -3px #00000080}.clip-manager{background:var(--clips-surface-primary);color:var(--clips-text-primary);margin:0 auto;max-width:1600px;padding:0 24px;width:100%}@media (min-width:768px){.clip-manager{padding:0 40px}}.clip-manager-header{border-bottom:1px solid var(--clips-border-default);display:flex;flex-direction:column;gap:16px;margin-bottom:40px;padding-bottom:20px}@media (min-width:768px){.clip-manager-header{align-items:center;flex-direction:row;justify-content:space-between}}.clip-manager-header h1{color:var(--clips-text-primary);font-size:28px;font-weight:600;letter-spacing:-.02em;margin:0}.subtitle{color:var(--clips-text-tertiary);font-size:14px;font-weight:400}.header-actions{align-items:center;display:flex;gap:12px}.refresh-button{align-items:center;background:var(--clips-surface-card);border:1px solid var(--clips-border-default);border-radius:6px;color:var(--clips-text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;min-width:36px;padding:8px;transition:all .15s ease}.refresh-button:hover:not(:disabled){background:var(--clips-surface-card-hover);border-color:var(--clips-border-strong)}.refresh-button:focus{outline:2px solid var(--clips-action-primary-bg);outline-offset:2px}.refresh-button:disabled{cursor:not-allowed;opacity:.5}.spinner{animation:spin .8s linear infinite}.filter-select{background:var(--clips-surface-card);border:1px solid var(--clips-border-default);border-radius:6px;color:var(--clips-text-primary);cursor:pointer;font-size:14px;font-weight:500;min-height:36px;padding:8px 12px;transition:all .15s ease}.filter-select:hover{border-color:var(--clips-border-strong)}.filter-select:focus{border-color:var(--clips-action-primary-bg);outline:2px solid var(--clips-action-primary-bg);outline-offset:2px}.date-group{margin-bottom:48px}.date-header{color:var(--clips-text-tertiary);font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:16px;text-transform:uppercase}.clips-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (min-width:1400px){.clips-grid{gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.clip-card{background:var(--clips-surface-card);border:1px solid var(--clips-border-default);border-radius:8px;box-shadow:var(--clips-shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.clip-card:hover{border-color:var(--clips-border-strong);box-shadow:var(--clips-shadow-md)}.clip-card.expiring{opacity:.6}.clip-thumbnail{background:var(--clips-surface-secondary);overflow:hidden;padding-top:56.25%;position:relative;width:100%}.thumbnail-video{object-fit:cover}.thumbnail-placeholder,.thumbnail-video{height:100%;left:0;position:absolute;top:0;width:100%}.thumbnail-placeholder{background:linear-gradient(135deg,#e0e7ff,#dbeafe)}[data-theme=dark] .thumbnail-placeholder{background:linear-gradient(135deg,#312e81,#1e3a8a)}.thumbnail-play-overlay{align-items:center;background:#0000004d;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.clip-thumbnail:hover .thumbnail-play-overlay{opacity:1}.play-icon{align-items:center;background:#fffffff2;border-radius:50%;box-shadow:0 4px 12px #0003;color:#111827;display:flex;font-size:20px;height:56px;justify-content:center;transition:transform .2s ease;width:56px}.clip-thumbnail:hover .play-icon{transform:scale(1.1)}.clip-info{padding:16px}.clip-title{color:var(--clips-text-primary);font-size:15px;font-weight:600;line-height:1.4;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-title .untitled{color:var(--clips-text-tertiary);font-style:italic;font-weight:400}.clip-game{font-weight:500;margin-bottom:8px}.clip-game,.clip-meta{color:var(--clips-text-secondary);font-size:13px}.clip-meta{align-items:center;display:flex;font-weight:400;gap:8px}.status-badge{align-items:center;border:1px solid;display:inline-flex;font-weight:600;gap:6px;margin-top:8px}.status-badge.awaiting,.status-badge.pending{background:var(--clips-status-pending-bg);border-color:var(--clips-status-pending-border);color:var(--clips-status-pending-text)}.status-badge.processing{background:var(--clips-status-processing-bg);border-color:var(--clips-status-processing-border);color:var(--clips-status-processing-text)}.status-badge.approved,.status-badge.ready{background:var(--clips-status-ready-bg);border-color:var(--clips-status-ready-border);color:var(--clips-status-ready-text)}.status-badge.failed,.status-badge.rejected{background:var(--clips-status-failed-bg);border-color:var(--clips-status-failed-border);color:var(--clips-status-failed-text)}.status-badge.bookmarked{background:var(--clips-status-bookmarked-bg);border-color:var(--clips-status-bookmarked-border);color:var(--clips-status-bookmarked-text)}.status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.status-dot.awaiting,.status-dot.pending{background:var(--clips-status-pending-border)}.status-dot.processing{background:var(--clips-status-processing-border)}.status-dot.approved{background:var(--clips-status-ready-border)}.status-dot.failed,.status-dot.rejected{background:var(--clips-status-failed-border)}.status-dot.bookmarked{background:var(--clips-status-bookmarked-border)}.platform-indicators{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.platform-tag{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.03em;padding:3px 8px;text-transform:uppercase}.platform-tag.youtube{background:red;color:#fff}.platform-tag.tiktok{background:#000;color:#fff}[data-theme=dark] .platform-tag.tiktok{background:#fff;color:#000}.platform-tag.instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);color:#fff}.platform-tag.platform-error{border:1px solid #fbbf24;opacity:.7;position:relative}.clip-actions{align-items:center;background:var(--clips-surface-secondary);border-top:1px solid var(--clips-border-default);flex-wrap:wrap;min-height:56px;padding:12px}.action-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;min-height:36px;padding:8px 16px;transition:all .15s ease;white-space:nowrap}.action-btn.action-primary{background:var(--clips-action-primary-bg);color:var(--clips-action-primary-text);flex:1 1;min-width:120px}.action-btn.action-primary:hover:not(:disabled){background:var(--clips-action-primary-hover);box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.action-btn.action-secondary{background:var(--clips-action-secondary-bg);border:1px solid var(--clips-action-secondary-border);color:var(--clips-action-secondary-text)}.action-btn.action-secondary:hover:not(:disabled){background:var(--clips-action-secondary-hover);border-color:var(--clips-border-strong)}.action-btn.action-danger{background:#0000;border:1px solid var(--clips-border-default);color:var(--clips-action-danger-bg)}.action-btn.action-danger:hover:not(:disabled){background:var(--clips-status-failed-bg);border-color:var(--clips-action-danger-bg)}.action-btn.action-disabled{background:var(--clips-surface-secondary);border:1px solid var(--clips-border-default);color:var(--clips-text-tertiary)}.action-btn.action-disabled,.action-btn:disabled{cursor:not-allowed;opacity:.6}.action-btn:focus{outline:2px solid var(--clips-action-primary-bg);outline-offset:2px}.action-processing{align-items:center;color:var(--clips-text-secondary);display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px}.processing-spinner{animation:spin .8s linear infinite;border:2px solid var(--clips-border-default);border-radius:50%;border-top-color:var(--clips-action-primary-bg);height:16px;width:16px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3}.modal-content{background:var(--clips-surface-card);border:1px solid var(--clips-border-default);box-shadow:var(--clips-shadow-lg);max-width:500px;width:90%}.modal-content h2{color:var(--clips-text-primary);font-size:20px;font-weight:600;margin:0 0 12px}.modal-content p{color:var(--clips-text-secondary);font-size:15px;line-height:1.6;margin:0 0 24px}.btn-approve,.btn-cancel,.btn-delete-confirm,.btn-reject,.btn-upgrade{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;min-height:40px;min-width:80px;padding:10px 20px;transition:all .15s ease}.btn-cancel{background:var(--clips-action-secondary-bg);border:1px solid var(--clips-border-default);color:var(--clips-text-primary)}.btn-cancel:hover:not(:disabled){background:var(--clips-action-secondary-hover);border-color:var(--clips-border-strong)}.btn-delete-confirm,.btn-reject{background:var(--clips-action-danger-bg);color:var(--clips-action-danger-text)}.btn-delete-confirm:hover:not(:disabled),.btn-reject:hover:not(:disabled){background:var(--clips-action-danger-hover)}.btn-approve,.btn-upgrade{background:var(--clips-action-primary-bg);color:var(--clips-action-primary-text)}.btn-approve:hover:not(:disabled),.btn-upgrade:hover{background:var(--clips-action-primary-hover)}.btn-approve:disabled,.btn-cancel:disabled,.btn-delete-confirm:disabled{cursor:not-allowed;opacity:.5}.video-modal-content{background:var(--clips-surface-card);border:1px solid var(--clips-border-default);border-radius:12px;box-shadow:var(--clips-shadow-lg);max-height:90vh;max-width:90vw;overflow:hidden}.video-modal-header{align-items:center;border-bottom:1px solid var(--clips-border-default);display:flex;justify-content:space-between;padding:16px 20px}.video-modal-controls{align-items:center;display:flex;gap:8px}.captions-toggle{background:var(--clips-action-primary-bg);border:none;border-radius:4px;color:var(--clips-action-primary-text);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .15s ease}.captions-toggle:hover{background:var(--clips-action-primary-hover)}.video-modal-header h2{color:var(--clips-text-primary);font-size:18px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:6px;color:var(--clips-text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px 8px;transition:all .15s ease;width:32px}.close-button:hover{background:var(--clips-surface-secondary);color:var(--clips-text-primary)}.video-player{background:#000;display:block;max-height:calc(90vh - 60px);width:100%}.empty-state{color:var(--clips-text-tertiary);font-size:15px;padding:80px 20px;text-align:center}.platform-selection{display:flex;flex-direction:column;gap:10px;margin:20px 0}.platform-checkbox{align-items:center;background:var(--clips-surface-secondary);border:1px solid var(--clips-border-default);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .15s ease}.platform-checkbox:hover{background:var(--clips-surface-card-hover);border-color:var(--clips-border-strong)}.platform-checkbox input[type=checkbox]{accent-color:var(--clips-action-primary-bg);cursor:pointer;height:18px;width:18px}.platform-checkbox span{color:var(--clips-text-primary);flex:1 1;font-size:14px;font-weight:500}.platform-hint{color:var(--clips-text-tertiary);font-size:12px;font-weight:400}.warning-text{color:var(--clips-action-danger-bg);font-size:13px;font-weight:500;margin:12px 0 0}.warning-text a{color:var(--clips-action-primary-bg);font-weight:600;text-decoration:underline}.tier-notice{align-items:flex-start;background:var(--clips-status-pending-bg);border:1px solid var(--clips-status-pending-border);border-radius:8px;color:var(--clips-status-pending-text);display:flex;font-size:13px;gap:10px;line-height:1.5;margin-bottom:16px;padding:12px 16px}.tier-notice svg{flex-shrink:0;margin-top:2px}.clip-thumbnail-clickable{cursor:pointer}.clip-thumbnail-default{cursor:default}.captions-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;border:1px solid #fff3;border-radius:4px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 6px;position:absolute;right:8px;top:8px}.download-options{display:flex;flex-direction:column;gap:12px;margin:20px 0}.btn-download-option{align-items:center;background:var(--clips-surface-secondary);border:1px solid var(--clips-border-default);border-radius:8px;cursor:pointer;display:flex;padding:16px;text-align:left;transition:all .15s ease;width:100%}.btn-download-option:hover:not(:disabled){background:var(--clips-surface-card-hover);border-color:var(--clips-action-primary-bg)}.btn-download-option:disabled{cursor:not-allowed;opacity:.5}.download-option-content{display:flex;flex-direction:column;gap:4px}.download-option-content strong{color:var(--clips-text-primary);font-size:14px;font-weight:600}.download-option-content span{color:var(--clips-text-secondary);font-size:12px}.banner{align-items:flex-start;animation:bannerSlideIn .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 10px 40px #00000026,0 4px 12px #0000001a;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;gap:16px;max-width:420px;min-width:340px;padding:16px 20px;position:fixed;right:24px;top:24px;z-index:1000}@keyframes bannerSlideIn{0%{opacity:0;transform:translateX(100%) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.banner-content{align-items:flex-start;display:flex;flex:1 1;gap:12px;min-width:0}.banner-text{display:flex;flex:1 1;flex-direction:column;gap:4px}.banner-debug{align-items:center;display:flex;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:11px;font-weight:500;gap:6px;letter-spacing:.01em;opacity:.6}.debug-code{font-weight:600;text-transform:uppercase}.debug-separator{font-size:8px}.debug-timestamp{font-weight:400}.banner-icon{align-items:center;border-radius:6px;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:1px;width:20px}.banner-title{color:inherit;font-size:14px;font-weight:600;line-height:1.4;margin:0}.banner-description{color:inherit;font-size:13px;font-weight:400;line-height:1.4;margin-top:2px;opacity:.9}.banner-message{color:inherit;font-size:14px;font-weight:500;line-height:1.4}.banner-dismiss{align-items:center;align-self:flex-start;background:#0000;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;opacity:.7;padding:6px;transition:all .2s ease;width:28px}.banner-dismiss:hover{background:#ffffff26;opacity:1;transform:scale(1.05)}.banner-dismiss:focus{outline:2px solid #ffffff4d;outline-offset:2px}.banner-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.banner-success .banner-icon{background:#fff3}.banner-error{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.banner-error .banner-icon{background:#fff3}.banner-warning{background:linear-gradient(135deg,#feca57,#ff9ff3);color:#2d3436}.banner-warning .banner-icon{background:#2d34361a}.banner-info{background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff}.banner-info .banner-icon{background:#fff3}[data-theme=dark] .banner{background:#1c1c1ef2;border:1px solid #ffffff14;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003}[data-theme=dark] .banner-dismiss:hover{background:#ffffff14}[data-theme=dark] .banner-dismiss:focus{outline-color:#ffffff4d}.settings-redesign{align-items:center;color:var(--text);display:flex;flex-direction:column;width:100%}.settings-toast{animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;font-size:14px;font-weight:500;max-width:400px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:1000}.settings-toast-success{background:#10b981;border:1px solid #059669;color:#fff}.settings-toast-error{background:#ef4444;border:1px solid #dc2626;color:#fff}.settings-header{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:12px;margin-bottom:32px;padding:24px 16px;width:100%}@media (min-width:768px){.settings-header{margin:0 80px 32px;padding:32px 24px}}.settings-header h1{color:var(--text);font-size:24px;font-weight:600;margin:0}@media (min-width:768px){.settings-header h1{font-size:28px}}.settings-shell{grid-gap:72px;align-items:start;display:grid;gap:72px;grid-template-columns:minmax(720px,1fr) minmax(360px,460px);margin:0 auto;max-width:1500px;padding:80px 64px;width:100%}.settings-main{padding:0;width:100%}.settings-main>.settings-card{margin-bottom:24px}.settings-main>.settings-card:last-child{margin-bottom:0}.settings-section{position:relative}.settings-section-divider{background:var(--color-border-default);height:1px;margin:56px 0}.settings-preview-column{align-items:flex-start;display:flex;justify-self:end;width:100%}.preview-card{align-items:center;background:#0000;border:none;border-radius:12px;box-shadow:none;display:flex;flex-direction:column;max-width:420px;padding:40px 32px;position:-webkit-sticky;position:sticky;top:120px;width:100%}.preview-card-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:none!important;border:none!important;box-shadow:none!important;color:var(--text);display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(34px,3.2vw,52px);font-weight:900;letter-spacing:1px;line-height:1.05;margin:0 0 12px;outline:none!important;padding:0;text-align:center;text-transform:uppercase}.preview-card-title:after,.preview-card-title:before{content:none!important;display:none!important}.preview-card-subtitle{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:none!important;border:none!important;box-shadow:none!important;color:var(--muted-text);display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;line-height:1.5;margin:0 auto 32px;max-width:360px;opacity:.7;outline:none!important;padding:0;text-align:center}.preview-card-subtitle:after,.preview-card-subtitle:before{content:none!important;display:none!important}.preview-card-frame-wrap{align-items:center;display:flex;justify-content:center;width:100%}.preview-stage{--caption-safe-x:clamp(12px,4%,28px);--caption-safe-bottom:80px;--caption-shadow-strength:0.6;aspect-ratio:9/16;background:#0000;border:none;border-radius:12px;box-shadow:none;max-width:420px;overflow:hidden;position:relative;width:100%}.preview-bg{height:100%;inset:0;object-fit:cover;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%;z-index:0}.preview-layer{left:0;position:absolute;right:0;z-index:2}.preview-separator{background-color:#000;background-color:var(--separator-color,#000);height:25px;top:30%;width:100%;z-index:3}.preview-static-text{background-color:initial;box-shadow:none;font-size:10px;left:50%;line-height:25px;margin:0 auto;max-width:90%;overflow:hidden;right:auto;text-align:center;text-overflow:ellipsis;text-shadow:none;top:30%;transform:translate(-50%,-50%);white-space:nowrap;width:-webkit-fit-content;width:fit-content;z-index:4}.captionOverlay{inset:0;pointer-events:none;position:absolute;z-index:5}.captionOverlay,.captionSafeArea{display:flex;justify-content:center}.captionSafeArea{padding-left:var(--caption-safe-x);padding-right:var(--caption-safe-x);width:100%}.captionPill{background:#0000;border-radius:999px;box-sizing:border-box;display:inline-block;max-width:100%;padding:clamp(8px,1.5vw,14px) clamp(14px,2vw,20px)}.captionText{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:4.9px;font-size:calc(var(--caption-size, 14)*.35px);font-weight:800;letter-spacing:.2px;line-height:1.15;overflow:hidden;overflow-wrap:anywhere;text-align:center;text-overflow:ellipsis;word-break:break-word}.preview-card-image{border-radius:12px;box-shadow:0 8px 24px #0003;height:auto;max-width:280px;width:100%}@media (max-width:1200px){.settings-shell{gap:40px;grid-template-columns:1fr;padding:40px 24px}.settings-main{padding:0;width:100%}.settings-preview-column{justify-self:center;width:100%}.preview-card{margin:0 auto;max-width:600px;position:static}}.settings-card{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:40px 32px;transition:all .15s ease-in-out}@media (min-width:768px){.settings-card{padding:48px 40px}}[data-theme=dark] .settings-card{box-shadow:0 2px 8px #0000004d}.card-title{font-size:22px;line-height:1.3}.card-subtitle{font-size:15px;line-height:1.6;margin:0 0 32px}.setting-row{align-items:flex-start;display:flex;flex-direction:column;gap:16px}.setting-row-spaced{margin-top:12px}@media (min-width:768px){.setting-row{align-items:center;flex-direction:row;gap:24px;justify-content:space-between}}.setting-info{flex:1 1}.setting-label{color:var(--text);font-size:16px;font-weight:500;margin-bottom:4px}.setting-description{color:var(--muted-text);font-size:14px}.toggle-switch{align-items:center;display:inline-flex;gap:12px;position:relative}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#d1d5db;border-radius:14px;cursor:pointer;display:inline-block;height:28px;position:relative;transition:all .15s ease-in-out;width:48px}[data-theme=dark] .toggle-slider{background:#4b5563}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:22px;left:3px;position:absolute;transition:transform .15s ease-in-out;width:22px}.toggle-switch input:checked+.toggle-slider{background:#10b981}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-switch input:focus+.toggle-slider{outline:2px solid var(--accent);outline-offset:2px}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.toggle-label{color:var(--muted-text);font-size:14px}.platforms-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:768px){.platforms-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.platform-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:8px;box-shadow:0 1px 3px #00000014;padding:16px;transition:all .15s ease-in-out}@media (min-width:768px){.platform-card{padding:20px}}.platform-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}[data-theme=dark] .platform-card{box-shadow:0 1px 3px #0000004d}[data-theme=dark] .platform-card:hover{box-shadow:0 4px 12px #0009}.platform-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.platform-name{color:var(--text);font-size:16px;font-weight:600}.status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 10px}.status-badge.connected{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.status-badge.disconnected{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}[data-theme=dark] .status-badge.connected{background:#064e3b;border-color:#10b981;color:#6ee7b7}[data-theme=dark] .status-badge.disconnected{background:#374151;border-color:#4b5563;color:#9ca3af}.platform-status{font-size:14px;margin:12px 0}.posting-enabled{align-items:center;color:#10b981;display:flex;font-weight:500;gap:8px}.posting-enabled svg{flex-shrink:0}.posting-locked{align-items:center;color:var(--muted-text);display:flex;font-weight:500;gap:8px}.posting-locked svg{flex-shrink:0}.posting-unavailable{color:var(--muted-text);font-size:13px}.platform-actions{display:flex;gap:12px;width:100%}.platform-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;min-height:var(--touch-target-min);padding:12px 16px;transition:var(--transition-fast),var(--transition-transform);width:100%}@media (min-width:768px){.platform-button{padding:8px 16px;width:auto}}.platform-button.connect{background:#10b981;border:none;color:#fff}.platform-button.connect:hover{background:#059669;box-shadow:0 2px 8px #10b9814d}.platform-button.connect:focus{outline:2px solid #10b981;outline-offset:2px}.platform-button.disconnect{background:#ef4444;border:none;color:#fff}.platform-button.disconnect:hover{background:#dc2626;box-shadow:0 2px 8px #ef44444d}.platform-button.disconnect:focus{outline:2px solid #ef4444;outline-offset:2px}.form-field{margin-bottom:24px}.form-field:last-child{margin-bottom:0}.field-label{color:var(--text);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.field-input,.field-select{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;min-height:44px;padding:12px 16px;transition:all .15s ease-in-out;width:100%}.field-input:focus,.field-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a;outline:none}.field-input::placeholder{color:var(--disabled-text)}.field-select option{background:var(--card-bg);color:var(--text)}.field-help{color:var(--muted-text);font-size:13px;margin-top:6px}.field-help-spaced{margin-bottom:12px;margin-top:4px}.full-width{width:100%}.disabled-text{opacity:.5}.discord-section{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:16px}@media (min-width:768px){.discord-section{padding:20px}}.discord-info h3{color:var(--text);font-size:18px;font-weight:600;margin:0 0 8px}.discord-info p{color:var(--muted-text);font-size:14px;margin:0 0 16px}.discord-benefits{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.benefit-item{background:var(--card-bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:14px;padding:8px 12px}.discord-connected{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.discord-connected p{color:var(--muted-text);font-family:monospace;font-size:14px;margin:0}.discord-form{display:flex;flex-direction:column;gap:16px}.discord-form .field-help a{color:var(--accent);text-decoration:none}.discord-form .field-help a:hover{text-decoration:underline}.discord-setup{margin-bottom:24px}.discord-invite{align-items:center;display:inline-flex;font-size:14px;font-weight:600;gap:8px}.discord-invite,.discord-invite:hover{text-decoration:none}.card-subtitle{color:var(--muted-text);font-size:14px;line-height:1.5;margin:-12px 0 24px}.tier-note{font-weight:500;margin-top:8px}.tier-note,.tier-requirement{color:var(--accent);font-size:13px}.tier-requirement{background:var(--card-bg);border:1px solid var(--border);border-radius:6px;font-weight:600;margin:0 0 16px;padding:8px 12px}.posting-mode-notice{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;line-height:1.5;margin-bottom:24px;padding:12px 16px}.discord-config{border-top:1px solid var(--border);margin-top:32px;padding-top:24px}.discord-config h3{color:var(--text);font-size:18px;font-weight:600;margin:0 0 16px}.platform-toggles{margin-top:24px}.platform-toggles h4{color:var(--text);font-size:14px;font-weight:600;margin:0 0 12px}.checkbox-group{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.checkbox-label{align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;transition:all .15s ease-in-out}.checkbox-label:hover{background:var(--bg);border-color:var(--accent)}.checkbox-label input[type=checkbox]{accent-color:var(--accent);cursor:pointer;height:18px;width:18px}.connection-status{align-items:center;background:#d1fae5;border:1px solid #6ee7b7;border-radius:8px;display:flex;gap:12px;margin-top:16px;padding:12px 16px}[data-theme=dark] .connection-status{background:#064e3b;border-color:#10b981}.status-text{color:#065f46;font-size:14px;font-weight:500}[data-theme=dark] .status-text{color:#6ee7b7}.platform-button:disabled{cursor:not-allowed;opacity:.5}.platform-button:disabled:hover{background:#10b981;box-shadow:none;transform:none}.platform-button.disabled{cursor:not-allowed;opacity:.5}.platform-button.disabled:hover{background:#10b981;box-shadow:none;transform:none}@media (max-width:768px){.card-subtitle{margin:-12px 0 20px}.discord-config{margin-top:24px;padding-top:20px}.discord-benefits{gap:6px}.benefit-item{font-size:13px}.settings-toast{left:10px;max-width:none;right:10px;top:10px}.subscription-card{padding:20px 16px!important}.field-input,.field-textarea,select{font-size:16px!important;min-height:var(--touch-target-mobile);padding:12px 16px}.platform-button{font-size:16px;padding:12px 20px}.checkbox-label,.platform-button{min-height:var(--touch-target-mobile)}.checkbox-label{padding:12px 16px}.checkbox-label input[type=checkbox]{height:20px;width:20px}.api-key-actions{flex-direction:column;gap:12px}.api-key-actions .platform-button{width:100%}.token-display{flex-direction:column;gap:12px}.token-display .field-input{min-width:0;min-width:auto;width:100%}.token-display .platform-button{width:100%}}@media (max-width:414px){.card-title{font-size:18px}.setting-label{font-size:15px}.setting-description{font-size:13px}.field-input,.field-textarea,select{font-size:16px!important;padding:14px 16px}.platform-button{font-size:15px;padding:14px 18px}.checkbox-label{font-size:15px;padding:14px 16px}}.api-key-section{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;max-width:720px}.api-key-section .field-input{width:100%}.api-key-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.api-key-actions .platform-button{flex-shrink:0;font-size:13px;min-height:40px;padding:8px 16px;width:auto}@media (max-width:768px){.api-key-actions .platform-button{flex:1 1;min-width:100px}}.locked-feature{opacity:.6}.premium-feature-gate{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:20px}.feature-gate-content{display:flex;flex-direction:column;gap:20px}.feature-gate-header{align-items:flex-start;display:flex;gap:16px}.feature-gate-icon{color:var(--muted-text);flex-shrink:0;margin-top:2px}.feature-gate-title{color:var(--text);font-size:16px;font-weight:600;margin-bottom:6px}.feature-gate-description{color:var(--muted-text);font-size:14px;line-height:1.5}.feature-gate-footer{align-items:flex-start;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px;padding-top:16px}@media (min-width:768px){.feature-gate-footer{align-items:center;flex-direction:row;justify-content:space-between}}.feature-gate-badge{background:var(--card-bg);border:1px solid var(--border);border-radius:6px;color:var(--muted-text);font-size:13px;font-weight:600;padding:6px 12px}.feature-gate-cta{background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-height:44px;padding:10px 20px;transition:var(--transition-fast),var(--transition-transform);width:100%}@media (min-width:768px){.feature-gate-cta{width:auto}}.feature-gate-cta:hover{background:var(--primary-hover);box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.feature-gate-cta:active{transform:translateY(0)}.locked-platform{opacity:.8}.status-badge.locked{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}[data-theme=dark] .status-badge.locked{background:#374151;border-color:#4b5563;color:#9ca3af}.streamdeck-access{background:#ffffff08;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff0a,0 8px 24px #00000059;margin-top:8px;padding:24px}[data-theme=light] .streamdeck-access{background:#00000005;box-shadow:inset 0 1px 0 #fffc,0 8px 24px #00000014}.access-title{color:var(--text);font-size:16px;font-weight:600;letter-spacing:-.01em;margin:0 0 4px}.access-description{color:#ffffffb8;font-size:14px;margin:0 0 12px}[data-theme=light] .access-description{color:#000000a6}.access-requirement{color:#ffffffa6;font-size:13px;margin:0 0 18px}[data-theme=light] .access-requirement{color:#0000008c}.upgrade-button{align-self:flex-start;background:linear-gradient(180deg,#22c55e,#16a34a);border:none;border-radius:10px;box-shadow:0 6px 16px #22c55e59,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:var(--transition-transform),box-shadow .2s ease}.upgrade-button:hover{box-shadow:0 8px 20px #22c55e66,inset 0 1px 0 #fff3;transform:translateY(-1px)}.upgrade-button:active{transform:translateY(0)}.token-display{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.token-display .field-input{flex:1 1;min-width:200px}.token-display .platform-button{flex-shrink:0;font-size:13px;padding:8px 12px;width:auto}@media (max-width:768px){.token-display{flex-direction:column;gap:12px}.token-display .field-input{min-width:0;min-width:auto}}.subscription-card{padding:20px 16px!important}@media (min-width:768px){.subscription-card{padding:24px!important}}.subscription-section{display:flex;flex-direction:column;gap:20px}.subscription-status{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:8px;padding:16px}.status-info{display:flex;flex-direction:column;gap:12px}.current-plan{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.plan-label,.status-label{color:var(--muted-text);font-size:14px;font-weight:500}.plan-badge{border-radius:12px;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.plan-badge.plan-hobby{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}.plan-badge.plan-creator{background:#dbeafe;border:1px solid #93c5fd;color:#1d4ed8}.plan-badge.plan-brand{background:#f3e8ff;border:1px solid #c4b5fd;color:#7c3aed}[data-theme=dark] .plan-badge.plan-hobby{background:#374151;border-color:#4b5563;color:#9ca3af}[data-theme=dark] .plan-badge.plan-creator{background:#1e3a8a;border-color:#3b82f6;color:#93c5fd}[data-theme=dark] .plan-badge.plan-brand{background:#581c87;border-color:#8b5cf6;color:#c4b5fd}.subscription-details{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.status-value{font-size:14px;font-weight:500}.status-value.status-active{color:#10b981}.status-value.status-canceled,.status-value.status-past_due{color:#ef4444}.status-value.status-trialing{color:#f59e0b}.early-access-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.early-access-badge{background:#10b981;font-size:11px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.expires-text{color:var(--muted-text);font-size:12px}.platform-button.btn-secondary{background:#6b7280;border:none;color:#fff}.platform-button.btn-secondary:hover{background:#4b5563;box-shadow:0 2px 8px #6b72804d}.platform-button.btn-secondary:focus{outline:2px solid #6b7280;outline-offset:2px}[data-theme=dark] .platform-button.btn-secondary{background:#4b5563;color:#e5e7eb}[data-theme=dark] .platform-button.btn-secondary:hover{background:#374151}.discord-optional{border-bottom:1px solid var(--color-border-default);margin-bottom:16px;padding-bottom:16px}.discord-accordion-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:8px 0;-webkit-user-select:none;user-select:none}.discord-accordion-header:hover{opacity:.8}.discord-title{color:var(--muted-text);font-size:14px;font-weight:500;margin:0}.discord-subtitle{color:var(--muted-text);font-size:12px;margin-left:8px;opacity:.7}.discord-caret{color:var(--muted-text);flex-shrink:0;transition:transform .2s ease}.discord-caret.expanded{transform:rotate(180deg)}.discord-content{animation:slideDown .2s ease;padding:16px 0 0}.discord-bot-setup{align-items:center;display:flex;gap:12px;margin-bottom:16px}.discord-invite-compact{font-size:13px;padding:6px 12px;width:auto}.micro-label{color:var(--muted-text);font-size:11px;opacity:.7}.platform-toggles-inline{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin:12px 0}.inline-label{font-weight:500}.inline-checkbox,.inline-label{color:var(--text);font-size:13px}.inline-checkbox{align-items:center;cursor:pointer;display:flex;gap:6px}.inline-checkbox input[type=checkbox]{accent-color:var(--accent);height:14px;width:14px}.discord-actions{align-items:center;display:flex;gap:12px;margin-top:16px}.platform-button.compact{font-size:13px;padding:6px 16px;width:auto}.status-indicator{color:#10b981;font-size:12px;font-weight:500}.discord-upsell{align-items:center;border-bottom:1px solid var(--color-border-default);display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 0}.upsell-text{color:var(--muted-text);font-size:14px;font-weight:500}.platform-button.upgrade.compact{background:#6b7280;border:none;color:#fff;font-size:12px;padding:6px 12px}.platform-button.upgrade.compact:hover{background:#4b5563}.subsection{border-bottom:1px solid var(--color-border-default);margin-bottom:40px;padding-bottom:32px}.subsection:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.subsection-title{color:var(--text);font-size:17px;font-weight:600;line-height:1.4;margin:0 0 10px}.subsection-subtitle{color:var(--muted-text);font-size:14px;line-height:1.6;margin:0 0 24px}.beta-tag{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:4px;color:#f59e0b;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-left:8px;padding:2px 6px;text-transform:uppercase;vertical-align:middle}[data-theme=dark] .beta-tag{background:#fbbf241a;border-color:#fbbf244d;color:#fbbf24}.discord-config h4,.discord-info h4{color:var(--text);font-size:15px;font-weight:600;margin:0 0 12px}.discord-config h5{color:var(--text);font-size:14px;font-weight:600;margin:0 0 12px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:480px;padding:24px;width:100%}[data-theme=dark] .modal-content{box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003}.modal-content h3{color:var(--text);font-size:18px;font-weight:600;margin:0 0 16px}.modal-warning{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:8px;color:var(--text);font-size:14px;line-height:1.5;margin:0 0 24px;padding:16px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-actions .platform-button{font-size:14px;padding:10px 20px;width:auto}@media (max-width:480px){.modal-content{margin:20px;padding:20px}.modal-actions{flex-direction:column}.modal-actions .platform-button{width:100%}}.discord-platform-filters{border-left:2px solid var(--border-color);margin-left:1rem;margin-top:.5rem;padding-left:1rem}.discord-platform-filters .field-help{margin-bottom:.5rem}.discord-platform-filters .setting-row{margin-top:.5rem}.discord-unlink-button{margin-top:1rem}.discord-linked-status{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:8px;padding:16px}.discord-linked-status .status-indicator{align-items:center;color:#10b981;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:12px}.discord-linked-status .field-help{margin:0}.discord-linked-status code{background:var(--card-bg);border:1px solid var(--border);border-radius:4px;color:var(--accent);font-size:13px;padding:2px 6px}.discord-autopost-row{margin-top:1rem}.color-picker-row{align-items:center;display:flex}.color-input{border:1px solid var(--border-color);border-radius:4px;cursor:pointer;height:40px;width:60px}.hex-input{margin-left:10px;width:120px}.caption-preview{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;margin-top:20px;padding:15px}.preview-label{color:var(--text);font-weight:600;margin-bottom:10px}.preview-box{align-items:center;background:#000;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;min-height:300px;padding:20px}.preview-webcam{background:#333;border-radius:8px;color:#fff;font-size:14px;padding:20px 40px}.preview-static-text{border-radius:4px;color:#fff;color:var(--static-text-color,#fff);font-size:16px;font-weight:600;margin:10px 0;padding:8px 16px}.preview-gameplay{align-items:center;color:#666;display:flex;flex:1 1;font-size:14px;justify-content:center}.preview-caption{background:#000c;border-radius:4px;color:#fff;color:var(--caption-color,#fff);font-size:18px;font-weight:700;margin-top:10px;padding:10px 20px}.platform-card.locked{opacity:.6}.platform-card.locked:hover{box-shadow:none;transform:none}.platform-card.locked .platform-actions{pointer-events:auto}.platform-features-muted{color:#fff6;font-size:14px;font-weight:400;line-height:1.6;margin:12px 0}.lock-icon{opacity:.3}.separator-bar-preview{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;margin-top:16px;padding:16px}.separator-bar-preview .preview-label{color:var(--text);font-size:13px;font-weight:600;margin-bottom:12px}.separator-bar{background:#000;background:var(--bar-color,#000);border-radius:4px;height:70px;transition:height .2s ease;width:100%}.separator-bar.hidden{height:0;overflow:hidden}.clip-preview-frame{aspect-ratio:9/16;background-color:#1a1a1a;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #0006;max-width:520px;overflow:hidden;position:relative;width:100%}.clip-preview-webcam{align-items:center;background-color:#2a2a2a;color:#666;display:flex;font-size:12px;height:30%;justify-content:center}.clip-preview-separator{height:25px;width:100%}.clip-preview-static-text{border-radius:4px;font-size:10px;font-weight:600;left:50%;max-width:90%;overflow:hidden;padding:4px 12px;position:absolute;text-overflow:ellipsis;top:30%;transform:translate(-50%,-50%);white-space:nowrap;z-index:2}.clip-preview-static-text.with-separator{top:calc(30% + 12px)}.clip-preview-gameplay{align-items:center;background-color:#1a1a1a;color:#666;display:flex;font-size:12px;height:70%;justify-content:center}.clip-preview-gameplay.with-separator{height:calc(70% - 25px)}.clip-preview-captions{border-radius:6px;bottom:80px;color:#fff;left:50%;max-width:85%;padding:6px 12px;position:absolute;text-align:center;transform:translateX(-50%);z-index:3}.caption-single{font-weight:800;text-transform:uppercase;white-space:nowrap}.caption-multi{font-weight:700;white-space:nowrap}.caption-block{display:inline;font-weight:600;line-height:1.3;max-width:95%;text-align:center;white-space:nowrap}.slider-container{align-items:center;display:flex;gap:16px;width:100%}.field-slider{-webkit-appearance:none;appearance:none;background:var(--color-border-default);border-radius:3px;cursor:pointer;flex:1 1;height:6px;outline:none;width:100%}.field-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#10b981;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;-webkit-transition:all .15s ease;transition:all .15s ease;width:20px}.field-slider::-webkit-slider-thumb:hover{box-shadow:0 3px 6px #10b98166;transform:scale(1.1)}.field-slider::-moz-range-thumb{background:#10b981;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;-moz-transition:all .15s ease;transition:all .15s ease;width:20px}.field-slider::-moz-range-thumb:hover{box-shadow:0 3px 6px #10b98166;transform:scale(1.1)}.slider-value{color:var(--text);font-size:14px;font-weight:600;min-width:48px;text-align:right}[data-theme=dark] .field-slider{background:#4b5563}.affiliate-benefits{margin-bottom:24px}.affiliate-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.affiliate-item{align-items:center;color:var(--text);display:flex;font-size:15px;gap:10px}.affiliate-check{color:#10b981;font-size:18px}.affiliate-cta{padding:12px 24px;width:auto}.affiliate-steps{display:flex;flex-direction:column;gap:20px}.affiliate-step{align-items:flex-start;display:flex;gap:16px}.step-number{align-items:center;background:var(--accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:32px;justify-content:center;min-width:32px}.step-content{flex:1 1}.step-text{color:var(--text);font-size:15px;font-weight:500;margin:0}.earnings-simple{display:flex;flex-direction:column;margin:20px 0}.earnings-row-simple{align-items:center;border-bottom:1px solid var(--color-border-default);display:flex;justify-content:space-between;padding:16px 0}.earnings-row-simple:last-child{border-bottom:none}.earnings-row-simple.highlight{border-left:3px solid #10b981;font-weight:600;padding-left:12px}.earnings-row-simple .earnings-label{color:var(--text);font-size:15px}.earnings-row-simple .earnings-value{color:#10b981;font-size:18px;font-weight:600}.earnings-row-simple.highlight .earnings-value{font-weight:700}.earnings-note-simple{color:var(--muted-text);font-size:14px;line-height:1.5;margin:16px 0 0}.community-funding-redesign{color:var(--text);margin:0 auto;max-width:1280px;padding:0;width:100%}@media (min-width:768px){.community-funding-redesign{padding:0}}.funding-header{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:12px;display:flex;flex-direction:column;gap:16px;margin-bottom:32px;padding:24px 16px}@media (min-width:768px){.funding-header{align-items:flex-start;flex-direction:row;justify-content:space-between;margin:0 16px 32px;padding:32px 24px}}.funding-header h1{color:var(--text);font-size:24px;font-weight:600;margin:0}@media (min-width:768px){.funding-header h1{font-size:28px}}.tier-badge{align-items:center;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:6px;color:var(--text);display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.5px;padding:6px 16px}.tier-badge-active{background:#10b981;border-color:#10b981;color:#fff}.tier-badge-icon{font-size:10px}.tier-badge-name{font-size:11px}.current-tier-badge{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 16px}.hero-card{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:12px;margin-bottom:32px;padding:24px 16px}@media (min-width:768px){.hero-card{margin:0 16px 32px;padding:32px 24px}}.progress-card{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:12px;box-shadow:0 2px 4px #00000014;margin-bottom:32px;padding:24px 16px}@media (min-width:768px){.progress-card{margin:0 16px 32px;padding:40px 32px}}[data-theme=dark] .progress-card{box-shadow:0 2px 4px #0000004d}.hero-card-spaced{margin-bottom:32px}.card-description-muted{font-size:14px;margin-top:12px;opacity:.8}.progress-card-bordered{border-top:1px solid #ffffff1a;padding-top:24px}.empty-state-message{opacity:.7;padding:16px}.empty-state-message,.progress-message{font-size:14px;margin-bottom:16px;text-align:center}.progress-message{background:#8b5cf61a;border-radius:8px;padding:12px}.next-unlock-text{font-size:13px;font-style:italic;margin-top:12px;opacity:.7}[data-theme=dark] .hero-card,[data-theme=dark] .progress-card{box-shadow:none}.card-title{color:var(--text);font-size:20px;font-weight:600;margin:0 0 12px}.card-description{color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0}.progress-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}@media (min-width:768px){.progress-header{align-items:flex-start;flex-direction:row;justify-content:space-between;margin-bottom:32px}}.progress-subtitle{color:var(--muted-text);font-size:14px;margin-top:4px}.bits-counter{color:var(--text);font-size:36px;font-weight:300}@media (min-width:768px){.bits-counter{font-size:48px}}.progress-bar-section{margin-bottom:24px}.progress-track{background:var(--color-bg-elevated);border:2px solid var(--color-border-default);border-radius:8px;box-shadow:inset 0 1px 3px #0000001a;height:16px;margin-bottom:56px;overflow:visible;position:relative}@media (min-width:768px){.progress-track{margin-bottom:48px}}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:6px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);width:0;width:var(--progress-width,0)}.tier-checkpoint{cursor:pointer;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkpoint-dot{background:var(--bg);border:3px solid var(--border);border-radius:50%;height:20px;transition:all .3s;width:20px}.tier-checkpoint.unlocked .checkpoint-dot{background:#10b981;border-color:#10b981;box-shadow:0 0 12px #10b98180}.checkpoint-label{color:var(--muted-text);font-size:8px;font-weight:600;left:50%;position:absolute;text-align:center;top:28px;transform:translateX(-50%);white-space:nowrap}@media (min-width:768px){.checkpoint-label{font-size:9px}}.tier-checkpoint:last-child .checkpoint-label{left:auto;right:0;transform:translateX(0)}.tier-checkpoint.unlocked .checkpoint-label{color:#10b981}.progress-labels{color:var(--muted-text);display:flex;font-size:11px;justify-content:space-between;padding:0 2px;white-space:nowrap}.degradation-alert{background:#fef3c7;border-left:3px solid #f59e0b;border-radius:6px;color:#78350f;font-size:14px;padding:12px 16px}[data-theme=dark] .degradation-alert{background:#78350f;color:#fcd34d}.tiers-section{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:12px;margin-bottom:32px;padding:32px 16px}@media (min-width:768px){.tiers-section{margin:0 16px 32px;padding:40px 24px}}.section-title{color:var(--text);font-size:20px;margin-bottom:20px}.tiers-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:768px){.tiers-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.tier-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:12px;box-shadow:0 1px 3px #00000014;padding:20px;transition:all .15s ease-in-out}@media (min-width:768px){.tier-card{padding:24px}}.tier-card:hover{border-color:var(--color-border-strong);box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}[data-theme=dark] .tier-card{box-shadow:0 1px 3px #0000004d}[data-theme=dark] .tier-card:hover{box-shadow:0 4px 12px #0009}.tier-card.unlocked{background:var(--color-bg-elevated);border:2px solid #10b981;box-shadow:0 2px 8px #10b98133}[data-theme=dark] .tier-card.unlocked{box-shadow:0 2px 8px #10b9814d}.tier-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.tier-name{color:var(--text);font-size:18px;font-weight:600}.unlocked-badge{background:#10b981;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px}.tier-threshold{color:var(--muted-text);font-size:14px;margin-bottom:16px}.tier-features{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.feature{color:var(--text-secondary);font-size:14px;padding-left:16px;position:relative}.feature:before{color:var(--muted-text);content:"•";left:0;position:absolute}.tier-progress{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.tier-progress-bar{background:var(--bg);border:1px solid var(--border);border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.tier-progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);width:0;width:var(--tier-progress,0)}.tier-progress-text{color:var(--muted-text);font-size:12px;text-align:center}.info-section{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px 16px}@media (min-width:768px){.info-section{padding:16px 20px}}.info-section summary{color:var(--text);cursor:pointer;font-size:14px;font-weight:600;list-style:none}.info-section summary::-webkit-details-marker{display:none}.info-section p{color:var(--muted-text);font-size:14px;line-height:1.6;margin-top:12px}.smart-banner{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:24px;padding:12px 16px}@media (min-width:768px){.smart-banner{margin-bottom:32px;padding:16px 24px}}.tier-footer{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--muted-text);font-size:14px;margin-top:24px;padding:12px 16px;text-align:center}@media (min-width:768px){.tier-footer{margin-top:32px;padding:16px 20px}}@media (max-width:414px){.checkpoint-label{font-size:7px}.progress-labels{font-size:8px}.progress-track{margin-bottom:60px}.card-title{font-size:18px}.tier-name{font-size:16px}.bits-counter{font-size:32px}}.tier-disclaimer{background:#8b5cf61a;border-left:3px solid #8b5cf6;border-radius:4px;color:var(--muted-text);font-size:11px;font-style:italic;line-height:1.4;margin-top:12px;padding:8px 12px}[data-theme=dark] .tier-disclaimer{background:#8b5cf626}.explanation-section{margin-bottom:32px;max-width:600px;padding:0 16px}@media (min-width:768px){.explanation-section{padding:0 16px}}.explanation-section h3{color:var(--text-secondary);font-size:16px;font-weight:500;margin:0 0 12px}.explanation-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.explanation-list li{color:var(--text-tertiary);font-size:14px;line-height:1.4;padding-left:16px;position:relative}.explanation-list li:before{color:var(--text-tertiary);content:"•";font-weight:400;left:0;position:absolute}.progress-helper{color:var(--text-tertiary);font-size:14px;font-style:italic;margin-top:4px}.billing-redesign{color:var(--text);margin:0 auto;max-width:1280px;padding:0;width:100%}.billing-header{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:12px;display:flex;flex-direction:column;gap:16px;margin-bottom:32px;padding:24px 16px}@media (min-width:768px){.billing-header{align-items:flex-start;flex-direction:row;justify-content:space-between;margin:0 16px 32px;padding:32px 24px}}.billing-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.billing-toggle{background:var(--bg);border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.billing-toggle button{background:#0000;border:none;color:var(--muted-text);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;position:relative;transition:all .2s;white-space:nowrap}.billing-toggle button.active{background:var(--accent);color:#fff}.billing-toggle button:hover:not(.active){background:var(--bg-hover)}.save-badge{background:#10b981;border-radius:4px;color:#fff;font-size:10px;font-weight:600;margin-left:6px;padding:2px 6px;text-transform:uppercase}.billing-header-simple{padding:24px 16px 16px;text-align:center}@media (min-width:768px){.billing-header-simple{padding:32px 24px 16px}}.billing-header-simple h1{color:var(--text);font-size:24px;font-weight:600;margin:0 0 8px}@media (min-width:768px){.billing-header-simple h1{font-size:28px}}.billing-header-simple .subtitle{color:var(--muted-text);font-size:15px;margin:0 auto;max-width:600px}.billing-portal-card{align-items:center;background:#0f172a;border:1px solid #94a3b84d;border-radius:12px;box-shadow:0 10px 24px #0f172a26;color:#f8fafc;display:flex;gap:16px;justify-content:space-between;margin:20px auto 30px;max-width:980px;padding:16px 20px}.billing-portal-text{font-size:.98rem}@media (max-width:720px){.billing-portal-card{align-items:flex-start;flex-direction:column}}.pricing-section{margin:0 16px 32px}.pricing-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 0 12px}@media (max-width:768px){.pricing-section-header{align-items:stretch;flex-direction:column}}.pricing-card.annual-highlight{animation:annualPulse .15s ease-out}@keyframes annualPulse{0%{box-shadow:0 1px 3px #00000014}50%{box-shadow:0 4px 16px #7c3aed33}to{box-shadow:0 1px 3px #00000014}}.pricing-card.annual-highlight{box-shadow:0 4px 16px #7c3aed33}[data-theme=dark] .pricing-card.annual-highlight{box-shadow:0 4px 16px #7c3aed4d}.price-monthly-equiv{color:var(--muted-text);font-size:.7rem;font-weight:400;margin-top:2px}.billing-header h1{color:var(--text);font-size:24px;font-weight:600;margin:0}@media (min-width:768px){.billing-header h1{font-size:28px}}.subtitle{color:var(--muted-text);font-size:15px;margin-top:4px;max-width:600px}.current-plan-badge{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;font-weight:500;padding:8px 16px}.pricing-grid{grid-gap:16px;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:12px;display:grid;gap:16px;grid-template-columns:1fr;padding:16px}@media (min-width:768px){.pricing-grid{grid-template-columns:repeat(2,1fr);padding:24px}}@media (min-width:1024px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}.pricing-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;padding:20px;position:relative;transition:all .15s ease-in-out}@media (min-width:768px){.pricing-card{padding:16px}}.pricing-card:hover{border-color:var(--color-border-strong);box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}[data-theme=dark] .pricing-card{box-shadow:0 1px 3px #0000004d}[data-theme=dark] .pricing-card:hover{box-shadow:0 4px 12px #0009}.pricing-card.free-tier{border-color:var(--color-border-default);opacity:.92}.pricing-card.free-tier .plan-tagline{color:var(--text-muted)}.pricing-card.free-tier:hover{transform:translateY(-2px)}.pricing-card.current-plan{background:#d1fae5;border-color:#10b981}[data-theme=dark] .pricing-card.current-plan{background:#064e3b;border-color:#10b981}[data-theme=dark] .pricing-card.current-plan .feature-item,[data-theme=dark] .pricing-card.current-plan .plan-name,[data-theme=dark] .pricing-card.current-plan .price-amount,[data-theme=dark] .pricing-card.current-plan .price-free{color:#f9fafb}.current-badge{background:#10b981;border-radius:6px;color:#fff;font-size:11px;font-weight:600;padding:4px 12px;right:16px;text-transform:uppercase;top:16px}.current-badge,.plan-badge-top{letter-spacing:.5px;position:absolute}.plan-badge-top{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--muted-text);font-size:.75rem;font-weight:500;padding:6px 12px;right:12px;top:8px}.roi-banner{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 16px 24px;padding:12px 16px}@media (min-width:768px){.roi-banner{margin:0 24px 32px;padding:12px 24px}}.pricing-header{border-bottom:none;margin-bottom:12px;padding-bottom:0}.plan-name{color:var(--text);font-size:1.3rem;font-weight:600;margin:0 0 12px}.plan-summary{border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.75rem;font-weight:500;margin:0 0 12px;padding-bottom:12px}.plan-tagline{color:var(--text-secondary);margin:0 0 8px;min-height:36px}.plan-tagline,.value-statement{font-size:.85rem;line-height:1.4}.value-statement{background:#00000005;border-left:2px solid var(--color-border-strong);border-radius:4px;color:var(--color-text-secondary);font-weight:500;margin:0 0 16px;padding:10px 12px}[data-theme=dark] .value-statement{background:#ffffff08}.price-display{align-items:flex-start;display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.price-amount{color:var(--text);font-size:2.2rem;font-weight:700;line-height:1}.price-period{color:var(--muted-text);font-size:.9rem;font-weight:400}.price-sublabel{color:#10b981;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.price-free{color:var(--text);font-size:2.2rem;font-weight:700}.features-list{flex:1 1;gap:10px;margin-bottom:12px}.feature-group{display:flex;flex-direction:column;gap:6px}.feature-item{align-items:flex-start;color:var(--text);display:flex;font-size:.85rem;font-weight:500;gap:10px;line-height:1.5}.see-more-toggle{align-items:center;background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:8px;opacity:.85;padding:0;text-align:left;text-decoration:none;transition:all .2s ease}.see-more-toggle:after{content:"→";margin-left:4px;transition:transform .2s ease}.see-more-toggle:hover{color:var(--accent);opacity:1}.see-more-toggle:hover:after{transform:translateX(3px)}.see-more-toggle:focus{outline:2px solid var(--accent);outline-offset:2px}[data-theme=dark] .see-more-toggle{color:var(--color-text-primary)}.pricing-card.popular-tier{box-shadow:0 6px 20px #9146ff40}[data-theme=dark] .pricing-card.popular-tier{box-shadow:0 6px 20px #9146ff59}.pricing-card.popular-tier:hover{transform:scale(1.02) translateY(-2px)}.pricing-card.popular-tier .plan-badge-top{background:var(--accent);border-color:var(--accent);color:#fff}.feature-item:first-child{color:var(--text-secondary);font-size:.8rem;font-weight:600}.feature-item:first-child .check-icon{opacity:0}.feature-details{border-top:1px solid var(--border);margin:12px 0 16px;padding-top:12px}.feature-details summary{cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.feature-details summary::-webkit-details-marker{display:none}.detailed-features-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.detailed-feature-item{padding-left:8px}.detailed-feature-item,.reassurance-text{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.reassurance-text{font-style:italic;margin-top:8px;text-align:center}.check-icon{color:#10b981;flex-shrink:0;height:16px;margin-top:1px;width:16px}.x-icon{opacity:.5}.lock-icon,.x-icon{color:var(--disabled-text);flex-shrink:0;height:16px;margin-top:1px;width:16px}.lock-icon{opacity:.4}.feature-item.locked{cursor:help;opacity:.5}.feature-item.locked span{color:var(--disabled-text)}.card-action{margin-top:auto;padding-top:16px}.roi-note{color:var(--muted-text);font-size:.75rem;font-style:italic;line-height:1.4;margin-bottom:10px}.action-button{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;min-height:48px;padding:16px 24px;transition:all .2s;width:100%}@media (min-width:768px){.action-button{padding:14px 24px}}.action-button.primary{background:var(--accent);color:#fff}.action-button.primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 12px #6366f14d;transform:translateY(-2px)}.action-button.current,.action-button.disabled{background:var(--bg);border:1px solid var(--border);color:var(--disabled-text);cursor:not-allowed}.action-button.disabled{opacity:.7}.cta-explainer{color:var(--text-secondary);font-size:.75rem;line-height:1.4;margin-top:8px;text-align:center}.action-button:disabled{cursor:not-allowed;opacity:.6}.action-button[href]{align-items:center;display:flex;justify-content:center;text-decoration:none}.payment-history-section{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:12px;margin-top:24px;padding:32px 16px}@media (min-width:768px){.payment-history-section{margin:32px 16px 0;padding:40px 24px}}.section-heading{color:var(--text);margin-bottom:20px}.history-table{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:12px;overflow:hidden}.table-header{grid-gap:8px;background:var(--bg);color:var(--muted-text);display:grid;font-size:11px;font-weight:600;gap:8px;grid-template-columns:100px 1fr 80px;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}@media (min-width:768px){.table-header{font-size:13px;gap:16px;grid-template-columns:140px 1fr 120px;padding:16px 24px}}.table-row{grid-gap:8px;border-top:1px solid var(--border);color:var(--text);display:grid;font-size:13px;gap:8px;grid-template-columns:100px 1fr 80px;padding:12px 16px;transition:all .15s ease-in-out}@media (min-width:768px){.table-row{font-size:14px;gap:16px;grid-template-columns:140px 1fr 120px;padding:16px 24px}}.table-row:hover{background:var(--bg)}.table-row .amount{font-weight:600;text-align:right}@media (max-width:414px){.plan-badge-top{display:inline-block;margin-bottom:12px;position:static}.pricing-card:hover{transform:none}.feature-item{font-size:.75rem}.plan-name{font-size:1.1rem}}.easter-egg-banner{animation:slideDown .3s ease-out;background:#ef4444;border:2px solid #dc2626;border-radius:12px;color:#fff;font-size:16px;font-weight:600;margin:0 24px 24px;padding:20px;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.billing-toast{animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;max-width:400px;padding:16px 24px;position:fixed;right:20px;top:20px;z-index:9999}.billing-toast-error{background-color:#ef4444}.billing-toast-success{background-color:#10b981}@keyframes slideIn{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.addon-section{border-top:1px solid var(--border);margin:24px 16px;padding:24px 0}@media (min-width:768px){.addon-section{margin:32px 24px}}.addon-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 2px var(--shadow);padding:24px}.addon-header{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}@media (min-width:768px){.addon-header{align-items:flex-start;flex-direction:row;gap:24px;justify-content:space-between}}.addon-info h3{color:var(--text);font-size:20px;font-weight:600;margin:0 0 8px}.addon-description{color:var(--muted-text);font-size:14px;line-height:1.5;margin:0 0 12px}.early-access-badge{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:6px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:8px;padding:6px 12px}.badge-text{letter-spacing:.5px;text-transform:uppercase}.spots-remaining{font-weight:400;opacity:.9}.addon-pricing{align-items:stretch;display:flex;flex-direction:column;gap:12px}@media (min-width:768px){.addon-pricing{align-items:flex-end}}.price-toggle{display:flex;gap:8px}.price-btn{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;min-width:100px;padding:12px 16px;transition:all .2s}.price-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.price-btn .price{color:var(--text);font-size:18px;font-weight:700}.price-btn.active .price{color:#fff}.price-btn .period{color:var(--muted-text);font-size:12px;margin-top:2px}.price-btn.active .period{color:#fffc}.annual-savings{color:#10b981;font-size:10px;font-weight:600;margin-top:2px;text-transform:uppercase}.price-btn.active .annual-savings{color:#86efac}.addon-subscribe-btn{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.addon-subscribe-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.addon-features{border-top:1px solid var(--border);padding-top:20px}.feature-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}@media (min-width:768px){.feature-list{grid-template-columns:repeat(2,1fr)}}.addon-divider{border-top:1px solid var(--border);margin:12px 0 8px}.streamdeck-addon{cursor:help;padding-left:8px}.addon-title{color:var(--text);font-size:14px;font-weight:500;margin-bottom:2px}.streamdeck-addon .addon-description{color:var(--text-secondary);font-size:12px;margin-bottom:2px}.addon-price{color:var(--muted-text);font-size:12px;font-style:italic}@media (max-width:768px){.price-toggle{justify-content:center}.billing-controls{align-items:stretch;flex-direction:column;gap:12px}.billing-toast{left:16px;max-width:none;right:16px}}.founders-notice{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;color:#92400e;font-size:.75rem;font-weight:500;line-height:1.4;margin:12px 0;padding:10px 12px}[data-theme=dark] .founders-notice{background:#451a03;border-color:#f59e0b;color:#fef3c7}.feature-group-title{color:var(--muted-text);font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:4px;margin-top:8px;text-transform:uppercase}.feature-group:first-child .feature-group-title{margin-top:0}.feature-item:last-child span{font-style:italic;opacity:.85}.bits-explanation{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:8px;color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 16px 24px;padding:16px 24px;text-align:center}@media (min-width:768px){.bits-explanation{margin:0 16px 32px}}.clip-usage-banner{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:8px;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:20px;padding:16px 24px}.clip-usage-banner,.usage-stat{align-items:center;display:flex}.usage-stat{flex-direction:column;gap:4px}.usage-label{color:var(--muted-text);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.usage-value{color:var(--text);font-size:20px;font-weight:700}@media (max-width:768px){.clip-usage-banner{gap:16px;padding:12px 16px}.usage-value{font-size:18px}.usage-label{font-size:11px}}.clip-packs-section{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:12px;margin:32px 16px;padding:32px 24px}.clip-packs-section .section-heading{color:var(--text);font-size:24px;font-weight:600;margin:0 0 8px}.clip-packs-section .section-subtitle{color:var(--muted-text);font-size:14px;margin:0 0 24px}.clip-packs-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.clip-pack-card{align-items:center;background:var(--color-bg-elevated);border:2px solid var(--color-border-default);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:24px;transition:all .2s}.clip-pack-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.pack-price{color:var(--text);font-size:28px;font-weight:700}.pack-clips{align-items:center;display:flex;flex-direction:column;gap:4px}.clips-amount{color:var(--accent);font-size:48px;font-weight:700;line-height:1}.clips-label{color:var(--muted-text);font-size:14px}.clips-label,.pack-bonus{letter-spacing:.5px;text-transform:uppercase}.pack-bonus{background:#10b9811a;border-radius:12px;color:#10b981;font-size:12px;font-weight:600;padding:4px 12px}.pack-base-value{font-weight:400;opacity:.7}.pack-base-value,.pack-expiry{color:var(--muted-text);font-size:11px}.pack-expiry{font-weight:500;margin-top:4px}.pack-buy-button{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s;width:100%}.pack-buy-button:hover{background:var(--accent-hover);transform:translateY(-1px)}.pack-buy-button:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.clip-packs-grid{grid-template-columns:1fr}.clip-packs-section{margin:24px 16px;padding:24px 16px}}.price-display-row{align-items:baseline;display:flex;gap:4px}.clips-amount-base{color:var(--muted-text);font-size:32px;font-weight:600;line-height:1;opacity:.6;text-decoration:line-through}.clips-arrow{color:var(--accent);font-size:24px;font-weight:700;margin:0 4px}.clips-comparison{color:var(--text);font-size:16px;font-weight:600;line-height:1.4;text-align:center}.section-helper{color:var(--muted-text);font-size:13px;font-style:italic;margin:-16px 0 24px}.billing-redesign :focus:not(button):not(a):not(input):not(select):not(textarea):not(details){outline:none!important}.popular-choice-badge{background:#6366f11a;border-radius:8px;color:var(--accent);font-size:11px;font-weight:500;letter-spacing:.3px;margin-top:6px;padding:4px 10px;text-align:center}[data-theme=dark] .popular-choice-badge{background:#6366f126}.brand-value-badge{color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.3px;margin-top:8px;text-align:center}.pricing-card.popular-tier{border:2px solid var(--accent);box-shadow:0 8px 24px #6366f126;transform:scale(1.02)}.pricing-card.popular-tier .price-amount{font-size:2.75rem}.pricing-card.popular-tier .plan-name{font-size:1.75rem}@media (max-width:768px){.pricing-card.popular-tier{transform:none}}.faq-container{background:var(--color-bg-page);min-height:100vh;padding:32px 16px}.faq-content{margin:0 auto;max-width:900px}.faq-back-button{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:20px;padding:10px 20px;transition:all .2s}.faq-back-button:hover{background:var(--bg);border-color:var(--accent)}.faq-card{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:12px;box-shadow:0 2px 4px #00000014;padding:32px 24px}@media (min-width:768px){.faq-card{padding:48px 40px}}[data-theme=dark] .faq-card{box-shadow:0 2px 4px #0000004d}.faq-title{color:var(--text);font-size:36px;font-weight:700;margin-bottom:10px;text-align:center}.faq-subtitle{color:var(--muted-text);font-size:16px;margin-bottom:30px;text-align:center}.faq-categories{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}.faq-category-button{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--muted-text);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.faq-category-button.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.faq-category-button:hover{border-color:var(--accent);color:var(--text)}.faq-category-button.active:hover{background:var(--accent);color:#fff}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:8px;overflow:hidden;transition:all .2s}.faq-item:hover{border-color:var(--accent)}.faq-question-button{align-items:center;background:#0000;border:none;color:var(--text);cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:space-between;padding:20px;text-align:left;width:100%}.faq-question-button:hover{background:var(--card-bg)}.faq-arrow{color:var(--muted-text);font-size:14px;transform:rotate(0deg);transition:transform .2s}.faq-arrow.open{color:var(--accent);transform:rotate(180deg)}.faq-answer{border-top:1px solid var(--border);color:var(--muted-text);font-size:14px;line-height:1.7;margin-top:10px;padding:20px}.faq-list-ol,.faq-list-ul{margin-left:20px;margin-top:10px}.faq-link{color:var(--accent);font-weight:500;text-decoration:none}.faq-link:hover{text-decoration:underline}.faq-note{margin-top:10px}.faq-contact{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:8px;margin-top:40px;padding:24px;text-align:center}.faq-contact h3{color:var(--text);font-weight:600;margin-bottom:10px}.faq-contact p{color:var(--muted-text);margin-bottom:15px}.faq-settings-button{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.faq-settings-button:hover{opacity:.9;transform:translateY(-1px)}.faq-search{margin:24px auto;max-width:600px}.faq-search-input{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:8px;color:var(--text);font-size:16px;padding:14px 20px;transition:all .2s;width:100%}.faq-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a;outline:none}.faq-no-results,.faq-search-input::placeholder{color:var(--muted-text)}.faq-no-results{font-size:16px;padding:40px 20px;text-align:center}.subscription-required-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.subscription-required-title{margin-bottom:1rem}.subscription-required-description{color:#ffffffb3;margin-bottom:2rem;max-width:500px}.subscription-required-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.subscription-required-primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem}.subscription-required-secondary-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem}.subscription-required-tertiary-btn{background:#0000;border:1px solid #ffffff4d;border-radius:8px;color:#fffc;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem}.subscription-required-primary-btn:hover,.subscription-required-secondary-btn:hover,.subscription-required-tertiary-btn:hover{opacity:.9;transform:translateY(-1px);transition:all .2s ease}.login-container{background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.login-main{align-items:center;display:flex;min-height:100vh;padding:3rem 0}.login-content{grid-gap:5rem;align-items:start;box-sizing:border-box;display:grid;gap:5rem;grid-template-columns:1fr 420px;margin:0 auto;max-width:1200px;padding:0 2rem;width:100%}.login-left-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:16px;display:flex;flex-direction:column;gap:3rem;padding:2rem}.login-header{border-bottom:2px solid #e9ecef;justify-content:space-between;margin-bottom:0;padding-bottom:1.5rem}.login-header,.login-logo{align-items:center;display:flex}.login-logo-image{height:40px;object-fit:contain;width:auto}.login-nav-link{background-color:#fff;border:2px solid #dc2626;border-radius:8px;color:#1f2937;font-size:14px;font-weight:600;padding:12px 20px;text-decoration:none;transition:all .2s}.login-nav-link:hover{background-color:#dc2626;color:#fff}.login-title{color:#111827;font-size:2.75rem;font-weight:800;letter-spacing:-.025em;line-height:1.1;margin:0}.login-subtitle{color:#374151;font-size:1.125rem;font-weight:400;line-height:1.7;margin:0}.login-features{margin:0}.login-features-title{color:#111827;font-size:1.375rem;font-weight:700;letter-spacing:-.025em;margin:0 0 1.5rem}.login-feature-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.login-feature-card{background-color:#fff;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.25rem;transition:all .2s}.login-feature-card:hover{border-color:#dc2626;box-shadow:0 4px 12px #dc262626}.login-feature-title{color:#111827;font-size:1rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.5rem}.login-feature-description{color:#4b5563;font-size:.875rem;font-weight:400;line-height:1.6;margin:0}.login-right-section{align-items:flex-start;display:flex}.login-card{background-color:#fff;border:2px solid #f3f4f6;border-radius:20px;box-shadow:0 20px 40px #0000001f,0 8px 16px #00000014;padding:3rem;position:relative}.login-logo-section{border-bottom:none;margin-bottom:2rem;padding-bottom:0;text-align:center}.login-logo-icon{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:16px;box-shadow:0 4px 12px #dc262640;display:flex;height:64px;justify-content:center;margin:0 auto 1.5rem;width:64px}.login-logo-svg{color:#fff;height:32px;width:32px}.login-card-title{background:none;border:none;color:#a6b5ce;font-size:1.875rem;font-weight:800;letter-spacing:-.025em;margin:0 0 1rem;padding:0}.login-card-subtitle{background:none;border:none;color:#6b7280;font-size:1rem;font-weight:400;line-height:1.6;margin:0;padding:0}.login-twitch-button{align-items:center;background:linear-gradient(135deg,#9146ff,#7c3aed);border:none;border-radius:12px;box-shadow:0 6px 16px #9146ff4d;color:#fff;cursor:pointer;display:flex;font-size:17px;font-weight:700;gap:12px;justify-content:center;letter-spacing:.025em;margin-bottom:2.5rem;min-height:52px;padding:18px 24px;transition:all .2s;width:100%}.login-twitch-button:hover{background:linear-gradient(135deg,#7c3aed,#6366f1);box-shadow:0 6px 16px #9146ff59;transform:translateY(-1px)}.login-twitch-button:focus{outline:2px solid #9146ff;outline-offset:2px}.login-twitch-icon{height:20px;width:20px}.login-footer{border-top:2px solid #e5e7eb;margin-top:.5rem;padding-top:2rem}.login-privacy-text{color:#374151;font-size:.9375rem;font-weight:500;line-height:1.6;margin-bottom:1.25rem;text-align:center}.login-security-text{background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;box-shadow:0 1px 3px #0000000d;color:#047857;font-size:.875rem;font-weight:600;margin:0;padding:1rem;text-align:center}.login-link{color:#dc2626;font-weight:700;text-decoration:underline;transition:color .2s}.login-link:hover{color:#b91c1c;text-decoration:underline}@media (max-width:768px){.login-content{gap:3rem;grid-template-columns:1fr;padding:0 1.5rem}.login-left-section{padding:1.5rem}.login-title{font-size:2.25rem}.login-feature-grid{gap:1rem;grid-template-columns:1fr}.login-header{align-items:flex-start;flex-direction:column;gap:1rem;padding-bottom:1rem}.login-card{border-radius:16px;padding:2.5rem 2rem}}@media (max-width:480px){.login-main{padding:1.5rem 0}.login-content{gap:2rem;padding:0 1rem}.login-left-section{padding:1.25rem}.login-title{font-size:1.875rem}.login-card{border-radius:16px;padding:2rem 1.5rem}}@media (prefers-contrast:high){.login-card{border:2px solid #000}.login-twitch-button{border:2px solid #9146ff}.login-feature-card,.login-left-section{border:2px solid #374151}}@media (prefers-reduced-motion:reduce){.login-feature-card,.login-nav-link,.login-twitch-button{transition:none}.login-twitch-button:hover{transform:none}}.login-link:focus,.login-logo:focus,.login-nav-link:focus{border-radius:4px;outline:3px solid #dc2626;outline-offset:2px}.login-twitch-button:focus{outline:3px solid #9146ff;outline-offset:3px}@media (prefers-contrast:high){.login-card-title{background:none;border:none;color:#000;font-weight:900}.login-card-subtitle{background:none;border:none;color:#374151;font-weight:600}.login-privacy-text{color:#1f2937;font-weight:600}.login-security-text{background-color:#d1fae5;border:2px solid #059669;color:#065f46}}.oauth-info-page{background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;padding:20px}.oauth-container{background:#ffffff0d;border-radius:16px;box-shadow:0 8px 32px #0000004d;color:#e0e0e0;margin:0 auto;max-width:900px;padding:40px}.oauth-container h1{color:#9147ff;font-size:2.5em;margin-bottom:10px}.oauth-container .subtitle{color:#b0b0b0;font-size:1.2em;margin-bottom:30px}.oauth-container section{margin-bottom:30px}.oauth-container h2{border-bottom:2px solid #9147ff4d;color:#a970ff;font-size:1.8em;margin-bottom:15px;margin-top:30px;padding-bottom:10px}.oauth-container h3{color:#b89fff;font-size:1.3em;margin-bottom:10px;margin-top:20px}.oauth-container p{font-size:1.1em;line-height:1.6;margin-bottom:15px}.oauth-container ol,.oauth-container ul{margin-bottom:15px;margin-left:30px}.oauth-container li{font-size:1.05em;margin-bottom:10px}.highlight{background:#9147ff33;border-left:4px solid #9147ff;border-radius:8px;margin:20px 0;padding:20px}.oauth-container a{color:#8ab4ff;font-weight:600;text-decoration:none}.oauth-container a:hover{text-decoration:underline}.links{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px}.link-button{background:#9147ff;border-radius:8px;color:#fff!important;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none!important;transition:all .2s}.link-button:hover{background:#a970ff;box-shadow:0 4px 12px #9147ff66;transform:translateY(-2px)}.scope-list{background:#0003;border-radius:8px;margin:15px 0;padding:15px}.scope-list code{color:orange;font-family:Courier New,monospace;font-size:.95em}.footer-note{margin-top:40px}.footer-note p{margin-bottom:0}.legal-container{background:#fff;box-shadow:0 4px 6px #0000001a;color:#1f2937;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.8;margin:40px auto;max-width:900px;padding:60px 80px}.legal-container h1{border-bottom:3px solid #e5e7eb;color:#111827;font-size:32px;font-weight:700;letter-spacing:1px;margin-bottom:30px;padding-bottom:20px;text-align:center}.legal-container h2{border-left:4px solid #6366f1;color:#111827;font-size:20px;font-weight:700;letter-spacing:.5px;margin-bottom:20px;margin-top:40px;padding-left:16px;text-transform:uppercase}.legal-container h3{color:#374151;font-size:18px;font-weight:600;margin-bottom:15px;margin-top:30px}.legal-container p{color:#4b5563;margin-bottom:16px;text-align:justify}.legal-container strong,.legal-intro{color:#111827;font-weight:600}.legal-intro{background:#f3f4f6;border:2px solid #d1d5db;border-radius:4px;font-size:15px;line-height:1.6;margin-bottom:30px;margin-top:30px;padding:20px;text-align:center}.legal-indent{border-left:2px solid #e5e7eb;margin-bottom:12px;margin-left:40px;padding-left:20px}.legal-footer{border-top:2px solid #e5e7eb;color:#6b7280;font-size:14px;font-style:italic;margin-top:60px;padding-top:30px;text-align:center}@media (max-width:768px){.legal-container{font-size:15px;margin:20px;padding:40px 30px}.legal-container h1{font-size:26px}.legal-container h2{font-size:18px;margin-top:30px}.legal-container h3{font-size:16px}.legal-indent{margin-left:20px;padding-left:15px}.legal-intro{font-size:14px;padding:15px}}.not-found-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;text-align:center}.not-found-title{color:var(--text);font-size:72px;margin:0}.not-found-subtitle{color:var(--text);font-size:24px;margin-top:20px}.not-found-description{color:var(--muted-text);margin-top:10px}.not-found-link{background:var(--accent);border-radius:6px;color:#fff;font-weight:500;margin-top:30px;padding:12px 24px;text-decoration:none;transition:all .2s}.not-found-link:hover{background:var(--accent-hover);box-shadow:0 4px 12px #6366f14d;transform:translateY(-2px)}:root{--bg-primary:#fff;--bg-secondary:#f3f6fa;--bg-tertiary:#e9eef5;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#475569;--border-light:#e5ebf3;--border-medium:#e2e8f0;--border-strong:#cbd5e1;--accent:#6366f1;--accent-hover:#4f46e5;--success:#10b981;--success-bg:#d1fae5;--warning:#f59e0b;--warning-bg:#fef3c7;--error:#ef4444;--error-bg:#fee2e2;--color-hover:#eef2f7;--color-border-strong:#cbd5e1;--shadow:#0f172a1f;--shadow-md:#0f172a2e;--shadow-lg:#0f172a3d}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--border-light:#334155;--border-medium:#475569;--border-strong:#64748b;--accent:#818cf8;--accent-hover:#6366f1;--success:#34d399;--success-bg:#064e3b;--warning:#fbbf24;--warning-bg:#78350f;--error:#f87171;--error-bg:#7f1d1d;--color-hover:#1e293b;--color-border-strong:#64748b;--shadow:#0000004d;--shadow-md:#0006;--shadow-lg:#00000080}body,html{background-color:#fff;background-color:var(--bg-primary);color:#0f172a;color:var(--text-primary)}body{font-weight:500}:root{--z-sidebar:100;--z-mobile-overlay:99;--z-mobile-nav:100;--z-help-fab:1000;--z-help-widget:999;--z-toast:9999;--z-banner:10000;--z-modal:10001;--transition-fast:background-color 0.15s ease-out,color 0.15s ease-out,border-color 0.15s ease-out;--transition-transform:transform 0.15s ease-out;--transition-opacity:opacity 0.15s ease-out;--transition-layout:padding 0.15s ease-out,margin 0.15s ease-out;--touch-target-min:44px;--touch-target-mobile:48px;--bp-xs:375px;--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px}.app-shell [class*=-btn],.app-shell [class*=-button],.app-shell button{border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:16px;min-height:44px;min-height:var(--touch-target-min);padding:12px 16px;touch-action:manipulation;transition:background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out;transition:var(--transition-fast)}.app-shell [class*=-button]:hover:not(:disabled),.app-shell button:hover:not(:disabled){filter:brightness(.95)}.app-shell [class*=-button]:active:not(:disabled),.app-shell button:active:not(:disabled){filter:brightness(.9)}.app-shell .card,.app-shell [class*=-card]{background:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--text-primary);transition:background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out,transform .15s ease-out;transition:var(--transition-fast),var(--transition-transform)}.app-shell input,.app-shell select,.app-shell textarea{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-primary);font-size:16px;min-height:44px;min-height:var(--touch-target-min);padding:12px 16px;transition:background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out;transition:var(--transition-fast)}.app-shell input:focus,.app-shell select:focus,.app-shell textarea:focus{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}@media (min-width:768px){.app-shell [class*=-btn],.app-shell [class*=-button],.app-shell button,.app-shell input,.app-shell select,.app-shell textarea{font-size:14px;min-height:40px;padding:8px 12px}}@media (prefers-reduced-motion:reduce){.app-shell *{animation:none!important;transition:none!important}}.skip-link{background:#6366f1;background:var(--accent,#6366f1);border-radius:4px;color:#fff;font-weight:600;left:6px;padding:8px 16px;position:absolute;text-decoration:none;top:-100px;transition:top .3s;z-index:10000}.skip-link:focus{top:6px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--accent,#6366f1);outline-offset:2px}.App{background:#0000;min-height:100vh;width:100%}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}.clickable,a,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}@media (max-width:768px){.clickable,a,button,input[type=button],input[type=submit]{min-height:48px;padding:12px 16px}}.loading-screen{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-medium);border:4px solid var(--border-medium);border-radius:50%;border-top-color:var(--accent);height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.logo h2{font-size:24px;margin-bottom:8px}.logo p{color:var(--text-tertiary)}.logo p,.nav-menu{margin-bottom:32px}.nav-menu{list-style:none}.nav-menu li{margin-bottom:8px}.nav-menu a{align-items:center;border-left:4px solid #0000;border-radius:8px;color:var(--text-tertiary);display:flex;font-weight:500;gap:12px;margin-left:-4px;padding:12px 16px;text-decoration:none;transition:all .15s ease-in-out}.nav-menu a:hover{background:var(--color-hover);color:var(--text-primary)}.nav-menu a.active{background:var(--color-hover);border-left-color:var(--accent);color:var(--accent);font-weight:700}.subscription-badge{margin-top:auto}.plan-badge{border-radius:6px;font-size:12px;font-weight:600;padding:8px 12px;text-align:center}.plan-badge.free{background:#f3f4f6;color:#374151}.plan-badge.starter{background:#d1fae5;color:#065f46}.plan-badge.pro{background:#dbeafe;color:#1e3a8a}.plan-badge.unlimited{background:#fef3c7;color:#78350f}[data-theme=dark] .plan-badge.free{background:#374151;color:#d1d5db}[data-theme=dark] .plan-badge.starter{background:#064e3b;color:#6ee7b7}[data-theme=dark] .plan-badge.pro{background:#1e3a8a;color:#93c5fd}[data-theme=dark] .plan-badge.unlimited{background:#78350f;color:#fcd34d}.logout-button{background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;color:#991b1b;cursor:pointer;font-size:14px;font-weight:500;margin-top:12px;padding:8px;transition:all .2s;width:100%}.logout-button:hover{background:#fee2e2;border-color:#f87171}[data-theme=dark] .logout-button{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}[data-theme=dark] .logout-button:hover{background:#991b1b;border-color:#dc2626}.main-content{background:#0000;flex:1 1;margin-left:0;min-width:0;overflow-y:auto;padding:80px 12px 12px;width:100%}@media (min-width:480px){.main-content{padding:80px 16px 16px}}@media (min-width:768px){.main-content{margin-left:250px;padding:24px}}@media (min-width:1024px){.main-content{padding:32px}}.content-container{margin:0 auto;max-width:1280px;padding:0 8px;width:100%}@media (min-width:480px){.content-container{padding:0 16px}}@media (min-width:768px){.content-container{padding:0 24px}}.overview h1{color:var(--text-primary);font-size:20px;font-weight:600;line-height:1.2;margin:0}@media (min-width:480px){.overview h1{font-size:24px}}@media (min-width:768px){.overview h1{font-size:28px}}.section-heading{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:16px}.card-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}.overview-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}@media (min-width:768px){.overview-header{align-items:flex-start;flex-direction:row;justify-content:space-between;margin-bottom:40px}}.overview-subtitle{color:var(--text-tertiary);font-size:15px;margin-top:4px}.tier-badge-header{border:1px solid var(--color-border-strong);border-radius:6px;font-size:11px;padding:6px 16px}.section-title,.tier-badge-header{color:var(--text-secondary);font-weight:600;letter-spacing:.5px}.section-title{font-size:14px;margin-bottom:16px;text-transform:uppercase}.section-title-spaced{margin-top:32px}.performance-section{margin-bottom:40px}.metrics-bar{grid-gap:12px;background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:8px;box-shadow:0 1px 2px var(--shadow);display:grid;gap:12px;grid-template-columns:repeat(2,1fr);padding:12px;transition:all .15s ease-in-out}@media (min-width:480px){.metrics-bar{border-radius:12px;gap:16px;padding:16px}}@media (min-width:768px){.metrics-bar{gap:32px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:24px}}[data-theme=dark] .metrics-bar{box-shadow:none}.metric{display:flex;flex-direction:column;gap:8px}.metric-label{color:var(--text-tertiary);font-size:13px;font-weight:500}.metric-value{color:var(--text-primary);font-size:20px;font-weight:600;line-height:1.1}@media (min-width:480px){.metric-value{font-size:24px}}@media (min-width:768px){.metric-value{font-size:32px}}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}@media (min-width:1024px){.dashboard-grid{gap:32px;grid-template-columns:1.5fr 1fr}}.actions-section,.tier-section{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:12px;box-shadow:0 1px 2px var(--shadow);padding:24px;transition:all .15s ease-in-out}[data-theme=dark] .actions-section,[data-theme=dark] .tier-section{box-shadow:none}.action-list{display:flex;flex-direction:column;gap:8px}.action-item{align-items:center;background:var(--color-hover);border:1px solid var(--border-medium);border-radius:8px;color:var(--text-primary);display:flex;justify-content:space-between;padding:16px;text-decoration:none;transition:all .15s ease-in-out}.action-item:hover{background:var(--bg-secondary);border-color:var(--accent);box-shadow:0 2px 8px var(--shadow-md);transform:translateX(4px)}.action-content h3{font-size:15px;font-weight:600;margin-bottom:4px}.action-content p{color:var(--text-tertiary);font-size:13px;margin:0}.action-arrow{color:var(--text-tertiary);font-size:18px;transition:transform .2s}.action-item:hover .action-arrow{transform:translateX(4px)}.features-list{display:flex;flex-direction:column;gap:12px}.feature-item{background:var(--color-hover);border-left:3px solid var(--border-medium);color:var(--text-primary);font-size:14px}.feature-item,.upgrade-notice{border-radius:6px;padding:12px 16px}.upgrade-notice{background:#eef2ff;border-left:3px solid var(--accent);color:#4338ca;font-size:13px;font-weight:500;margin-top:8px}.upgrade-notice.success{background:var(--success-bg);border-left-color:var(--success);color:#065f46}[data-theme=dark] .upgrade-notice{background:#312e81;color:#c7d2fe}[data-theme=dark] .upgrade-notice.success{background:var(--success-bg);color:#6ee7b7}.feature-disclaimer{background:var(--color-hover);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-tertiary);font-size:12px;font-style:italic;margin-top:8px;padding:12px 16px}@media (max-width:374px){.metric-value{font-size:18px}.metric-label{font-size:11px}.overview h1{font-size:18px}.content-container{padding:0 4px}.main-content{padding:80px 8px 8px}}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.login-card{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:16px;box-shadow:0 4px 12px var(--shadow-lg);color:var(--text-primary);max-width:400px;padding:24px;text-align:center;width:100%}@media (min-width:768px){.login-card{padding:48px}}.login-card h1{color:var(--text-primary);font-size:24px;margin-bottom:16px}@media (min-width:768px){.login-card h1{font-size:32px}}.login-card p{color:var(--text-tertiary);margin-bottom:32px}.twitch-login-btn{align-items:center;background:#9146ff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;min-height:52px;padding:16px 24px;text-decoration:none;touch-action:manipulation;transition:all .2s;width:100%}@media (min-width:768px){.twitch-login-btn{font-size:14px;padding:16px 32px;width:auto}}.twitch-login-btn:hover{background:#772ce8;box-shadow:0 4px 12px #9146ff4d;transform:translateY(-2px)}.clips-container{color:var(--text-primary)}.clips-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}@media (min-width:768px){.clips-header{align-items:center;flex-direction:row;justify-content:space-between}}.clips-header h1{font-size:24px}@media (min-width:768px){.clips-header h1{font-size:32px}}.clips-header select{-webkit-appearance:none;appearance:none;background:var(--bg-secondary);background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23666" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>');background-position:right 12px center;background-repeat:no-repeat;background-size:12px;border:1px solid var(--border-medium);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:16px;min-height:48px;padding:12px 40px 12px 16px;width:100%}@media (min-width:768px){.clips-header select{font-size:14px;min-height:44px;padding:8px 32px 8px 12px;width:auto}}.clips-header select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a;outline:none}.clips-header select option{background:var(--bg-secondary);color:var(--text-primary)}.clips-grid{grid-gap:16px;display:grid;gap:16px}.clip-card{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:12px;box-shadow:0 1px 2px var(--shadow);padding:16px;transition:all .15s ease-in-out}.clip-card:hover{box-shadow:0 4px 12px var(--shadow-md);transform:translateY(-2px)}[data-theme=dark] .clip-card{box-shadow:none}[data-theme=dark] .clip-card:hover{box-shadow:0 4px 12px #00000080}.clip-info h3,.clip-meta{margin-bottom:8px}.clip-meta{color:var(--text-tertiary);font-size:14px}.clip-status{border:1px solid #0000;border-radius:6px;display:inline-block;font-size:12px;font-weight:600;margin-top:8px;padding:6px 12px}.status-pending{background:#fef3c7;border:1px solid #fcd34d;color:#78350f}.status-processing{background:#dbeafe;border:1px solid #93c5fd;color:#1e3a8a}.status-uploaded{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.status-failed{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}[data-theme=dark] .status-pending{background:#78350f;border-color:#d97706;color:#fcd34d}[data-theme=dark] .status-processing{background:#1e3a8a;border-color:#3b82f6;color:#93c5fd}[data-theme=dark] .status-uploaded{background:#064e3b;border-color:#10b981;color:#6ee7b7}[data-theme=dark] .status-failed{background:#7f1d1d;border-color:#ef4444;color:#fca5a5}.youtube-link{color:#10b981}.approve-button,.reject-button{border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 16px;transition:all .15s ease-in-out}.approve-button{background:#10b981}.approve-button:hover{background:#059669;box-shadow:0 2px 8px #10b9814d}.approve-button:focus{outline:2px solid #10b981;outline-offset:2px}.approve-button:disabled{background:#d1d5db;box-shadow:none;color:#6b7280;cursor:not-allowed}.reject-button{background:#ef4444}.reject-button:hover{background:#dc2626;box-shadow:0 2px 8px #ef44444d}.reject-button:focus{outline:2px solid #ef4444;outline-offset:2px}.reject-button:disabled{background:#d1d5db;box-shadow:none;color:#6b7280;cursor:not-allowed}[data-theme=dark] .approve-button:disabled,[data-theme=dark] .reject-button:disabled{background:#374151;color:#6b7280}.empty-clips{color:var(--text-tertiary)}.clip-video{border-radius:8px;margin-bottom:12px;max-height:300px;width:100%}.youtube-link{color:var(--success);font-size:14px;font-weight:500}.youtube-link:hover{color:#047857;text-decoration:underline}.clip-actions{display:flex;gap:8px;margin-top:12px}.empty-clips{opacity:.6;padding:48px;text-align:center}.watermark-select{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-primary);cursor:pointer;padding:8px 12px}.watermark-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a;outline:none}.billing-alert-banner{align-items:center;background:#f44;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-weight:500;justify-content:space-between;left:0;padding:12px 20px;position:fixed;right:0;top:0;z-index:10000}.billing-alert-banner a{background:#fff;border-radius:4px;color:#f44;font-weight:600;padding:6px 16px;text-decoration:none;transition:transform .2s}.billing-alert-banner a:hover{transform:scale(1.05)}.error-banner{align-items:center;background:#ff9800;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-weight:500;justify-content:space-between;left:0;padding:12px 20px;position:fixed;right:0;top:0;z-index:9999}.error-banner button{background:#fff;border:none;border-radius:4px;color:#ff9800;cursor:pointer;font-weight:600;padding:6px 16px;transition:transform .2s}.error-banner button:hover{transform:scale(1.05)}@media (max-width:768px){.app-shell [role=button],.app-shell button,.app-shell input,.app-shell select,.app-shell textarea{min-height:44px;min-width:44px}[role=button],a,button{-webkit-tap-highlight-color:rgba(99,102,241,.2)}.card,[class*=-card]{border-radius:8px;margin-bottom:16px;padding:16px}table{font-size:14px}.modal,[class*=modal]{border-radius:12px;margin:16px;max-height:calc(100vh - 32px)}.field-group,.form-group{margin-bottom:20px}.form-row{flex-direction:column;gap:16px}ol,ul{padding-left:20px}li,p{line-height:1.6}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:2px}}@media (max-width:375px){.main-content{padding:78px 8px 8px}.content-container{padding:0 4px}h1{font-size:18px!important}h2{font-size:16px!important}h3{font-size:15px!important}.card,[class*=-card]{margin-bottom:12px;padding:12px}.metrics-bar{gap:8px;padding:12px}.metric-value{font-size:18px!important}.metric-label{font-size:11px!important}}@media (max-width:768px) and (orientation:landscape){.main-content{padding-top:60px}.sidebar{height:60px;padding:12px 16px}.logo h2{font-size:16px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.logo-image{image-rendering:auto}}@media (max-width:768px) and (prefers-color-scheme:dark){.sidebar{box-shadow:0 2px 8px #0000004d}.mobile-nav-menu{box-shadow:0 4px 12px #0006}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.help-fab,.mobile-nav-menu,.mobile-nav-overlay,.mobile-nav-toggle,.sidebar{display:none!important}.main-content{margin-left:0!important;padding-top:0!important}}
/*# sourceMappingURL=main.73df3f84.css.map*/