:root{--color-brand-purple:#8b5cf6;--color-brand-purple-light:#a78bfa;--color-brand-purple-dark:#7c3aed;--color-brand-cyan:#22d3ee;--gradient-brand:linear-gradient(135deg, var(--color-brand-purple) 0%, var(--color-brand-cyan) 100%);--gradient-brand-subtle:radial-gradient(ellipse 70% 50% at 30% -10%, #8b5cf61f 0%, transparent 60%), radial-gradient(ellipse 50% 40% at 80% 80%, #22d3ee0f 0%, transparent 60%);--color-bg:#080b14;--color-bg-elevated:#0d1120;--color-surface-1:#111827;--color-surface-2:#1a2235;--color-surface-3:#212d42;--color-surface-glass:#ffffff08;--color-surface-glass-hover:#ffffff0d;--clr-bg:var(--color-bg);--clr-bg-2:var(--color-bg-elevated);--clr-surface:var(--color-surface-1);--clr-surface-2:var(--color-surface-2);--clr-surface-3:var(--color-surface-3);--clr-purple:var(--color-brand-purple);--clr-purple-light:var(--color-brand-purple-light);--clr-cyan:var(--color-brand-cyan);--clr-red:#ef4444;--color-text-primary:#f1f5f9;--color-text-body:#e2e8f0;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-subtle:#475569;--color-text-inverse:#0f172a;--color-text-brand:var(--color-brand-purple-light);--color-text-link:var(--color-brand-purple-light);--color-text-link-hover:#c4b5fd;--color-border:#ffffff12;--color-border-strong:#ffffff1f;--color-border-hover:#8b5cf673;--color-border-focus:#8b5cf680;--clr-border:var(--color-border);--clr-border-hover:var(--color-border-hover);--color-success:#22c55e;--color-success-muted:#86efac;--color-success-bg:#22c55e14;--color-success-border:#22c55e33;--color-error:#ef4444;--color-error-muted:#fca5a5;--color-error-bg:#ef44441a;--color-error-border:#ef444440;--color-warning:#f59e0b;--color-warning-muted:#fde68a;--color-warning-bg:#f59e0b1a;--color-warning-border:#f59e0b4d;--color-info:var(--color-brand-cyan);--color-info-bg:#22d3ee14;--color-info-border:#22d3ee40;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:16px;--text-xl:18px;--text-2xl:clamp(24px, 3vw, 28px);--text-3xl:clamp(28px, 4vw, 40px);--text-display:clamp(32px, 5vw, 48px);--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.6;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;--tracking-tight:-.03em;--tracking-normal:0;--tracking-wide:.06em;--tracking-wider:.12em;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-pill:999px;--radius-full:50%;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 24px #00000047;--shadow-lg:0 12px 40px #00000059;--shadow-brand:0 4px 24px #8b5cf659;--shadow-brand-lg:0 6px 32px #8b5cf680;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, .61, .36, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--dur-instant:.1s;--dur-fast:.16s;--dur-base:.26s;--dur-slow:.4s;--layout-page:960px;--layout-page-wide:1100px;--layout-content-narrow:480px;--layout-content-form:520px;--layout-grid-min:280px;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-nav:300;--z-overlay:400;--z-modal:500;--z-toast:600}.ds-eyebrow{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-brand)}.ds-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);line-height:var(--leading-tight)}.ds-title-sm{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}.ds-subtitle{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--color-text-muted);max-width:var(--layout-content-narrow)}.ds-body{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-body)}.ds-caption{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-secondary)}.ds-hint{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-muted)}.ds-hint code,.ds-code{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--color-surface-glass-hover);color:var(--color-text-secondary);padding:2px 6px;font-size:.92em}.ds-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.ds-section-title{font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);margin:0}.ds-stack{gap:var(--space-4);flex-direction:column;display:flex}.ds-stack--sm{gap:var(--space-2)}.ds-stack--lg{gap:var(--space-6)}.ds-stack--xl{gap:var(--space-8)}.ds-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ds-grid{grid-template-columns:repeat(auto-fill, minmax(var(--layout-grid-min), 1fr));gap:var(--space-6);display:grid}.ds-panel{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.ds-card{background:var(--color-surface-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out)}.ds-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ds-card--static:hover{box-shadow:none;border-color:var(--color-border);transform:none}.ds-divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-4) 0}.ds-badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:3px 10px;line-height:1.2;display:inline-flex}.ds-badge--brand{color:var(--color-text-body);background:#8b5cf62e;border:1px solid #8b5cf659}.ds-badge--muted{color:var(--color-text-secondary);background:var(--color-surface-glass-hover);border:1px solid var(--color-border)}.ds-badge--success{color:var(--color-success-muted);background:var(--color-success-bg);border:1px solid var(--color-success-border)}.ds-badge--pro{color:#fff;background:var(--gradient-brand);border:none}.ds-alert{font-size:var(--text-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid #0000}.ds-alert--error{color:var(--color-error-muted);background:var(--color-error-bg);border-color:var(--color-error-border)}.ds-alert--success{color:var(--color-success-muted);background:var(--color-success-bg);border-color:var(--color-success-border)}.ds-alert--warning{color:var(--color-warning-muted);background:var(--color-warning-bg);border-color:var(--color-warning-border)}.ds-alert--info{color:var(--color-info);background:var(--color-info-bg);border-color:var(--color-info-border)}.ds-swatch-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.ds-swatch{border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.ds-swatch__color{height:64px}.ds-swatch__meta{padding:var(--space-2) var(--space-3);background:var(--color-surface-1);font-size:var(--text-xs);color:var(--color-text-secondary)}.ds-swatch__meta strong{color:var(--color-text-body);font-weight:var(--weight-semibold);margin-bottom:2px;display:block}.ds-token-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.ds-token-table th,.ds-token-table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.ds-token-table th{color:var(--color-text-muted);font-weight:var(--weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.ds-token-table code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-brand-purple-light)}.ds-showcase{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.ds-page{gap:var(--space-10);flex-direction:column;display:flex}.ds-page__section{gap:var(--space-4);flex-direction:column;display:flex}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text-body);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-3);border-radius:var(--radius-pill)}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeUp{0%{opacity:0;translate:0 20px}to{opacity:1;translate:0}}.animate-fade-up{animation:fadeUp .5s var(--ease-out) both}@keyframes spin{to{rotate:360deg}}.spinner{vertical-align:middle;border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.app{background:radial-gradient(ellipse 70% 50% at 30% -10%, #8b5cf61f 0%, transparent 60%), radial-gradient(ellipse 50% 40% at 80% 80%, #22d3ee0f 0%, transparent 60%), var(--clr-bg);min-height:100vh;position:relative}.btn{border-radius:var(--radius-pill);cursor:pointer;transition:scale var(--dur-fast) var(--ease-spring), box-shadow var(--dur-base) var(--ease-out), opacity var(--dur-fast);white-space:nowrap;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;scale:1}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn--primary{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 24px #8b5cf659}.btn--primary:hover:not(:disabled){scale:1.04;box-shadow:0 6px 32px #8b5cf680}.btn--ghost{color:#94a3b8;border:1px solid var(--clr-border);background:#ffffff0d}.btn--ghost:hover{color:#e2e8f0;border-color:#ffffff26;scale:1.03}.btn--lg{padding:14px 32px;font-size:16px}.page-shell{background:radial-gradient(ellipse 70% 50% at 30% -10%, #8b5cf61f 0%, transparent 60%), radial-gradient(ellipse 50% 40% at 80% 80%, #22d3ee0f 0%, transparent 60%), var(--clr-bg);min-height:100vh}.page-shell__container{flex-direction:column;gap:32px;max-width:960px;margin:0 auto;padding:40px 24px 80px;display:flex}.page-shell__container--wide{max-width:1100px}.page-shell__tagline{text-align:center;margin-top:-20px}.page-shell__container .preview-screen,.page-shell__container .editor-screen,.page-shell__container .pricing-page__main,.page-shell__container .videos-page__main,.page-shell__container .auth-page__main,.page-shell__container .support-page{max-width:none;margin:0;padding:0}.setup-screen__brand{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.brand-logo{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;align-items:center;gap:8px;font-size:28px;font-weight:900;display:flex}.brand-dot{background:var(--gradient-brand);border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{scale:1;box-shadow:0 0 #8b5cf6b3}50%{scale:1.2;box-shadow:0 0 0 5px #8b5cf600}}.brand-tagline{color:#475569;font-size:13px;font-weight:500}.support-warning{border-radius:var(--radius-md);background:#f59e0b1a;border:1px solid #f59e0b4d;gap:12px;padding:14px 18px;font-size:13px;display:flex}.support-warning strong{color:#fde68a;margin-bottom:2px;display:block}.support-warning p{color:#94a3b8}.setup-layout{grid-template-columns:1fr 280px;align-items:start;gap:28px;display:grid}@media (width<=720px){.setup-layout{grid-template-columns:1fr}}.setup-panel{flex-direction:column;gap:24px;display:flex}.setup-section{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);flex-direction:column;gap:14px;padding:20px;display:flex}.setup-section__title{color:#64748b;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700}.mode-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=480px){.mode-grid{grid-template-columns:1fr}}.mode-card{border-radius:var(--radius-md);border:1px solid var(--clr-border);cursor:pointer;transition:all var(--dur-base) var(--ease-out), scale var(--dur-fast) var(--ease-spring);color:#94a3b8;text-align:center;background:#ffffff08;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;display:flex;scale:1}.mode-card:hover{background:#8b5cf612;border-color:#8b5cf64d;scale:1.03}.mode-card--active{color:#e2e8f0;background:#8b5cf624;border-color:#8b5cf680;box-shadow:0 0 20px #8b5cf626}.mode-card__icon{font-size:24px}.mode-card__label{color:#e2e8f0;font-size:13px;font-weight:600}.mode-card__desc{color:#64748b;font-size:11px}.toggle-list{flex-direction:column;gap:0;display:flex}.toggle-row{border-bottom:1px solid var(--clr-border);cursor:pointer;transition:opacity var(--dur-fast);align-items:center;gap:12px;padding:12px 0;display:flex}.toggle-row:last-child{border-bottom:none}.toggle-row:hover{opacity:.9}.toggle-row__icon{text-align:center;flex-shrink:0;width:24px;font-size:18px}.toggle-row__text{flex-direction:column;flex:1;gap:2px;display:flex}.toggle-row__label{color:#e2e8f0;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.toggle-row__desc{color:#64748b;font-size:11px}.toggle-badge{border-radius:var(--radius-pill);color:#fde68a;letter-spacing:.04em;background:#f59e0b1f;border:1px solid #f59e0b40;padding:1px 7px;font-size:10px;font-weight:600}.toggle-switch{flex-shrink:0}.toggle-switch__track{border-radius:var(--radius-pill);width:40px;height:22px;transition:background var(--dur-base) var(--ease-out);background:#ffffff1a;border:1px solid #ffffff1a;position:relative}.toggle-switch__track--on{background:linear-gradient(135deg,#8b5cf6,#22d3ee);border-color:#0000}.toggle-switch__thumb{width:16px;height:16px;transition:translate var(--dur-base) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0000004d}.toggle-switch__track--on .toggle-switch__thumb{translate:18px}.setup-option-label{color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:11px;font-weight:600}.pip-grid{grid-template-columns:repeat(2,1fr);gap:6px;width:88px;display:grid}.pip-btn{border-radius:var(--radius-sm);border:1px solid var(--clr-border);color:#94a3b8;width:40px;height:40px;transition:all var(--dur-fast) var(--ease-out);background:#ffffff0a;justify-content:center;align-items:center;font-size:16px;display:flex}.pip-btn:hover{color:#e2e8f0;border-color:#8b5cf666}.pip-btn--active{color:var(--clr-purple-light);background:#8b5cf62e;border-color:#8b5cf68c}.effect-option{margin-top:14px}.filter-chips{flex-wrap:wrap;gap:6px;display:flex}.filter-chip{border-radius:var(--radius-sm);border:1px solid var(--clr-border);color:#94a3b8;transition:all var(--dur-fast) var(--ease-out);background:#ffffff0a;padding:6px 12px;font-size:12px;font-weight:600}.filter-chip:hover{color:#e2e8f0;border-color:#8b5cf666}.filter-chip--active{color:var(--clr-purple-light);background:#8b5cf62e;border-color:#8b5cf68c}.color-picker-row{align-items:center;gap:10px;margin-top:10px;display:flex}.color-picker{border:1px solid var(--clr-border);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0a;width:40px;height:32px;padding:2px}.color-picker-label{color:#64748b;font-size:12px}.pip-preview-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.pip-preview-nameplate{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;background:#0f172ac7;border:1.5px solid #8b5cf673;border-radius:8px;max-width:220px;padding:6px 14px;font-size:13px;font-weight:600;overflow:hidden}.size-row{gap:6px;display:flex}.size-btn{border-radius:var(--radius-sm);border:1px solid var(--clr-border);color:#94a3b8;width:36px;height:36px;transition:all var(--dur-fast) var(--ease-out);background:#ffffff0a;font-size:13px;font-weight:700}.size-btn:hover{color:#e2e8f0;border-color:#8b5cf666}.size-btn--active{color:var(--clr-purple-light);background:#8b5cf62e;border-color:#8b5cf68c}.setup-preview{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:14px;min-height:320px;padding:20px 14px;display:flex}.setup-preview__controls{border-radius:var(--radius-md);background:#00000038;border:1px solid #ffffff0f;flex-direction:column;gap:10px;width:100%;padding:12px;display:flex}.setup-preview__controls--pip{gap:8px}.setup-preview__controls-heading{color:#64748b;text-transform:uppercase;letter-spacing:.08em;text-align:left;margin:0 0 2px;font-size:11px;font-weight:700}.setup-preview__pip-grid{flex-direction:column;gap:10px;display:flex}.preview-control{text-align:left;flex-direction:column;gap:6px;display:flex}.preview-control__label{color:#64748b;letter-spacing:.02em;font-size:11px;font-weight:600}.preview-segment{border:1px solid var(--clr-border);background:#ffffff0a;border-radius:9px;gap:2px;width:100%;padding:3px;display:flex}.preview-segment__btn{color:#94a3b8;min-width:0;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:7px 4px;font-size:11px;font-weight:600;line-height:1.2}.preview-segment__btn:hover{color:#e2e8f0;background:#ffffff0d}.preview-segment__btn--active{color:#f8fafc;background:#8b5cf652;box-shadow:inset 0 0 0 1px #8b5cf673}.preview-segment--icons .preview-segment__btn{padding:6px 4px;font-size:15px}.filter-chips--centered{justify-content:center}.setup-preview__actions{flex-direction:column;align-items:stretch;gap:10px;width:100%;margin-top:4px;display:flex}.setup-preview__start,.setup-preview__live{justify-content:center;width:100%}.setup-preview__start-note{color:#475569;font-size:11px;line-height:1.4}.setup-preview__vb-loading{color:#94a3b8;margin:0;font-size:12px}.webcam-preview-wrap{flex-direction:column;align-self:center;align-items:center;gap:12px;display:flex}.setup-preview__placeholder{color:#475569;flex-direction:column;align-items:center;gap:12px;font-size:13px;line-height:1.6;display:flex}.shortcut-hint{color:#475569;align-items:center;gap:4px;margin-top:auto;font-size:11px;display:flex}kbd{font-family:var(--font-body);color:#94a3b8;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;padding:1px 5px;font-size:10px;display:inline-block}.setup-screen__footer{flex-direction:column;align-items:center;gap:12px;display:flex}.setup-screen__footer-note{color:#475569;text-align:center;font-size:12px}.preview-screen{flex-direction:column;gap:24px;max-width:900px;margin:0 auto;padding:40px 24px 80px;display:flex}.preview-screen__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.preview-screen__title{font-family:var(--font-display);letter-spacing:-.02em;color:#f1f5f9;font-size:clamp(24px,4vw,36px);font-weight:800;line-height:1.1}.preview-screen__subtitle{color:#64748b;margin-top:4px;font-size:14px}.preview-screen__player-wrap{border-radius:var(--radius-xl);border:1px solid var(--clr-border);background:#000;overflow:hidden;box-shadow:0 20px 60px #00000080}.preview-screen__video{background:#000;width:100%;max-height:60vh;display:block}.preview-screen__trim{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:18px 20px;display:flex}.trim-header{justify-content:space-between;align-items:center;display:flex}.trim-label{color:#e2e8f0;font-size:13px;font-weight:600}.trim-times{color:var(--clr-purple-light);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.trim-track{align-items:center;height:20px;display:flex;position:relative}.trim-track__fill{background:var(--gradient-brand);border-radius:var(--radius-pill);pointer-events:none;height:4px;position:absolute;top:50%;translate:0 -50%}.trim-range{appearance:none;pointer-events:none;background:0 0;width:100%;height:4px;position:absolute}.trim-range::-webkit-slider-thumb{appearance:none;background:var(--clr-purple-light);cursor:pointer;pointer-events:auto;width:18px;height:18px;transition:scale var(--dur-fast) var(--ease-spring);border:2px solid #fff;border-radius:50%;scale:1;box-shadow:0 0 8px #8b5cf680}.trim-range::-webkit-slider-thumb:hover{scale:1.15}.trim-range--start{left:0}.trim-range--end{right:0}.trim-track:before{content:"";border-radius:var(--radius-pill);background:#ffffff1a;height:4px;margin:auto;position:absolute;inset:0}.trim-note{color:#475569;font-size:11px;font-style:italic}.preview-screen__download-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filename-wrap{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);flex:1;align-items:center;gap:8px;min-width:200px;padding:10px 14px;display:flex}.filename-prefix{flex-shrink:0;font-size:16px}.filename-input{color:#e2e8f0;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px}.filename-ext{color:#64748b;flex-shrink:0;font-size:13px;font-weight:600}.preview-screen__fileinfo{color:#475569;text-align:center;font-size:12px}.error-toast{border-radius:var(--radius-pill);color:#fca5a5;z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeUp .3s var(--ease-out) both;background:#ef444426;border:1px solid #ef444466;padding:12px 20px;font-size:14px;font-weight:500;position:fixed;bottom:24px;left:50%;translate:-50%}.site-nav{justify-content:space-between;align-items:center;gap:16px;padding:4px 0 8px;display:flex}.site-nav__right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.site-nav__auth{border-left:1px solid var(--clr-border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding-left:8px;display:flex}.site-nav__auth-pending{opacity:.5;cursor:default;pointer-events:none}.site-nav__user{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:12px;overflow:hidden}.site-nav__signout{cursor:pointer;color:#fca5a5;background:0 0;border:none;font-family:inherit}.site-nav__signout:hover:not(:disabled){color:#fecaca;background:#ef44441f}.site-nav__signout:disabled{opacity:.6;cursor:wait}.site-nav__account,.site-nav__menu{position:relative}.site-nav__menu-trigger{cursor:pointer;border-radius:var(--radius-pill);color:#64748b;-webkit-user-select:none;user-select:none;transition:color var(--dur-fast), background var(--dur-fast);background:0 0;border:none;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;list-style:none;display:inline-flex}.site-nav__menu-trigger::-webkit-details-marker{display:none}.site-nav__menu-trigger:hover,.site-nav__menu[open] .site-nav__menu-trigger,.site-nav__menu-trigger--active{color:#e2e8f0;background:#8b5cf624}.site-nav__menu-panel{min-width:180px}.site-nav__account-link--active{color:#f1f5f9;background:#8b5cf61f}.site-nav__account-trigger{cursor:pointer;border-radius:var(--radius-pill);color:#e2e8f0;-webkit-user-select:none;user-select:none;background:#8b5cf624;border:1px solid #8b5cf640;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;list-style:none;display:inline-flex}.site-nav__account-chevron{color:#94a3b8;font-size:10px;line-height:1}.site-nav__account-trigger::-webkit-details-marker{display:none}.site-nav__account[open] .site-nav__account-trigger{background:#8b5cf638}.site-nav__account-menu{z-index:100;border-radius:var(--radius-md);background:var(--clr-bg-2);border:1px solid var(--clr-border);flex-direction:column;gap:4px;min-width:220px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #00000073}.site-nav__account-email{color:#64748b;word-break:break-all;border-bottom:1px solid var(--clr-border);margin-bottom:4px;padding:4px 8px 8px;font-size:12px}.site-nav__account-link{border-radius:var(--radius-sm);color:#cbd5e1;padding:8px 10px;font-size:13px;font-weight:600;text-decoration:none;display:block}.site-nav__account-link:hover{color:#f1f5f9;background:#ffffff0f}.site-nav__account-signout{border-radius:var(--radius-sm);color:#fca5a5;cursor:pointer;text-align:left;background:#ef44441f;border:none;width:100%;margin-top:4px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:600;display:block}.site-nav__account-signout:hover:not(:disabled){background:#ef444433}.site-nav__account-signout:disabled{opacity:.6;cursor:wait}.site-nav__account-error{color:#fca5a5;padding:6px 8px 0;font-size:12px}.site-nav__account-error--inline{text-align:right;flex-basis:100%;margin:0;padding:0}.site-nav__login{background:#8b5cf61f}.site-nav__brand{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;transition:opacity var(--dur-fast);align-items:center;gap:8px;font-size:22px;font-weight:900;text-decoration:none;display:flex}.site-nav__brand:hover{opacity:.85}.site-nav__links{align-items:center;gap:6px;display:flex}.site-nav__link{border-radius:var(--radius-pill);color:#64748b;transition:color var(--dur-fast), background var(--dur-fast);padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none}.site-nav__link:hover{color:#e2e8f0;background:#ffffff0d}.site-nav__link--active{color:#e2e8f0;background:#8b5cf624}.pricing-page__main{flex-direction:column;gap:56px;display:flex}.pricing-hero{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:640px;margin:0 auto;display:flex}.pricing-hero__eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--clr-purple-light);font-size:12px;font-weight:700}.pricing-hero__title{font-family:var(--font-display);letter-spacing:-.03em;color:#f1f5f9;font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1.1}.pricing-hero__subtitle{color:#64748b;max-width:520px;font-size:16px;line-height:1.6}.pricing-hero__status{color:#94a3b8;max-width:520px;margin-top:12px;font-size:14px}.pricing-hero__status strong{color:#c4b5fd}.pricing-hero__manage{color:#a78bfa;text-underline-offset:2px;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.pricing-hero__manage:hover,.pricing-hero__manage:hover:not(:disabled){color:#c4b5fd}.pricing-hero__rc-error{color:#fca5a5;margin-top:8px;font-size:13px}.pricing-hero__rc-hint{color:#64748b;text-align:center;margin:-8px 0 32px;font-size:13px}.pricing-hero__rc-hint code{color:#94a3b8;font-size:12px}.pricing-highlights{text-align:center;width:100%;max-width:960px;margin:0 auto}.pricing-highlights__title{font-family:var(--font-display);color:#f1f5f9;margin:0 0 8px;font-size:clamp(22px,3vw,28px);font-weight:700}.pricing-highlights__subtitle{color:#64748b;max-width:520px;margin:0 auto 28px;font-size:15px}.pricing-highlights__grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (width<=900px){.pricing-highlights__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.pricing-highlights__grid{grid-template-columns:1fr}}.pricing-highlights__card{border-radius:var(--radius-lg);background:#ffffff08;border:1px solid #ffffff14;padding:18px 18px 16px}.pricing-highlights__icon{margin-bottom:10px;font-size:22px;display:block}.pricing-highlights__name{font-family:var(--font-display);color:#e2e8f0;margin:0 0 6px;font-size:15px;font-weight:700}.pricing-highlights__desc{color:#64748b;margin:0;font-size:13px;line-height:1.55}.rc-modal{z-index:10001;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.rc-modal__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;position:absolute;inset:0}.rc-modal__panel{border-radius:var(--radius-lg);background:#0d1120;border:1px solid #8b5cf659;width:min(480px,100%);max-height:90vh;padding:20px;position:relative;overflow:auto;box-shadow:0 24px 64px #00000080}.rc-modal__close{z-index:2;color:#64748b;cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1;position:absolute;top:12px;right:12px}.rc-modal__close:hover{color:#e2e8f0}.rc-modal__status{color:#94a3b8;margin-bottom:12px;font-size:14px}.rc-modal__status-detail{color:#64748b;margin:-8px 0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.rc-modal__status--checkout{color:#e2e8f0;margin-bottom:8px}.rc-modal__error{color:#fca5a5;margin-bottom:12px;font-size:13px}.rc-modal__paywall{min-height:200px}.rc-modal__paywall--active{min-height:420px}.rc-modal__debug{border-top:1px solid var(--clr-border);color:#94a3b8;margin-top:16px;padding-top:12px;font-size:12px}.rc-modal__debug summary{cursor:pointer;color:#cbd5e1;margin-bottom:8px;font-weight:600}.rc-modal__debug-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.rc-modal__debug-hint{color:#64748b;font-size:11px}.rc-modal__debug-log{flex-direction:column;gap:8px;margin:0 0 12px;padding-left:18px;display:flex}.rc-modal__debug-log pre{border-radius:var(--radius-sm);color:#e2e8f0;background:#00000059;margin:4px 0 0;padding:8px;font-size:11px;overflow-x:auto}.rc-modal__debug-json{border-radius:var(--radius-sm);color:#cbd5e1;background:#00000059;max-height:220px;margin:0;padding:10px;font-size:11px;line-height:1.45;overflow:auto}.btn--sm{padding:6px 12px;font-size:12px}.billing-toggle{border-radius:var(--radius-pill);background:var(--clr-surface);border:1px solid var(--clr-border);margin-top:8px;padding:4px;display:inline-flex}.billing-toggle__option{border-radius:var(--radius-pill);color:#64748b;cursor:pointer;transition:color var(--dur-fast), background var(--dur-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.billing-toggle__option--active{color:#e2e8f0;background:#8b5cf62e}.billing-toggle__badge{border-radius:var(--radius-pill);color:var(--clr-cyan);letter-spacing:.02em;background:#22d3ee1f;border:1px solid #22d3ee40;padding:2px 8px;font-size:10px;font-weight:700}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;display:grid}@media (width<=900px){.pricing-grid{grid-template-columns:1fr;width:100%;max-width:420px;margin:0 auto}}.pricing-card{border-radius:var(--radius-xl);background:var(--clr-surface);border:1px solid var(--clr-border);transition:border-color var(--dur-base), box-shadow var(--dur-base);flex-direction:column;gap:20px;padding:28px 24px;display:flex;position:relative}.pricing-card--featured{background:linear-gradient(180deg, #8b5cf614 0%, transparent 40%), var(--clr-surface);border-color:#8b5cf673;box-shadow:0 0 40px #8b5cf61f}.pricing-card__badge{border-radius:var(--radius-pill);background:var(--gradient-brand);color:#fff;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;translate:-50%}.pricing-card__header{flex-direction:column;gap:6px;display:flex}.pricing-card__name{font-family:var(--font-display);color:#f1f5f9;font-size:22px;font-weight:800}.pricing-card__desc{color:#64748b;font-size:13px;line-height:1.5}.pricing-card__price{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.pricing-card__amount{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;font-size:40px;font-weight:900}.pricing-card__period{color:#64748b;font-size:13px}.pricing-card__features{flex-direction:column;flex:1;gap:10px;list-style:none;display:flex}.pricing-card__features li{color:#94a3b8;align-items:flex-start;gap:10px;font-size:13px;line-height:1.4;display:flex}.pricing-card__features li:before{content:"✓";width:18px;height:18px;color:var(--clr-cyan);background:#22d3ee1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.pricing-card__cta{justify-content:center;width:100%;margin-top:auto}.pricing-faq{flex-direction:column;gap:20px;width:100%;max-width:640px;margin:0 auto;display:flex}.pricing-faq__title{font-family:var(--font-display);color:#f1f5f9;text-align:center;font-size:24px;font-weight:800}.pricing-faq__list{flex-direction:column;gap:10px;display:flex}.pricing-faq__item{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:16px 18px}.pricing-faq__item summary{color:#e2e8f0;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:600;list-style:none;display:flex}.pricing-faq__item summary::-webkit-details-marker{display:none}.pricing-faq__item summary:after{content:"+";color:#64748b;transition:rotate var(--dur-fast);font-size:18px;font-weight:400}.pricing-faq__item[open] summary:after{rotate:45deg}.pricing-faq__item p{color:#64748b;margin-top:12px;font-size:13px;line-height:1.6}.videos-page__main{flex-direction:column;gap:40px;display:flex}.videos-hero{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.videos-hero__eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--clr-purple-light);font-size:12px;font-weight:700}.videos-hero__title{font-family:var(--font-display);letter-spacing:-.03em;color:#f1f5f9;font-size:clamp(28px,4vw,40px);font-weight:800}.videos-hero__subtitle{color:#64748b;max-width:480px;font-size:15px;line-height:1.6}.videos-empty{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;font-size:14px;display:flex}.videos-empty__icon{opacity:.6;font-size:40px}.videos-empty__hint{color:#475569;font-size:13px}.videos-empty__hint strong{color:#94a3b8}.videos-layout{grid-template-columns:1fr 360px;align-items:start;gap:24px;display:grid}@media (width<=860px){.videos-layout{grid-template-columns:1fr}}.video-grid{flex-direction:column;gap:10px;list-style:none;display:flex}.video-card{border-radius:var(--radius-md);background:var(--clr-surface);border:1px solid var(--clr-border);cursor:pointer;text-align:left;width:100%;transition:border-color var(--dur-base), background var(--dur-base);grid-template-columns:120px 1fr;gap:14px;padding:10px;display:grid}.video-card:hover{background:#8b5cf60f;border-color:#8b5cf659}.video-card--active{background:#8b5cf61a;border-color:#8b5cf68c;box-shadow:0 0 24px #8b5cf61a}.video-card__thumb{aspect-ratio:16/9;border-radius:var(--radius-sm);background:#000;overflow:hidden}.video-card__thumb-img{object-fit:cover;width:100%;height:100%;display:block}.video-card__thumb-placeholder{background:var(--clr-surface-2);justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;display:flex}.video-card__body{flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}.video-card__title{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.video-card__meta,.video-card__date{color:#64748b;font-size:12px}.video-card__badge{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;vertical-align:middle;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.video-card__badge--public{color:#86efac;background:#22c55e1f}.video-card__badge--private{color:#fca5a5;background:#ef44441f}.video-card__badge--unlisted{color:#cbd5e1;background:#ffffff14}.video-player-panel{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);flex-direction:column;display:flex;position:sticky;top:24px;overflow:hidden}.video-player-panel__video{aspect-ratio:16/9;background:#000;width:100%;display:block}.video-player-panel__actions{flex-wrap:wrap;gap:10px;padding:14px;display:flex}.video-player-panel__placeholder{text-align:center;color:#475569;padding:80px 24px;font-size:13px}.auth-page__main{width:100%;max-width:440px;margin:0 auto}.auth-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-xl);flex-direction:column;gap:24px;padding:32px 28px;display:flex}.auth-card__header{text-align:center;flex-direction:column;gap:8px;display:flex}.auth-card__eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--clr-purple-light);font-size:12px;font-weight:700}.auth-card__title{font-family:var(--font-display);color:#f1f5f9;letter-spacing:-.02em;font-size:28px;font-weight:800}.auth-card__subtitle{color:#64748b;font-size:14px;line-height:1.5}.auth-tabs{border-radius:var(--radius-pill);border:1px solid var(--clr-border);background:#ffffff08;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.auth-tabs__btn{border-radius:var(--radius-pill);color:#64748b;cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:none;padding:8px 12px;font-size:13px;font-weight:600}.auth-tabs__btn--active{color:#e2e8f0;background:#8b5cf62e}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.auth-field__input{padding:var(--space-3) 14px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-glass);color:var(--color-text-body);font-size:var(--text-base);transition:border-color var(--dur-fast);outline:none}.auth-field__input:focus{border-color:var(--color-border-focus)}.auth-form__error{font-size:var(--text-sm);color:var(--color-error-muted);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);background:var(--color-error-bg);border:1px solid var(--color-error-border)}.auth-form__message{font-size:var(--text-sm);color:var(--color-success-muted);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);background:var(--color-success-bg);border:1px solid var(--color-success-border)}.auth-form__submit{justify-content:center;width:100%;margin-top:4px}.btn--google{color:#1f2937;border:1px solid var(--clr-border);box-shadow:none;background:#fff;justify-content:center;width:100%}.btn--google:hover:not(:disabled){scale:1.02;box-shadow:0 2px 12px #00000026}.auth-oauth{flex-direction:column;gap:10px;display:flex}.auth-oauth__btn{justify-content:center;align-items:center;gap:10px;width:100%;display:inline-flex}.btn--apple{color:#fff;box-shadow:none;background:#000;border:1px solid #ffffff1f}.btn--apple:hover:not(:disabled){background:#111;scale:1.02;box-shadow:0 2px 12px #00000059}.auth-divider{color:#475569;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--clr-border);flex:1;height:1px}.auth-notice{border-radius:var(--radius-md);color:#94a3b8;background:#f59e0b14;border:1px solid #f59e0b40;flex-direction:column;gap:10px;padding:16px;font-size:13px;line-height:1.5;display:flex}.auth-notice strong{color:#fde68a}.auth-notice code{color:#e2e8f0;background:#ffffff0f;border-radius:4px;padding:1px 5px;font-size:12px}.auth-notice__link{align-self:flex-start}.auth-loading{color:#64748b;justify-content:center;align-items:center;gap:10px;min-height:40vh;font-size:14px;display:flex}.editor-screen{flex-direction:column;gap:24px;max-width:1100px;margin:0 auto;padding:24px 24px 80px;display:flex}.editor-screen__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.editor-layout{grid-template-columns:1fr 320px;align-items:start;gap:24px;display:grid}@media (width<=900px){.editor-layout{grid-template-columns:1fr}}.editor-main{flex-direction:column;gap:20px;display:flex}.editor-trim-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.editor-trim-badge{color:var(--clr-cyan);border-radius:var(--radius-pill);background:#22d3ee1a;border:1px solid #22d3ee40;padding:4px 10px;font-size:12px;font-weight:600}.editor-title-row{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:16px 18px}.editor-caption{border-radius:var(--radius-md);color:#cbd5e1;background:#8b5cf614;border:1px solid #8b5cf633;padding:14px 16px;font-size:13px;line-height:1.5}.editor-caption p{margin-top:6px}.editor-ai{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-xl);flex-direction:column;gap:14px;max-height:calc(100vh - 48px);padding:20px;display:flex;position:sticky;top:24px}.editor-ai__header{align-items:flex-start;gap:12px;display:flex}.editor-ai__icon{font-size:24px}.editor-ai__title{font-family:var(--font-display);color:#f1f5f9;font-size:16px;font-weight:800}.editor-ai__desc{color:#64748b;margin-top:2px;font-size:12px}.editor-ai__chips{flex-wrap:wrap;gap:6px;display:flex}.editor-ai__chip{border-radius:var(--radius-pill);border:1px solid var(--clr-border);color:#94a3b8;cursor:pointer;transition:all var(--dur-fast);background:#ffffff08;padding:6px 10px;font-size:11px;font-weight:600}.editor-ai__chip:hover:not(:disabled){color:#e2e8f0;border-color:#8b5cf666}.editor-ai__chip:disabled{opacity:.5;cursor:not-allowed}.editor-ai__messages{flex-direction:column;flex:1;gap:8px;min-height:120px;max-height:280px;padding:4px 0;display:flex;overflow-y:auto}.editor-ai__empty{color:#475569;font-size:12px;font-style:italic;line-height:1.5}.editor-ai__msg{border-radius:var(--radius-md);max-width:100%;padding:10px 12px;font-size:13px;line-height:1.5}.editor-ai__msg--user{color:#e2e8f0;background:#8b5cf626;border:1px solid #8b5cf640;align-self:flex-end}.editor-ai__msg--assistant{border:1px solid var(--clr-border);color:#94a3b8;background:#ffffff0a;align-self:flex-start}.editor-ai__form{flex-direction:column;gap:8px;display:flex}.editor-ai__form .btn{justify-content:center}.editor-ai__hint{color:#475569;font-size:11px;line-height:1.4}.editor-ai__hint code{color:#94a3b8;background:#ffffff0f;border-radius:3px;padding:1px 4px;font-size:10px}.btn--youtube{color:#fff;background:red;box-shadow:0 4px 20px #ff00004d}.btn--youtube:hover:not(:disabled){scale:1.04;box-shadow:0 6px 28px #ff000073}.btn--youtube-disabled{opacity:.45}.yt-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10000;animation:fadeUp .2s var(--ease-out) both;background:#000000a6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.yt-modal{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-xl);flex-direction:column;gap:18px;width:100%;max-width:440px;padding:24px;display:flex;box-shadow:0 24px 80px #00000080}.yt-modal__header{align-items:flex-start;gap:12px;display:flex}.yt-modal__logo{border-radius:var(--radius-sm);color:#fff;background:red;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.yt-modal__title{font-family:var(--font-display);color:#f1f5f9;font-size:18px;font-weight:800}.yt-modal__subtitle{color:#64748b;margin-top:2px;font-size:12px}.yt-modal__close{color:#64748b;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:24px;line-height:1}.yt-modal__close:hover{color:#e2e8f0}.yt-modal__fields{flex-direction:column;gap:14px;display:flex}.yt-modal__textarea{resize:vertical;min-height:72px;font-family:inherit}.yt-modal__progress{flex-direction:column;gap:6px;display:flex}.yt-modal__progress-bar{border-radius:var(--radius-pill);background:#ffffff14;height:6px;overflow:hidden}.yt-modal__progress-fill{border-radius:var(--radius-pill);background:red;height:100%;transition:width .2s ease-out}.yt-modal__progress-label{color:#64748b;font-variant-numeric:tabular-nums;font-size:12px}.yt-modal__actions{flex-wrap:wrap;gap:10px;display:flex}.yt-modal__actions .btn--youtube{flex:1;justify-content:center}.yt-modal__success{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.yt-modal__success p{color:#86efac;font-size:14px}.onboarding-tour{z-index:10000;border-radius:var(--radius-lg);background:#0d1120f5;border:1px solid #8b5cf659;max-width:320px;padding:20px 22px;animation:.35s both fadeUp;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 40px #00000073}.onboarding-tour__step{letter-spacing:.06em;text-transform:uppercase;color:#a78bfa;margin-bottom:6px;font-size:11px;font-weight:600}.onboarding-tour__title{color:#f1f5f9;margin-bottom:8px;font-size:17px;font-weight:700}.onboarding-tour__body{color:#94a3b8;margin-bottom:16px;font-size:14px;line-height:1.5}.onboarding-tour__actions{justify-content:flex-end;gap:8px;display:flex}.setup-pro-unlock{width:100%;margin-top:12px}.recording-widget{z-index:9998;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(20px);-webkit-user-select:none;user-select:none;background:#0d1120f5;border:1px solid #8b5cf659;width:min(440px,100vw - 24px);animation:.35s cubic-bezier(.34,1.56,.64,1) both recordingWidgetIn;position:fixed;overflow:hidden;box-shadow:0 16px 48px #0000008c,0 0 32px #8b5cf626}.recording-widget--pip{width:100%;max-width:none;box-shadow:none;border:none;border-radius:0;animation:none;position:static}.recording-widget--warn{border-color:#f59e0b8c;box-shadow:0 16px 48px #0000008c,0 0 24px #f59e0b33}.recording-widget--collapsed{border-radius:var(--radius-pill);background:#0d1120eb;width:auto;padding:0}.recording-widget__handle{cursor:grab;touch-action:none;justify-content:center;align-items:center;padding:6px 0 2px;display:flex}.recording-widget__handle:active{cursor:grabbing}.recording-widget__handle-dots{color:#64748b;letter-spacing:2px;font-size:16px;line-height:1}.recording-widget__preview-wrap{border-radius:var(--radius-sm);aspect-ratio:16/9;background:#020617;min-height:200px;margin:0 12px;position:relative;overflow:hidden}.recording-widget__preview{object-fit:contain;width:100%;height:100%;display:block}.recording-widget__preview-badge{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;align-items:center;gap:6px;padding:4px 8px;display:flex;position:absolute;top:8px;left:8px}.recording-widget__rec-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.2s ease-in-out infinite recPulse}.recording-widget__rec-dot--paused{background:#f59e0b;animation:none}.recording-widget__rec-label{letter-spacing:.08em;color:#fca5a5;font-size:10px;font-weight:700}.recording-widget__footer{flex-direction:column;gap:10px;padding:10px 12px 12px;display:flex}.recording-widget__timer-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.recording-widget__timer{font-family:var(--font-display);color:#f1f5f9;letter-spacing:-.02em;font-size:20px;font-weight:700}.recording-widget--warn .recording-widget__timer{color:#fbbf24}.recording-widget__timer-max{opacity:.65;font-size:13px;font-weight:500}.recording-widget__meter{background:#ffffff1f;border-radius:999px;flex:1;min-width:48px;max-width:80px;height:6px;overflow:hidden}.recording-widget__meter-fill{background:linear-gradient(90deg,#22c55e,#86efac);border-radius:999px;height:100%;transition:width 80ms linear}.recording-widget__ext{color:#34d399;letter-spacing:.06em;font-size:10px;font-weight:700}.recording-widget__limit{color:#fbbf24;font-size:11px}.recording-widget__controls{justify-content:center;align-items:center;gap:8px;display:flex}.recording-widget__btn{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-family:inherit;font-size:14px;transition:background .15s,border-color .15s;display:flex}.recording-widget__btn:hover{background:#ffffff1a}.recording-widget__btn--ghost{font-size:16px;font-weight:700}.recording-widget__btn--stop{color:#ef4444;background:#ef44442e;border-color:#ef444473}.recording-widget__btn--stop:hover{background:#ef444447}.recording-widget__bubble{cursor:pointer;color:#f1f5f9;background:0 0;border:none;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;display:flex}.recording-widget__bubble-time{font-family:var(--font-display);font-size:14px;font-weight:700}@keyframes recordingWidgetIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes recPulse{0%,to{opacity:1;box-shadow:0 0 #ef4444b3}50%{opacity:.7;box-shadow:0 0 0 5px #ef444400}}.recording-bar__meter{background:#ffffff1f;border-radius:999px;width:48px;height:6px;overflow:hidden}.recording-bar__meter-fill{background:linear-gradient(90deg,#22c55e,#86efac);border-radius:999px;height:100%;transition:width 80ms linear}.editor-export-progress{background:#ffffff14;border-radius:999px;height:4px;margin-top:10px;overflow:hidden}.editor-export-progress__fill{background:var(--accent);border-radius:999px;height:100%;transition:width .2s}.editor-thumbnail{flex-direction:column;gap:10px;margin-top:12px;display:flex}.editor-thumbnail__img{border-radius:var(--radius-md);border:1px solid #ffffff1a;max-width:240px}.editor-panel{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff14;margin-top:20px;padding:16px 18px}.editor-panel__title{color:#e2e8f0;margin-bottom:12px;font-size:14px;font-weight:600}.editor-silence-list{color:#94a3b8;flex-direction:column;gap:6px;margin:10px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.editor-silence-list__jump{color:#a78bfa;cursor:pointer;background:0 0;border:none;margin-left:8px;font-size:12px;text-decoration:underline}.editor-cue-list{color:#cbd5e1;flex-direction:column;gap:6px;margin:10px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.editor-cue-list__time{color:#64748b;font-variant-numeric:tabular-nums;min-width:48px;margin-right:8px;display:inline-block}.editor-cue-list__more{color:#64748b;font-style:italic}.editor-export-block{margin-top:12px}.editor-export-block__label{color:#94a3b8;margin-bottom:6px;font-size:13px}.editor-thumbnail-picker{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff14;margin-top:16px;padding:16px 18px}.editor-thumbnail-picker__header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.editor-thumbnail-picker__time{color:#64748b;font-variant-numeric:tabular-nums;font-size:12px}.editor-thumbnail-picker__scrub{width:100%;margin-bottom:12px}.editor-thumbnail-picker__row{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.editor-thumbnail-picker__img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-md);border:1px solid #ffffff1a;width:160px}.editor-thumbnail-picker__placeholder{aspect-ratio:16/9;border-radius:var(--radius-md);color:#64748b;border:1px dashed #ffffff26;justify-content:center;align-items:center;width:160px;font-size:12px;display:flex}.editor-thumbnail-picker__actions{flex-direction:column;flex:1;gap:8px;min-width:160px;display:flex}.team-page{max-width:880px;margin:0 auto;padding-bottom:48px}.team-page__hero{margin-bottom:28px}.team-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.team-tabs--videos{margin-top:-8px}.team-tabs__btn{border-radius:var(--radius-pill);color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1f;padding:8px 16px;font-size:14px}.team-tabs__btn--active{color:#e2e8f0;background:#8b5cf633;border-color:#8b5cf673}.team-section{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff14;padding:20px}.team-section__title{color:#f1f5f9;margin-bottom:16px;font-size:16px;font-weight:600}.team-create-form,.team-invite-form{flex-wrap:wrap;align-items:flex-end;gap:10px;max-width:480px;display:flex}.team-member-list{flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.team-member-list__item{border-radius:var(--radius-md);color:#cbd5e1;background:#ffffff0a;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.team-member-list__role{color:#64748b;text-transform:capitalize;margin-left:auto;font-size:12px}.team-sso-card{border-radius:var(--radius-md);background:#ffffff0a;border:1px solid #ffffff14;margin-bottom:16px;padding:16px}.team-sso-card h3{color:#e2e8f0;margin-bottom:8px;font-size:15px}.team-sso-card p{color:#94a3b8;margin-bottom:12px;font-size:14px;line-height:1.5}.brand-kit__desc{color:#94a3b8;margin-bottom:16px;font-size:14px}.brand-kit__colors{flex-wrap:wrap;gap:16px;margin-bottom:12px;display:flex}.brand-kit__color-input{border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #ffffff26;width:48px;height:36px;padding:2px}.videos-hero__actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.editor-team-share{width:100%;margin-bottom:4px}.pricing-hero__status a{color:#a78bfa}.share-link-panel{flex-direction:column;gap:8px;display:flex}.share-link-panel__details{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff14;flex-direction:column;gap:12px;margin-top:8px;padding:12px;display:flex}.share-link-panel__row{align-items:stretch;gap:8px;display:flex}.share-link-panel__row .auth-field__input{flex:1;min-width:0}.share-link-panel__embed{resize:vertical;font-family:ui-monospace,monospace;font-size:11px}.share-link-panel__email{flex-direction:column;gap:6px;display:flex}.page-shell--watch .page-shell__container{max-width:960px}.watch-page{padding:8px 0 48px}.watch-page__header{margin-bottom:16px}.watch-page__title{margin:0 0 4px;font-family:Outfit,sans-serif;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700}.watch-page__meta{color:var(--text-muted,#94a3b8);margin:0;font-size:14px}.watch-page__player{border-radius:var(--radius-lg);background:#000;margin-bottom:20px;overflow:hidden;box-shadow:0 12px 40px #00000073}.watch-page__video{width:100%;max-height:70vh;display:block}.watch-page__embed{margin-bottom:20px}.watch-page__embed-code{border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-all;background:#00000059;padding:10px 12px;font-size:12px;display:block;overflow-x:auto}html.embed-mode,html.embed-mode body,html.embed-mode #root{background:#000;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.embed-page{background:#000;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.embed-page__video{object-fit:contain;width:100%;height:100%}.embed-page--loading,.embed-page--error{color:#94a3b8;font-family:Inter,sans-serif;font-size:14px}.cue-editor{margin-top:12px}.cue-editor--empty{padding-top:4px}.cue-editor__toolbar{margin-bottom:10px}.cue-editor__import{cursor:pointer;margin:0}.cue-editor__list{flex-direction:column;gap:10px;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.cue-editor__row{border-radius:var(--radius-md);background:#0003;border:1px solid #ffffff0f;grid-template-columns:auto 1fr auto;align-items:start;gap:8px;padding:10px;display:grid}.cue-editor__times{flex-direction:column;align-items:center;gap:4px;min-width:72px;display:flex}.cue-editor__time{text-align:center;width:72px;padding:6px 8px;font-family:ui-monospace,monospace;font-size:12px}.cue-editor__arrow{color:#64748b;font-size:10px}.cue-editor__text{resize:vertical;min-height:52px;font-size:13px}.cue-editor__actions{flex-direction:column;gap:6px;display:flex}.cue-editor__delete{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px}.cue-editor__delete:hover{color:#f87171}.editor-playback-jump{margin-top:8px}.editor-playback-jump__input{max-width:120px}.editor-chapters{border-top:1px solid #ffffff14;margin-top:14px;padding-top:12px}.analytics-page{flex-direction:column;gap:24px;padding-bottom:48px;display:flex}.analytics-page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.analytics-stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=768px){.analytics-stats{grid-template-columns:repeat(2,1fr)}}.analytics-stat{border-radius:var(--radius-lg);background:#ffffff08;border:1px solid #ffffff14;flex-direction:column;gap:4px;padding:16px;display:flex}.analytics-stat__value{font-family:var(--font-display);color:#f1f5f9;font-size:28px;font-weight:800}.analytics-stat__label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.analytics-table-wrap{border-radius:var(--radius-lg);border:1px solid #ffffff14;overflow-x:auto}.analytics-table{border-collapse:collapse;width:100%;font-size:13px}.analytics-table th,.analytics-table td{text-align:left;border-bottom:1px solid #ffffff0f;padding:12px 14px}.analytics-table th{text-transform:uppercase;letter-spacing:.06em;color:#64748b;background:#0003;font-size:11px}.analytics-table__title{color:#e2e8f0;max-width:240px;font-weight:600}.analytics-table__link{color:#a78bfa;text-decoration:none}.analytics-table__link:hover{text-decoration:underline}.analytics-table__visibility{min-width:108px;padding:6px 8px;font-size:13px}.analytics-table__comments{color:#cbd5e1;white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:inline-flex}.share-link-panel__comments-toggle{margin:0 0 12px}.install-page{max-width:640px;padding-bottom:48px}.install-page__actions{flex-wrap:wrap;gap:10px;margin:20px 0 32px;display:flex}.install-page__section{border-radius:var(--radius-lg);background:#ffffff08;border:1px solid #ffffff14;margin-bottom:28px;padding:18px}.install-page__heading{font-family:var(--font-display);color:#e2e8f0;margin:0 0 10px;font-size:16px;font-weight:700}.install-page__steps{color:#94a3b8;margin:0;padding-left:20px;font-size:14px;line-height:1.7}.support-page{max-width:960px;padding-bottom:48px}.support-page__hero-grid{grid-template-columns:1.2fr 1fr;gap:16px;margin:24px 0 40px;display:grid}@media (width<=768px){.support-page__hero-grid{grid-template-columns:1fr}}.support-page__card{border-radius:var(--radius-lg);background:#ffffff08;border:1px solid #ffffff14;padding:20px}.support-page__card--contact{flex-direction:column;gap:12px;display:flex}.support-page__heading{font-family:var(--font-display);color:#e2e8f0;margin:0;font-size:18px;font-weight:700}.support-page__subheading{font-family:var(--font-display);color:#e2e8f0;margin:20px 0 8px;font-size:14px;font-weight:700}.support-page__email{margin:0;font-size:15px;font-weight:600}.support-page__email a{color:var(--accent,#a78bfa);text-decoration:none}.support-page__email a:hover{text-decoration:underline}.support-page__form{flex-direction:column;gap:12px;margin-top:4px;display:flex}.support-page__textarea{resize:vertical;min-height:120px}.support-page__links{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.support-page__link{border-radius:var(--radius-md);background:#ffffff05;border:1px solid #ffffff0f;flex-direction:column;gap:2px;padding:12px 14px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.support-page__link:hover{background:#8b5cf614;border-color:#a78bfa59}.support-page__link-label{color:#e2e8f0;font-size:14px;font-weight:600}.support-page__link-desc{color:#94a3b8;font-size:12px}.support-page__billing{border-top:1px solid #ffffff14;margin-top:8px;padding-top:16px}.support-page__faq-section{margin-bottom:36px}.support-page__faq-section .pricing-faq__title{text-align:left;margin-bottom:12px;font-size:20px}.support-page__footer-note{text-align:center;margin-top:8px}.support-page__footer-note a{color:var(--accent,#a78bfa)}.customer-center{display:inline}.customer-center__error{color:#f87171;margin-top:4px;font-size:12px;display:block}.site-nav__install{white-space:nowrap}.watch-page__meta-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.watch-page__creator{color:var(--accent,#7c3aed);font-size:14px;text-decoration:none}.watch-page__creator:hover{text-decoration:underline}.watch-page__visibility-badge{border-radius:var(--radius-pill);color:#cbd5e1;letter-spacing:.02em;text-transform:uppercase;background:#94a3b82e;align-items:center;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.share-social{flex-direction:column;gap:10px;margin:16px 0;display:flex}.share-social__buttons{flex-wrap:wrap;gap:8px;display:flex}.share-social__btn--primary{color:#e9d5ff;background:#7c3aed2e;border-color:#7c3aed8c;font-weight:600}.share-social__btn--primary:hover{background:#7c3aed47}.share-social--compact{margin:8px 0 12px}.share-social__btn{border-radius:var(--radius-md);color:#e2e8f0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;padding:6px 12px;font-size:13px}.share-social__btn:hover{background:#ffffff14}.share-reactions{margin:16px 0 24px}.share-reactions__like-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.share-reactions__like-btn{border-radius:var(--radius-pill);color:#e2e8f0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.share-reactions__like-btn:hover:not(:disabled){background:#ffffff14;transform:translateY(-1px)}.share-reactions__like-btn:disabled{opacity:.55;cursor:not-allowed}.share-reactions__like-btn--active{color:#fecdd3;background:#f43f5e1f;border-color:#f43f5e8c}.share-reactions__like-icon{font-size:18px;line-height:1}.share-reactions__like-count{color:#94a3b8;font-size:14px}.share-reactions__row{flex-wrap:wrap;gap:8px;display:flex}.share-reactions__btn{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:18px;display:inline-flex}.share-reactions__btn--active{background:#7c3aed26;border-color:#7c3aed99}.share-reactions__count{color:#94a3b8;font-size:12px}.share-comments{border-top:1px solid #ffffff14;margin:24px 0;padding-top:20px}.share-comments__title{margin:0 0 12px;font-size:18px}.share-comments__form{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.share-comments__list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.share-comments__item{border-radius:var(--radius-md);background:#00000040;padding:12px}.share-comments__meta{color:#94a3b8;gap:10px;margin-bottom:6px;font-size:12px;display:flex}.share-comments__delete{color:#f87171;cursor:pointer;background:0 0;border:none;margin-top:8px;padding:0;font-size:12px}.feed-page__header,.profile-page__header{margin-bottom:28px}.search-page{flex-direction:column;gap:20px;display:flex}.search-page__header{margin-bottom:4px}.search-page__summary{color:#94a3b8;margin:8px 0 0;font-size:14px}.search-page__empty{flex-direction:column;align-items:flex-start;gap:12px;margin-top:8px;display:flex}.video-search-form{flex-wrap:wrap;align-items:stretch;gap:10px;max-width:720px;display:flex}.video-search-form--compact{max-width:480px;margin-top:12px}.video-search-form__field{flex:220px;margin:0}.video-search-form__category{flex:0 200px;margin:0}.video-search-form__input{width:100%}.video-search-form__submit{flex-shrink:0;align-self:stretch}.feed-page__tabs{gap:8px;margin:16px 0;display:flex}.feed-page__tab{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:999px;padding:8px 16px}.feed-page__tab--active{color:#fff;background:#7c3aed33;border-color:#7c3aed80}.feed-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.feed-card{border-radius:var(--radius-lg);transition:border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);background:#ffffff08;border:1px solid #ffffff14;flex-direction:column;display:flex;overflow:hidden}.feed-card:hover{border-color:#8b5cf659;transform:translateY(-2px);box-shadow:0 12px 40px #00000059}.feed-card__thumb{aspect-ratio:16/9;background:linear-gradient(145deg,#0f172a 0%,#1e293b 100%);display:block;position:relative;overflow:hidden}.feed-card__thumb img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-base) var(--ease-out)}.feed-card:hover .feed-card__thumb img{transform:scale(1.04)}.feed-card__play{color:#fff;opacity:0;transition:opacity var(--dur-base) var(--ease-out);background:#00000040;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.feed-card__play svg{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-radius:50%;width:44px;height:44px;padding:12px}.feed-card:hover .feed-card__play{opacity:1}.feed-card__placeholder{color:#64748b;justify-content:center;align-items:center;height:100%;font-size:28px;display:flex}.feed-card__duration{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#f1f5f9;z-index:1;background:#000000d1;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;bottom:10px;right:10px}.feed-card__body{flex-direction:column;flex:1;gap:6px;padding:14px 16px 16px;display:flex}.feed-card__title{margin:0;font-size:15px;font-weight:600;line-height:1.35}.feed-card__title a{color:#f1f5f9;-webkit-line-clamp:2;transition:color var(--dur-fast);-webkit-box-orient:vertical;text-decoration:none;display:-webkit-box;overflow:hidden}.feed-card__title a:hover{color:#c4b5fd}.feed-card__creator{margin:0}.feed-card__creator-link{color:#94a3b8;transition:color var(--dur-fast);align-items:center;gap:4px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.feed-card__creator-link:hover{color:#c4b5fd}.feed-card__footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;padding-top:10px;display:flex}.feed-card__footer-start{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.feed-card__meta{color:#64748b;font-variant-numeric:tabular-nums;margin:0;font-size:12px}.feed-card__meta--empty{color:#475569;font-style:italic}.feed-card__watch{border-radius:var(--radius-pill);color:#fff;min-width:72px;transition:background var(--dur-fast), border-color var(--dur-fast), transform var(--dur-fast) var(--ease-spring);background:#7c3aed40;border:1px solid #8b5cf673;flex-shrink:0;justify-content:center;align-items:center;padding:6px 14px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.feed-card__watch:hover{background:#7c3aed73;border-color:#a78bfaa6;transform:scale(1.04)}.share-card-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.share-card-actions__btn{border-radius:var(--radius-pill);color:#cbd5e1;cursor:pointer;transition:background var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast);background:#ffffff0a;border:1px solid #ffffff1f;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.share-card-actions__btn:hover:not(:disabled){background:#ffffff14;border-color:#fff3}.share-card-actions__btn:disabled{opacity:.5;cursor:not-allowed}.share-card-actions__btn--like.share-card-actions__btn--active{color:#fecdd3;background:#f43f5e1f;border-color:#f43f5e80}.share-card-actions__btn--queue.share-card-actions__btn--active{color:#ddd6fe;background:#7c3aed26;border-color:#7c3aed8c}.share-card-actions__count{font-variant-numeric:tabular-nums;color:#94a3b8;font-size:10px}.share-card-actions__label{font-size:10px}.share-card-actions__sign-in{color:#a78bfa;font-size:10px;text-decoration:none}.share-card-actions__sign-in:hover{text-decoration:underline}.share-reactions__queue-btn{border-radius:var(--radius-pill);color:#e2e8f0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;align-items:center;padding:10px 14px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.share-reactions__queue-btn:hover:not(:disabled){background:#ffffff14}.share-reactions__queue-btn:disabled{opacity:.55;cursor:not-allowed}.share-reactions__queue-btn--active{color:#ddd6fe;background:#7c3aed26;border-color:#7c3aed8c}.share-reactions__queue-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.share-reactions__queue-link{color:#a78bfa;font-size:13px;text-decoration:none}.share-reactions__queue-link:hover{text-decoration:underline}.queue-page__header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:28px;display:flex}.queue-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.queue-list__item{grid-template-columns:28px 1fr auto;align-items:start;gap:12px;display:grid}.queue-list__index{color:#ddd6fe;font-variant-numeric:tabular-nums;background:#7c3aed33;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-top:14px;font-size:12px;font-weight:700;display:flex}.queue-list__card{min-width:0}.queue-list__remove{margin-top:14px;padding:6px 10px;font-size:12px}@media (width<=640px){.queue-list__item{grid-template-columns:24px 1fr}.queue-list__remove{grid-column:2;justify-self:start;margin-top:0}}.profile-page__header{align-items:flex-start;gap:20px;display:flex}.profile-page__avatar{background:#7c3aed40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;font-weight:700;display:flex;overflow:hidden}.profile-page__avatar img{object-fit:cover;width:100%;height:100%}.profile-page__handle{color:#94a3b8;margin:4px 0}.profile-page__bio{max-width:520px;margin:8px 0}.profile-page__stats{color:#94a3b8;margin:8px 0 12px;font-size:14px}.profile-page__section-title{margin:0 0 16px;font-size:18px}.profile-settings{flex-direction:column;gap:28px;max-width:520px;margin-top:20px;display:flex}.channel-settings-section{border-bottom:1px solid #ffffff0f;flex-direction:column;gap:14px;padding-bottom:8px;display:flex}.channel-settings-section:last-of-type{border-bottom:none;padding-bottom:0}.channel-settings-section__title{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin:0;font-size:13px;font-weight:700}.profile-page__details{flex-wrap:wrap;gap:10px 16px;margin:8px 0 0;padding:0;list-style:none;display:flex}.profile-page__detail{color:#94a3b8;align-items:center;gap:8px;font-size:13px;display:flex}.profile-page__detail-label{color:#64748b}.profile-page__tag{color:#e2e8f0;background:#8b5cf62e;border:1px solid #8b5cf659;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.profile-page__website{margin:8px 0 0;font-size:14px}.profile-page__website a{color:#a78bfa;text-decoration:none}.profile-page__website a:hover{text-decoration:underline}.channel-logo-field{flex-direction:column;gap:10px;display:flex}.channel-logo-field__row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.channel-logo-field__preview{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;font-weight:700;display:flex;overflow:hidden}.channel-logo-field__preview img{object-fit:cover;width:100%;height:100%}.channel-logo-field__actions{flex-wrap:wrap;gap:8px;display:flex}.channel-logo-field__upload{cursor:pointer;margin:0}.profile-settings-page__auth{border-top:1px solid var(--clr-border);max-width:480px;margin-top:24px;padding-top:24px}.channel-create-page{max-width:960px;margin:0 auto;padding:8px 0 48px}.channel-create-page__hero{margin-bottom:32px}.channel-create-page__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#a78bfa;margin:0 0 8px;font-size:13px;font-weight:600}.channel-create-page__title{margin:0 0 12px;font-size:clamp(28px,4vw,40px);line-height:1.1}.channel-create-page__subtitle{color:#94a3b8;max-width:58ch;margin:0;font-size:16px;line-height:1.55}.channel-create-page__layout{grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:start;gap:32px;display:grid}.channel-create-page__preview{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #8b5cf640;padding:20px}.channel-create-page__preview-title{margin:0 0 12px;font-size:16px}.channel-create-page__benefits{color:#cbd5e1;margin:0 0 16px;padding-left:18px;line-height:1.6}.channel-create-page__benefits li+li{margin-top:8px}.profile-page__actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}@media (width<=820px){.channel-create-page__layout{grid-template-columns:1fr}}.live-broadcast-widget{z-index:9998;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(20px);background:#0d1120f5;border:1px solid #ef444473;width:min(440px,100vw - 24px);position:fixed;overflow:hidden;box-shadow:0 16px 48px #0000008c,0 0 32px #ef44441f}.live-broadcast-widget__badge .recording-widget__rec-dot{background:#ef4444;box-shadow:0 0 10px #ef4444cc}.live-broadcast-widget__viewers{color:#fca5a5;font-size:13px}.live-broadcast-widget__link{margin:0 12px 8px}.live-broadcast-widget__stop{width:100%}.live-watch-page{max-width:960px;margin:0 auto;padding:8px 0 48px}.live-watch-page__header{margin-bottom:16px}.live-watch-page__live-badge{border-radius:var(--radius-pill);color:#fecaca;letter-spacing:.08em;text-transform:uppercase;background:#ef44442e;align-items:center;margin-bottom:10px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.live-watch-page__title{margin:0 0 8px}.live-watch-page__player{border-radius:var(--radius-md);background:#020617;border:1px solid #ffffff14;overflow:hidden}.live-watch-page__video{aspect-ratio:16/9;background:#000;width:100%;display:block}.notifications-page__header{flex-direction:column;gap:6px;display:flex}.notifications-page__subtitle{color:#94a3b8;max-width:52ch;margin:0;font-size:14px}.notifications-empty{border-radius:var(--radius-md);border:1px solid var(--clr-border);background:#ffffff08;flex-direction:column;gap:14px;max-width:560px;margin-top:24px;padding:28px;display:flex}.notifications-empty__icon{opacity:.75;font-size:36px}.notifications-empty__title{font-family:var(--font-display);color:#f1f5f9;margin:0;font-size:20px;font-weight:700}.notifications-empty__lead{color:#94a3b8;margin:0;font-size:14px;line-height:1.65}.notifications-empty__types{color:#cbd5e1;margin:0;padding-left:20px;font-size:14px;line-height:1.65}.notifications-empty__types li+li{margin-top:6px}.notifications-empty__types strong{color:#e2e8f0}.notifications-empty__hint{color:#64748b;margin:0;font-size:13px;line-height:1.6}.notifications-empty__hint strong{color:#94a3b8}.notifications-empty__actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.notifications-list{flex-direction:column;gap:12px;margin:20px 0 0;padding:0;list-style:none;display:flex}.notifications-list__item{border-radius:var(--radius-md);background:#ffffff0a;border:1px solid #ffffff14;padding:14px}.notifications-list__item--unread{border-color:#7c3aed66}.notifications-list__when{color:#94a3b8;margin-top:4px;font-size:12px;display:block}.notifications-list__link{margin-top:8px;font-size:13px;display:inline-block}.demo-watch__placeholder{border-radius:var(--radius-lg);text-align:center;background:#00000059;border:1px dashed #ffffff26;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:280px;padding:32px 24px;display:flex}.demo-watch__placeholder-icon{opacity:.5;font-size:48px}.demo-watch__placeholder-title{margin:0;font-size:18px;font-weight:600}.demo-watch__actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.page-shell--intro .page-shell__container{max-width:1120px}.intro-page{flex-direction:column;gap:80px;padding-bottom:48px;display:flex}.intro-hero{text-align:center;flex-direction:column;align-items:center;gap:20px;padding-top:16px;display:flex}.intro-hero__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--clr-cyan);font-size:13px;font-weight:600}.intro-hero__title{font-family:var(--font-display);color:#f8fafc;max-width:16ch;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;line-height:1.08}.intro-hero__subtitle{color:#94a3b8;max-width:52ch;font-size:clamp(1rem,2vw,1.15rem);line-height:1.65}.intro-hero__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.intro-hero__note{color:#64748b;font-size:13px}.intro-hero .intro-mockup{width:min(720px,100%);margin-top:32px;box-shadow:0 0 0 1px #8b5cf633,0 32px 80px #00000073,0 0 120px #8b5cf61f}.intro-mockup{border-radius:var(--radius-lg);background:var(--clr-bg-2);border:1px solid var(--clr-border);overflow:hidden}.intro-mockup__chrome{background:var(--clr-surface);border-bottom:1px solid var(--clr-border);align-items:center;gap:8px;padding:10px 14px;display:flex}.intro-mockup__dot{border-radius:50%;width:10px;height:10px}.intro-mockup__dot--red{background:#ef4444}.intro-mockup__dot--yellow{background:#eab308}.intro-mockup__dot--green{background:#22c55e}.intro-mockup__url{text-align:center;color:#64748b;flex:1;font-size:12px}.intro-mockup__body{grid-template-columns:100px 1fr;min-height:280px;display:grid}.intro-mockup__sidebar{border-right:1px solid var(--clr-border);background:#0003;flex-direction:column;gap:8px;padding:16px 12px;display:flex}.intro-mockup__pill{border-radius:var(--radius-sm);color:#64748b;text-align:center;padding:8px 10px;font-size:11px;font-weight:600}.intro-mockup__pill--active{color:#e2e8f0;background:#8b5cf633;border:1px solid #8b5cf659}.intro-mockup__stage{background:radial-gradient(circle at 30% 40%, #8b5cf626 0%, transparent 50%), radial-gradient(circle at 70% 60%, #22d3ee14 0%, transparent 45%), var(--clr-surface-2);position:relative}.intro-mockup__cursor{border:2px solid #fff;border-radius:50%;width:18px;height:18px;animation:2s ease-in-out infinite intro-cursor-pulse;position:absolute;top:45%;left:38%;box-shadow:0 0 0 4px #8b5cf666}.intro-mockup__ripple{border:2px solid #22d3ee99;border-radius:50%;width:40px;height:40px;animation:2s ease-out infinite intro-ripple;position:absolute;top:48%;left:41%}@keyframes intro-cursor-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes intro-ripple{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(2)}}.intro-mockup__pip{background:var(--gradient-brand);border:3px solid var(--clr-bg-2);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 8px 24px #00000059}.intro-mockup__rec{border-radius:var(--radius-pill);color:#fca5a5;letter-spacing:.04em;background:#ef444426;border:1px solid #ef444459;align-items:center;gap:8px;padding:6px 12px;font-size:11px;font-weight:700;display:flex;position:absolute;top:16px;left:16px}.intro-mockup__rec-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.2s step-end infinite intro-rec-blink}@keyframes intro-rec-blink{50%{opacity:.3}}.intro-stats{border-radius:var(--radius-xl);background:var(--clr-surface);border:1px solid var(--clr-border);grid-template-columns:repeat(4,1fr);gap:16px;padding:28px 32px;display:grid}@media (width<=700px){.intro-stats{grid-template-columns:repeat(2,1fr)}}.intro-stat{text-align:center;flex-direction:column;gap:4px;display:flex}.intro-stat__value{font-family:var(--font-display);background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800}.intro-stat__label{color:#64748b;font-size:13px}.intro-section__header{text-align:center;max-width:560px;margin:0 auto 40px}.intro-section__eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--clr-purple-light);margin-bottom:10px;font-size:12px;font-weight:700}.intro-section__title{font-family:var(--font-display);color:#f1f5f9;margin-bottom:12px;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800}.intro-section__subtitle{color:#94a3b8;font-size:15px;line-height:1.6}.intro-use-cases{grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;display:grid}@media (width<=900px){.intro-use-cases{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.intro-use-cases{grid-template-columns:1fr}}.intro-use-case{border-radius:var(--radius-lg);background:var(--clr-surface);border:1px solid var(--clr-border);transition:border-color var(--dur-base);padding:24px}.intro-use-case:hover{border-color:#8b5cf659}.intro-use-case__icon{margin-bottom:12px;font-size:28px;display:block}.intro-use-case__title{font-family:var(--font-display);color:#f1f5f9;margin-bottom:8px;font-size:17px;font-weight:700}.intro-use-case__desc{color:#94a3b8;font-size:14px;line-height:1.55}.intro-features{flex-direction:column;gap:64px;display:flex}.intro-feature{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.intro-feature--reverse .intro-feature__copy{order:2}.intro-feature--reverse .intro-feature-visual{order:1}@media (width<=800px){.intro-feature,.intro-feature--reverse{grid-template-columns:1fr}.intro-feature--reverse .intro-feature__copy,.intro-feature--reverse .intro-feature-visual{order:unset}}.intro-feature__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--clr-cyan);margin-bottom:8px;font-size:12px;font-weight:700}.intro-feature__title{font-family:var(--font-display);color:#f1f5f9;margin-bottom:12px;font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:800;line-height:1.2}.intro-feature__desc{color:#94a3b8;margin-bottom:16px;font-size:15px;line-height:1.65}.intro-feature__bullets{flex-direction:column;gap:8px;list-style:none;display:flex}.intro-feature__bullets li{color:#cbd5e1;padding-left:22px;font-size:14px;position:relative}.intro-feature__bullets li:before{content:"✓";color:var(--clr-cyan);font-weight:700;position:absolute;left:0}.intro-feature-visual .intro-mockup{width:100%;margin-top:0}.intro-share-card{border-radius:var(--radius-lg);background:var(--clr-surface);border:1px solid #8b5cf64d;flex-direction:column;gap:14px;padding:28px;display:flex}.intro-share-card__label{color:#22c55e;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.intro-share-card__url{color:#e2e8f0;border-radius:var(--radius-sm);background:var(--clr-bg-2);border:1px solid var(--clr-border);word-break:break-all;padding:12px 14px;font-size:14px}.intro-share-card__actions{flex-wrap:wrap;gap:10px;display:flex}.intro-share-card__actions span{border-radius:var(--radius-pill);color:#c4b5fd;background:#8b5cf61f;border:1px solid #8b5cf640;padding:8px 14px;font-size:12px;font-weight:600}.intro-timeline{border-radius:var(--radius-lg);background:var(--clr-surface);border:1px solid var(--clr-border);padding:32px 28px}.intro-timeline__track{border-radius:var(--radius-pill);background:var(--clr-surface-3);height:8px;position:relative;overflow:hidden}.intro-timeline__track:after{content:"";background:var(--gradient-brand);border-radius:inherit;width:65%;height:100%;position:absolute;top:0;left:0}.intro-timeline__playhead{border:2px solid var(--clr-purple);z-index:1;background:#fff;border-radius:50%;width:14px;height:14px;margin:-11px 0 0 62%;position:relative}.intro-timeline__labels{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.intro-timeline__labels span{border-radius:var(--radius-sm);background:var(--clr-bg-2);color:#94a3b8;padding:6px 12px;font-size:12px;font-weight:600}.intro-steps{counter-reset:none;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;display:grid}@media (width<=700px){.intro-steps{grid-template-columns:1fr}}.intro-step{border-radius:var(--radius-lg);background:var(--clr-surface);border:1px solid var(--clr-border);text-align:center;padding:28px 24px}.intro-step__num{background:var(--gradient-brand);width:40px;height:40px;font-family:var(--font-display);color:#fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:18px;font-weight:800;display:inline-flex}.intro-step__title{font-family:var(--font-display);color:#f1f5f9;margin-bottom:8px;font-size:17px;font-weight:700}.intro-step__desc{color:#94a3b8;font-size:14px;line-height:1.55}.intro-compare{border-radius:var(--radius-xl);background:radial-gradient(ellipse 80% 60% at 50% 0%, #8b5cf624 0%, transparent 70%), var(--clr-surface);text-align:center;border:1px solid #8b5cf640;padding:56px 40px}.intro-compare__inner{flex-direction:column;align-items:center;gap:16px;max-width:560px;margin:0 auto;display:flex}.intro-compare__title{font-family:var(--font-display);color:#f8fafc;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.15}.intro-compare__desc{color:#94a3b8;font-size:15px;line-height:1.65}.intro-compare__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.intro-cta{text-align:center;border-radius:var(--radius-xl);background:var(--gradient-brand);color:#fff;padding:64px 32px}.intro-cta__title{font-family:var(--font-display);margin-bottom:12px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.intro-cta__subtitle{opacity:.92;max-width:40ch;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:16px}.intro-cta__btn{font-weight:700;color:#4c1d95!important;background:#fff!important}.intro-cta__btn:hover{filter:brightness(1.05)}.intro-footer{border-top:1px solid var(--clr-border);flex-direction:column;align-items:center;gap:16px;padding-top:24px;display:flex}.intro-footer__nav{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.intro-footer__nav a{color:#94a3b8;transition:color var(--dur-fast);font-size:14px;text-decoration:none}.intro-footer__nav a:hover{color:#e2e8f0}.intro-footer__copy{color:#64748b;font-size:13px}