@import url("https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600&display=swap");:root{--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.04em;--radius:0.625rem;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--neon-cyan:oklch(0.80 0.15 200);--neon-cyan-2:oklch(0.86 0.13 195);--neon-magenta:oklch(0.66 0.27 350);--neon-violet:oklch(0.62 0.24 295);--neon-lime:oklch(0.85 0.21 130);--neon-amber:oklch(0.80 0.16 75);--background:oklch(0.985 0.004 240);--foreground:oklch(0.18 0.02 265);--card:oklch(1 0 0);--card-foreground:oklch(0.18 0.02 265);--popover:oklch(1 0 0);--popover-foreground:oklch(0.18 0.02 265);--primary:oklch(0.55 0.14 215);--primary-foreground:oklch(0.99 0.01 200);--secondary:oklch(0.96 0.01 240);--secondary-foreground:oklch(0.22 0.03 265);--muted:oklch(0.96 0.008 240);--muted-foreground:oklch(0.52 0.02 260);--accent:oklch(0.95 0.03 200);--accent-foreground:oklch(0.25 0.06 230);--destructive:oklch(0.58 0.23 25);--destructive-foreground:oklch(0.99 0 0);--success:oklch(0.58 0.15 155);--warning:oklch(0.70 0.16 70);--border:oklch(0.90 0.012 240);--input:oklch(0.90 0.012 240);--ring:oklch(0.65 0.16 205);--chart-1:oklch(0.62 0.18 205);--chart-2:oklch(0.62 0.24 350);--chart-3:oklch(0.60 0.22 295);--chart-4:oklch(0.74 0.16 75);--chart-5:oklch(0.70 0.18 145);--sidebar:oklch(0.99 0.004 240);--sidebar-foreground:oklch(0.22 0.02 265);--sidebar-primary:oklch(0.55 0.14 215);--sidebar-primary-foreground:oklch(0.99 0 0);--sidebar-accent:oklch(0.95 0.02 210);--sidebar-accent-foreground:oklch(0.22 0.04 240);--sidebar-border:oklch(0.91 0.01 240);--sidebar-ring:oklch(0.65 0.16 205);--glow-cyan:0 0 0 1px color-mix(in oklch,var(--neon-cyan) 30%,transparent);--grid-line:oklch(0.55 0.05 240/0.05);--scan:oklch(0.6 0.1 230/0.015);--timeline-bg:oklch(0.93 0.010 240);--video-track-from:oklch(0.82 0.09 215);--video-track-to:oklch(0.78 0.07 250);--video-track-text:oklch(0.28 0.05 240)}.dark{--background:oklch(0.155 0.022 265);--foreground:oklch(0.96 0.01 230);--card:oklch(0.195 0.028 266);--card-foreground:oklch(0.96 0.01 230);--popover:oklch(0.215 0.03 266);--popover-foreground:oklch(0.96 0.01 230);--primary:oklch(0.82 0.15 200);--primary-foreground:oklch(0.16 0.04 240);--secondary:oklch(0.26 0.035 266);--secondary-foreground:oklch(0.95 0.01 230);--muted:oklch(0.25 0.03 266);--muted-foreground:oklch(0.68 0.03 250);--accent:oklch(0.30 0.06 250);--accent-foreground:oklch(0.92 0.05 200);--destructive:oklch(0.66 0.23 18);--destructive-foreground:oklch(0.98 0 0);--success:oklch(0.78 0.18 155);--warning:oklch(0.82 0.16 75);--border:oklch(0.72 0.08 230/0.16);--input:oklch(0.72 0.08 230/0.20);--ring:oklch(0.80 0.15 200);--chart-1:oklch(0.82 0.15 200);--chart-2:oklch(0.66 0.27 350);--chart-3:oklch(0.66 0.24 295);--chart-4:oklch(0.82 0.16 75);--chart-5:oklch(0.85 0.21 135);--sidebar:oklch(0.175 0.026 266);--sidebar-foreground:oklch(0.92 0.01 230);--sidebar-primary:oklch(0.82 0.15 200);--sidebar-primary-foreground:oklch(0.16 0.04 240);--sidebar-accent:oklch(0.27 0.05 255);--sidebar-accent-foreground:oklch(0.92 0.05 200);--sidebar-border:oklch(0.72 0.08 230/0.14);--sidebar-ring:oklch(0.80 0.15 200);--glow-cyan:0 0 18px -2px color-mix(in oklch,var(--neon-cyan) 55%,transparent);--grid-line:oklch(0.7 0.12 220/0.06);--scan:oklch(0.7 0.12 220/0.022);--timeline-bg:oklch(0.10 0.02 250);--video-track-from:oklch(0.30 0.10 250);--video-track-to:oklch(0.25 0.08 280);--video-track-text:oklch(0.70 0.05 250)}*{box-sizing:border-box}body,html{margin:0;padding:0}html{scrollbar-gutter:stable}body{font-family:var(--font-sans);background:var(--background);color:var(--foreground);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01"}#root{min-height:100%}:focus-visible{outline:none}::selection{background:color-mix(in oklch,var(--neon-cyan) 35%,transparent)}.cyber-grid{background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:44px 44px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--muted-foreground) 35%,transparent);border-radius:99px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--muted-foreground) 55%,transparent);background-clip:padding-box}.mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muted-fg{color:var(--muted-foreground)}.h2{font-size:var(--text-4xl);font-weight:800;letter-spacing:-.03em;line-height:1.05}.h2,.h4{margin:0}.h4{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em}input[type=range]{height:6px;border-radius:99px;background:var(--muted);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;line-height:1;white-space:nowrap;border:1px solid transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:inherit;transition:background-color .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease,box-shadow .15s ease,transform .08s ease}.btn:active{transform:translateY(.5px)}.btn:focus-visible{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--ring)}.btn:disabled{opacity:.45;pointer-events:none}.btn svg{width:16px;height:16px}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background:color-mix(in oklch,var(--primary) 88%,#fff);box-shadow:var(--glow-cyan)}.btn-secondary{background:var(--secondary);color:var(--secondary-foreground)}.btn-secondary:hover{background:color-mix(in oklch,var(--secondary) 80%,var(--foreground) 8%)}.btn-outline{background:transparent;color:var(--foreground);border-color:var(--border)}.btn-outline:hover{background:var(--accent);color:var(--accent-foreground);border-color:color-mix(in oklch,var(--neon-cyan) 40%,var(--border))}.btn-ghost{background:transparent;color:var(--foreground)}.btn-ghost:hover{background:var(--accent);color:var(--accent-foreground)}.btn-destructive{background:var(--destructive);color:var(--destructive-foreground)}.btn-destructive:hover{background:color-mix(in oklch,var(--destructive) 88%,#000)}.btn-magenta{background:var(--neon-magenta);color:oklch(.99 0 0)}.btn-magenta:hover{box-shadow:0 0 18px -2px color-mix(in oklch,var(--neon-magenta) 60%,transparent)}.btn-link{background:transparent;color:var(--primary);text-underline-offset:4px;padding:0;height:auto}.btn-link:hover{text-decoration:underline}.btn-sm{height:32px;padding:0 12px;font-size:13px;border-radius:var(--radius-sm)}.btn-lg{height:44px;padding:0 24px;font-size:15px}.btn-xl{height:52px;padding:0 30px;font-size:16px;border-radius:var(--radius-lg)}.btn-icon{width:36px;padding:0}.btn-icon.btn-sm{width:32px}.btn-block{width:100%}.input,.select-trigger,.textarea{width:100%;height:38px;padding:0 12px;background:color-mix(in oklch,var(--background) 70%,transparent);color:var(--foreground);border:1px solid var(--input);border-radius:var(--radius-md);font-family:inherit;font-size:14px;line-height:1;transition:border-color .15s ease,box-shadow .15s ease}.textarea{height:auto;min-height:84px;padding:10px 12px;line-height:1.5;resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--muted-foreground)}.input:focus,.select-trigger:focus-visible,.textarea:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 30%,transparent)}.label{font-size:13px;font-weight:500;line-height:1;display:inline-block;color:var(--foreground)}.field{display:flex;flex-direction:column;gap:8px}.field-hint{font-size:13px;color:var(--muted-foreground)}.select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;text-align:left}.select-trigger svg{width:16px;height:16px;color:var(--muted-foreground)}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap>svg{position:absolute;left:12px;width:16px;height:16px;color:var(--muted-foreground);pointer-events:none}.input-wrap .input{padding-left:36px}.card{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.card-glow{border-color:color-mix(in oklch,var(--neon-cyan) 28%,var(--border));box-shadow:0 0 0 1px color-mix(in oklch,var(--neon-cyan) 10%,transparent),0 8px 30px -12px color-mix(in oklch,var(--neon-cyan) 35%,transparent)}.card-header{padding:22px 22px 0;display:flex;flex-direction:column;gap:6px}.card-title{font-size:16px;font-weight:600;letter-spacing:-.01em}.card-desc{font-size:14px;color:var(--muted-foreground)}.card-content{padding:22px}.card-footer{padding:0 22px 22px;display:flex;gap:8px}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:9999px;font-size:11.5px;font-weight:600;line-height:1;border:1px solid transparent;white-space:nowrap}.badge svg{width:12px;height:12px}.badge-default{background:var(--primary);color:var(--primary-foreground)}.badge-secondary{background:var(--secondary);color:var(--secondary-foreground)}.badge-outline{background:transparent;color:var(--foreground);border-color:var(--border)}.badge-destructive{background:color-mix(in oklch,var(--destructive) 18%,transparent);color:var(--destructive);border-color:color-mix(in oklch,var(--destructive) 40%,transparent)}.badge-success{background:color-mix(in oklch,var(--success) 16%,transparent);color:var(--success);border-color:color-mix(in oklch,var(--success) 38%,transparent)}.badge-warning{background:color-mix(in oklch,var(--warning) 18%,transparent);color:var(--warning);border-color:color-mix(in oklch,var(--warning) 40%,transparent)}.badge-cyan{background:color-mix(in oklch,var(--neon-cyan) 16%,transparent);color:color-mix(in oklch,var(--neon-cyan) 80%,var(--foreground));border-color:color-mix(in oklch,var(--neon-cyan) 40%,transparent)}.badge-magenta{background:color-mix(in oklch,var(--neon-magenta) 16%,transparent);color:var(--neon-magenta);border-color:color-mix(in oklch,var(--neon-magenta) 42%,transparent)}.badge-violet{background:color-mix(in oklch,var(--neon-violet) 16%,transparent);color:var(--neon-violet);border-color:color-mix(in oklch,var(--neon-violet) 42%,transparent)}.badge-lime{background:color-mix(in oklch,var(--neon-lime) 16%,transparent);color:var(--neon-lime);border-color:color-mix(in oklch,var(--neon-lime) 42%,transparent)}.switch{width:40px;height:22px;border-radius:9999px;background:var(--input);position:relative;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease;flex:none;border:none;padding:0}.switch[data-on=true]{background:var(--primary);box-shadow:var(--glow-cyan)}.switch .thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:oklch(.99 0 0);border-radius:9999px;transition:left .15s ease;box-shadow:0 1px 2px rgba(0,0,0,.3)}.switch[data-on=true] .thumb{left:20px}.switch:disabled{opacity:.45;pointer-events:none}.checkbox{width:18px;height:18px;border:1.5px solid var(--primary);border-radius:5px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none;background:transparent;transition:background-color .12s ease;padding:0}.checkbox[data-on=true]{background:var(--primary)}.checkbox svg{width:12px;height:12px;color:var(--primary-foreground);opacity:0}.checkbox[data-on=true] svg{opacity:1}.tabs-list{gap:2px;background:var(--muted);padding:3px;border-radius:var(--radius-lg);width:-moz-fit-content;width:fit-content}.tab,.tabs-list{display:inline-flex}.tab{padding:7px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--muted-foreground);cursor:pointer;border:none;background:transparent;font-family:inherit;transition:color .15s ease,background-color .15s ease;align-items:center;gap:7px}.tab svg{width:15px;height:15px}.tab[data-active=true]{background:var(--background);color:var(--foreground);box-shadow:0 1px 2px 0 rgba(0,0,0,.08)}.sep{height:1px;border:none;margin:0}.sep,.sep-v{background:var(--border)}.sep-v{width:1px;align-self:stretch}.avatar{width:36px;height:36px;border-radius:9999px;background:var(--muted);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--foreground);flex:none;overflow:hidden}.avatar-cyber{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-magenta));color:oklch(.16 .04 240)}.progress{height:8px;width:100%;background:var(--muted);border-radius:99px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-violet));border-radius:99px;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-bar.warn{background:linear-gradient(90deg,var(--warning),var(--neon-amber))}.progress-bar.danger{background:linear-gradient(90deg,var(--destructive),var(--neon-magenta))}.overlay{position:fixed;inset:0;background:oklch(.1 .02 260/.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:fade .15s ease}.dialog{background:var(--popover);color:var(--popover-foreground);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 24px 60px -20px rgba(0,0,0,.6);width:100%;max-width:460px;padding:24px;animation:zoom .16s ease}.dialog-title{font-size:18px;font-weight:600;letter-spacing:-.01em}.dialog-desc{font-size:14px;color:var(--muted-foreground);margin-top:6px}.menu{min-width:200px;padding:5px;background:var(--popover);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 16px 40px -12px rgba(0,0,0,.5)}.menu,.menu-item{color:var(--popover-foreground)}.menu-item{display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:var(--radius-sm);font-size:14px;cursor:pointer}.menu-item:hover{background:var(--accent);color:var(--accent-foreground)}.menu-item svg{width:16px;height:16px;color:var(--muted-foreground)}.menu-sep{height:1px;background:var(--border);margin:5px -5px}.notif-trigger{position:relative;overflow:visible!important}.notif-trigger--on{background:var(--accent)!important;color:var(--accent-foreground)!important}.notif-badge{position:absolute;top:1px;right:1px;min-width:15px;height:15px;padding:0 3.5px;border-radius:9999px;background:var(--neon-magenta);color:oklch(.99 0 0);font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);line-height:1;border:1.5px solid var(--background);pointer-events:none;box-shadow:0 0 8px -1px var(--neon-magenta)}.notif-bell-icon{display:inline-flex;transform-origin:top center}@keyframes bell-ring{0%,to{transform:rotate(0deg)}15%{transform:rotate(18deg)}30%{transform:rotate(-15deg)}45%{transform:rotate(12deg)}60%{transform:rotate(-9deg)}75%{transform:rotate(5deg)}90%{transform:rotate(-3deg)}}.notif-bell--ringing{animation:bell-ring .8s ease}.notif-trigger--ringing .notif-badge{animation:pulse-glow .4s ease 2}.notif-panel-backdrop{display:none}.notif-panel{position:absolute;top:calc(100% + 9px);right:0;width:360px;background:var(--popover);color:var(--popover-foreground);border:1px solid color-mix(in oklch,var(--neon-cyan) 22%,var(--border));border-radius:var(--radius-xl);box-shadow:0 24px 60px -14px rgba(0,0,0,.6),0 0 0 1px color-mix(in oklch,var(--neon-cyan) 8%,transparent);z-index:95;overflow:hidden;animation:zoom .16s ease}.notif-panel-hd{display:flex;align-items:center;justify-content:space-between;padding:13px 14px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.notif-list{max-height:390px;overflow-y:auto}.notif-item{display:flex;gap:11px;padding:12px 14px;cursor:pointer;transition:background .12s ease;border-bottom:1px solid color-mix(in oklch,var(--border) 55%,transparent);position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--accent)}.notif-item--unread{background:color-mix(in oklch,var(--primary) 5%,transparent)}.notif-item--unread:hover{background:color-mix(in oklch,var(--primary) 9%,transparent)}.notif-item--clickable{cursor:pointer}.notif-item-ic{width:32px;height:32px;border-radius:9999px;display:grid;place-items:center;flex-shrink:0;margin-top:1px}.notif-item-title{font-size:13px;font-weight:600;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-item--unread .notif-item-title{font-weight:700}.notif-dot{width:7px;height:7px;border-radius:9999px;background:var(--neon-magenta);flex-shrink:0;box-shadow:0 0 6px var(--neon-magenta)}.notif-item-body{margin:0;font-size:12.5px;color:var(--muted-foreground);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-item-ts{color:var(--muted-foreground);opacity:.75}.notif-item-ts,.notif-view-link{font-size:11px;font-family:var(--font-mono)}.notif-view-link{font-weight:600;color:var(--neon-cyan);opacity:.85;white-space:nowrap;transition:opacity .12s ease}.notif-item:hover .notif-view-link{opacity:1}.notif-empty{display:flex;flex-direction:column;align-items:center;padding:40px 20px 36px;text-align:center}.notif-empty-ic{width:44px;height:44px;border-radius:9999px;background:color-mix(in oklch,var(--success) 15%,transparent);color:var(--success);display:grid;place-items:center;margin-bottom:12px}.toast-stack{position:fixed;bottom:22px;right:22px;z-index:300;display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:none}.toast-stack>*{pointer-events:all}.toast{position:relative;background:var(--popover);color:var(--popover-foreground);border-left-color:color-mix(in oklch,var(--neon-cyan) 22%,var(--border));border-left-width:1px;border:1px solid color-mix(in oklch,var(--neon-cyan) 22%,var(--border));border-left:3px solid var(--primary);border-radius:var(--radius-lg);box-shadow:0 16px 40px -12px rgba(0,0,0,.55),var(--glow-cyan);padding:13px 14px;min-width:288px;max-width:380px;animation:slideup .22s ease;display:flex;gap:12px;align-items:flex-start}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes zoom{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideup{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.55}}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}.icon{display:inline-flex;align-items:center;justify-content:center;flex:none}.icon svg{display:block}.app-shell{width:100%}.app-shell,.sidebar{display:flex;height:100vh}.sidebar{width:248px;flex:none;background:var(--sidebar);color:var(--sidebar-foreground);border-right:1px solid var(--sidebar-border);flex-direction:column;position:-webkit-sticky;position:sticky;top:0}.sidebar-brand{padding:0;position:relative}.sidebar-brand:after{content:"";display:block;height:1px;margin:0 16px;background:linear-gradient(90deg,transparent,color-mix(in oklch,var(--neon-cyan) 35%,transparent),transparent)}.sidebar-nav{padding:8px 12px;display:flex;flex-direction:column;gap:2px;flex:1 1;overflow-y:auto}.nav-section{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);padding:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--sidebar-foreground);cursor:pointer;border:none;background:transparent;font-family:inherit;width:100%;text-align:left;transition:background-color .12s ease,color .12s ease;position:relative}.nav-item svg{width:18px;height:18px;color:var(--muted-foreground);transition:color .12s ease}.nav-item:hover,.nav-item[data-active=true]{background:var(--sidebar-accent)}.nav-item[data-active=true]{color:var(--sidebar-accent-foreground)}.nav-item[data-active=true] svg{color:var(--sidebar-primary)}.nav-item[data-active=true]:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:99px;background:var(--sidebar-primary);box-shadow:var(--glow-cyan)}.nav-badge{margin-left:auto;font-size:11px;font-weight:600}.sidebar-foot{padding:12px;border-top:1px solid var(--sidebar-border)}.main{flex:1 1;min-width:0;display:flex;flex-direction:column;overflow-y:auto}.topbar{height:60px;flex:none;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:40}.topbar:before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in oklch,var(--background) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-title{font-size:18px;font-weight:700;letter-spacing:-.02em}.topbar-spacer{flex:1 1}.page{padding:28px 32px 60px;max-width:1280px;margin:0 auto;width:100%}.page-wide{max-width:1480px}.page-head{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-head-sub{color:var(--muted-foreground);margin:0;font-size:14px;flex:1 1}.page-head-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.brand-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-violet));display:grid;place-items:center;flex:none;box-shadow:var(--glow-cyan)}.brand-mark svg{width:18px;height:18px;color:oklch(.15 .04 250)}.brand-name{font-weight:700;font-size:16px;letter-spacing:-.02em}.grid{display:grid;grid-gap:18px;gap:18px}.row{gap:12px}.row,.stack{display:flex}.stack{flex-direction:column}.between{justify-content:space-between;gap:12px}.between,.center{display:flex;align-items:center}.center{gap:8px}.wrap{flex-wrap:wrap}.kbd{font-family:var(--font-mono);font-size:11px;padding:2px 6px;border:1px solid var(--border);border-radius:5px;background:var(--muted);color:var(--muted-foreground)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.stat{padding:13px 15px}.stat-label{font-size:12px;color:var(--muted-foreground);display:flex;align-items:center;gap:6px}.stat-label svg{width:14px;height:14px}.stat-value{font-size:21px;font-weight:700;letter-spacing:-.02em;margin-top:4px;font-family:var(--font-mono)}.stat-sub{font-size:12px;color:var(--muted-foreground);margin-top:3px}.stat-bar{display:flex;align-items:stretch}.stat-bar-item{flex:1 1;padding:16px 22px;display:flex;flex-direction:column;gap:0}.stat-bar-sep{width:1px;background:var(--border);flex:none;align-self:stretch}.stat-bar-label{font-size:12px;color:var(--muted-foreground);display:flex;align-items:center;gap:6px;font-weight:500}.stat-bar-ic{width:20px;height:20px;border-radius:6px;background:color-mix(in oklch,var(--ic-color,var(--primary)) 14%,transparent);color:var(--ic-color,var(--primary));display:inline-flex;align-items:center;justify-content:center;flex:none}.stat-bar-value{font-size:24px;font-weight:700;letter-spacing:-.025em;font-family:var(--font-mono);margin-top:7px;line-height:1}.stat-bar-sub{font-size:11.5px;color:var(--muted-foreground);margin-top:4px}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.04em;padding:0 14px 10px}.table td,.table th{border-bottom:1px solid var(--border)}.table td{padding:13px 14px;font-size:14px;vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background-color .12s ease;cursor:pointer}.table tbody tr:hover{background:color-mix(in oklch,var(--accent) 50%,transparent)}.cell-title{font-weight:500}.cell-sub{font-size:12.5px;color:var(--muted-foreground)}.mk{min-height:100vh;flex-direction:column;position:relative;overflow:clip}.mk,.mk-nav{display:flex}.mk-nav{height:68px;align-items:center;gap:16px;padding:0 32px;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:40;background:color-mix(in oklch,var(--background) 80%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mk-nav-cta-short{display:none}.mk-hero{padding:90px 32px 70px;max-width:1080px;margin:0 auto;text-align:center;position:relative;z-index:2}.mk-hero h1{font-size:clamp(40px,6vw,72px);font-weight:800;letter-spacing:-.04em;line-height:1.02;margin:0;text-wrap:balance}.mk-hero .grad{background:linear-gradient(110deg,var(--neon-cyan),var(--neon-magenta) 60%,var(--neon-violet));-webkit-background-clip:text;background-clip:text;color:transparent}.mk-hero p{font-size:clamp(16px,2vw,20px);color:var(--muted-foreground);max-width:620px;margin:22px auto 0;line-height:1.55}.mk-cta{display:flex;gap:14px;justify-content:center;margin-top:34px;flex-wrap:wrap}.mk-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;z-index:0;pointer-events:none}.mk-section{max-width:1180px;margin:0 auto;padding:60px 32px;position:relative;z-index:2}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.feature{padding:24px}.feature-ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;margin-bottom:14px}.feature h3{font-size:16px;font-weight:600;margin:0 0 6px}.feature p{font-size:14px;color:var(--muted-foreground);margin:0;line-height:1.55}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-aside{position:relative;overflow:hidden;background:var(--secondary);color:var(--foreground);padding:48px;display:flex;flex-direction:column;justify-content:space-between}.dark .auth-aside{background:oklch(.16 .03 265);color:oklch(.96 .01 230)}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:40px 24px}.auth-card{width:100%;max-width:388px}.auth-mobile-logo{display:none;margin-bottom:28px}.pipe-node{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);padding:16px;display:flex;gap:14px;align-items:center;transition:border-color .25s ease,box-shadow .25s ease;position:relative}.pipe-node[data-state=active]{border-color:color-mix(in oklch,var(--neon-cyan) 55%,var(--border));box-shadow:var(--glow-cyan)}.pipe-node[data-state=done]{border-color:color-mix(in oklch,var(--success) 40%,var(--border))}.pipe-ic{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;flex:none;background:var(--muted);color:var(--muted-foreground)}.pipe-node[data-state=active] .pipe-ic{background:color-mix(in oklch,var(--neon-cyan) 20%,transparent);color:var(--primary)}.pipe-node[data-state=active] .pipe-ic svg{animation:pulse-glow 1.4s ease-in-out infinite}.pipe-node[data-state=done] .pipe-ic{background:color-mix(in oklch,var(--success) 18%,transparent);color:var(--success)}.waveform{display:flex;align-items:center;gap:2px;height:40px}.waveform i{width:3px;background:var(--primary);border-radius:2px;display:block;opacity:.8}.waveform-fill{width:100%}.waveform-fill i{flex:1 1;width:auto;min-width:0}.editor{display:flex;flex-direction:column;height:100vh;background:oklch(.13 .02 265);color:oklch(.95 .01 230)}.editor-top{height:54px;flex:none;display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:1px solid oklch(.72 .08 230/.14);background:oklch(.16 .024 266)}.editor-body{flex:1 1;display:flex;min-height:0}.editor-preview{flex:1 1;display:flex;align-items:center;justify-content:center;padding:24px;min-width:0;position:relative}.editor-rail{width:360px;border-left:1px solid oklch(.72 .08 230/.14);background:oklch(.16 .024 266);min-height:0}.editor-rail,.editor-timeline{flex:none;display:flex;flex-direction:column}.editor-timeline{height:280px;border-top:1px solid oklch(.72 .08 230/.14);background:oklch(.15 .022 266)}.video-frame{aspect-ratio:16/9;width:100%;max-width:760px;background:linear-gradient(135deg,oklch(.22 .05 265),oklch(.18 .03 280));border-radius:12px;border:1px solid oklch(.72 .08 230/.18);position:relative;overflow:hidden;display:grid;place-items:center}.tl-track{height:56px;border-bottom:1px solid oklch(.72 .08 230/.1)}.tl-label,.tl-track{display:flex;align-items:center}.tl-label{width:116px;flex:none;padding:0 14px;font-size:12px;font-weight:600;color:oklch(.7 .03 250);gap:8px;border-right:1px solid oklch(.72 .08 230/.1);height:100%}.tl-lane{flex:1 1;position:relative;height:100%;min-width:0}.tl-clip{position:absolute;top:8px;bottom:8px;border-radius:7px;font-size:11px;padding:5px 8px;overflow:hidden;cursor:pointer;border:1px solid transparent;display:flex;align-items:center}.tl-clip.sub{background:color-mix(in oklch,var(--neon-cyan) 22%,oklch(.2 .03 265));border-color:color-mix(in oklch,var(--neon-cyan) 45%,transparent);color:oklch(.95 .02 220)}.tl-clip.audio{background:color-mix(in oklch,var(--neon-magenta) 20%,oklch(.2 .03 265));border-color:color-mix(in oklch,var(--neon-magenta) 42%,transparent);color:oklch(.95 .02 340)}.tl-clip[data-sel=true]{outline:2px solid var(--neon-cyan);outline-offset:1px}.tl-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--neon-magenta);z-index:5;box-shadow:0 0 8px var(--neon-magenta)}.empty{text-align:center;padding:60px 20px;color:var(--muted-foreground)}.empty .empty-ic{width:56px;height:56px;border-radius:14px;background:var(--muted);display:grid;place-items:center;margin:0 auto 16px}.dropzone{border:1.5px dashed var(--border);border-radius:var(--radius-xl);padding:48px 24px;text-align:center;transition:border-color .15s ease,background-color .15s ease;cursor:pointer}.dropzone:hover,.dropzone[data-drag=true]{border-color:var(--primary);background:color-mix(in oklch,var(--primary) 5%,transparent)}.seg-preview{aspect-ratio:16/9;border-radius:var(--radius-lg);background:linear-gradient(135deg,oklch(.4 .08 265),oklch(.3 .05 290));position:relative;overflow:hidden;display:grid;place-items:end center;padding-bottom:22px}@media (max-width:980px){.stat-grid{grid-template-columns:repeat(2,1fr)}.auth-wrap,.feature-grid{grid-template-columns:1fr}.auth-aside{display:none}.auth-mobile-logo{display:block}}.opt-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;transition:border-color .15s ease,background-color .15s ease}.opt-card[data-on=true]{border-color:color-mix(in oklch,var(--primary) 50%,var(--border));background:color-mix(in oklch,var(--primary) 5%,transparent)}.opt-ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--muted);color:var(--muted-foreground)}.opt-card[data-on=true] .opt-ic{background:color-mix(in oklch,var(--primary) 16%,transparent);color:var(--primary)}.src-tab{flex:1 1;padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:12px;align-items:center;transition:border-color .15s ease,background-color .15s ease}.src-tab[data-on=true]{border-color:var(--primary);background:color-mix(in oklch,var(--primary) 6%,transparent)}.src-tab .opt-ic{width:36px;height:36px}.card-actions{position:absolute;top:10px;right:10px;opacity:0;transition:opacity .15s ease}.card-actions:focus-within,.card:hover .card-actions{opacity:1}.card-ctx-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:80;min-width:170px;animation:fade .12s ease}.sub-prev{aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;position:relative;display:grid;place-items:end center;background-size:cover;background-position:50%}.sub-prev-grad{background:linear-gradient(135deg,oklch(.5 .13 250),oklch(.4 .1 300))}.sub-text{margin-bottom:8%;padding:4px 12px;max-width:86%;text-align:center;font-weight:600;line-height:1.3}.pipe-flow{display:flex;align-items:stretch;gap:0}.pipe-flow .pipe-col{flex:1 1;min-width:0}.pipe-connector{width:38px;flex:none;display:grid;place-items:center;color:var(--border)}.pipe-vert{display:flex;flex-direction:column;gap:0}.pipe-vert-line{width:2px;height:28px;margin-left:21px;background:var(--border)}.pipe-vert-line[data-done=true]{background:var(--success)}.orbit{position:relative;width:100%;aspect-ratio:1;max-width:460px;margin:0 auto}.orbit-ring{position:absolute;inset:0;border-radius:50%;border:1px dashed var(--border)}.orbit-core{position:absolute;inset:32%;border-radius:50%;display:grid;place-items:center;background:var(--card);border:1px solid color-mix(in oklch,var(--neon-cyan) 40%,var(--border));box-shadow:var(--glow-cyan)}.orbit-node{position:absolute;width:80px;margin-left:-40px;margin-top:-40px}.log-line{font-family:var(--font-mono);font-size:12.5px;padding:3px 0;display:flex;gap:10px;color:var(--muted-foreground)}.log-time{color:color-mix(in oklch,var(--neon-cyan) 70%,var(--muted-foreground));flex:none}.log-box{background:oklch(.13 .02 265);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;max-height:220px;overflow-y:auto}.dark .log-box{background:oklch(.12 .02 265)}.artifact{display:flex;align-items:center;gap:14px;padding:15px 16px;border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .15s ease}.artifact[data-ready=true]:hover{border-color:color-mix(in oklch,var(--primary) 40%,var(--border))}.artifact-ic{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;flex:none;font-family:var(--font-mono);font-size:11px;font-weight:700}.plan-card{padding:26px 24px;display:flex;flex-direction:column;position:relative;overflow:hidden}.plan-card[data-popular=true]{border-color:color-mix(in oklch,var(--neon-cyan) 50%,var(--border));box-shadow:0 0 0 1px color-mix(in oklch,var(--neon-cyan) 20%,transparent),0 12px 40px -16px color-mix(in oklch,var(--neon-cyan) 40%,transparent)}.plan-price{font-size:40px;font-weight:800;letter-spacing:-.03em;font-family:var(--font-mono)}.plan-feat{display:flex;align-items:flex-start;gap:10px;font-size:14px;padding:6px 0}.plan-feat svg{color:var(--success);margin-top:2px;flex:none}.settings-grid{display:grid;grid-template-columns:200px 1fr;grid-gap:36px;gap:36px;align-items:start}.settings-nav{display:flex;flex-direction:column;gap:2px;position:-webkit-sticky;position:sticky;top:84px}.settings-nav .nav-item{font-size:13.5px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--border)}.set-row:last-child{border-bottom:none}.set-row .set-info{max-width:60%}.set-row .set-info h4{margin:0 0 3px;font-size:14.5px;font-weight:600}.set-row .set-info p{margin:0;font-size:13px;color:var(--muted-foreground);line-height:1.5}.swatch{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);cursor:pointer;flex:none}.swatch[data-on=true]{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary)}@media (max-width:980px){.settings-grid{grid-template-columns:1fr}.settings-nav{position:static;flex-direction:row;flex-wrap:wrap}.pipe-flow{flex-direction:column}.pipe-flow .pipe-connector{width:100%;height:26px;transform:rotate(90deg)}}.editor-segments{width:354px;flex:none;border-right:1px solid oklch(.72 .08 230/.14);background:oklch(.165 .024 266);display:flex;flex-direction:column;min-height:0}.editor-segments-head{padding:11px 13px;border-bottom:1px solid oklch(.72 .08 230/.12);display:flex;flex-direction:column;gap:9px;flex:none}.editor-segments-list{flex:1 1;overflow-y:auto;padding:8px}.seg-row{border:1px solid oklch(.72 .08 230/.16);border-radius:10px;padding:11px 12px;margin-bottom:6px;cursor:pointer;transition:border-color .15s,background-color .15s}.seg-row:hover{background:oklch(.205 .028 265)}.seg-row[data-sel=true]{border-color:color-mix(in oklch,var(--neon-cyan) 52%,transparent);background:color-mix(in oklch,var(--neon-cyan) 9%,oklch(.18 .03 265))}.seg-time{font-family:var(--font-mono);font-size:10.5px;color:oklch(.62 .04 250)}.seg-original{font-size:12px;color:oklch(.62 .04 250);line-height:1.45;margin:4px 0;font-style:italic}.seg-translation{font-size:13px;color:oklch(.93 .02 225);line-height:1.45;margin:4px 0;font-weight:500}.seg-translation.empty{color:oklch(.52 .04 250);font-style:italic;font-weight:400}.seg-actions{display:flex;gap:5px;margin-top:9px;align-items:center;flex-wrap:wrap}.seg-actions .btn{height:25px;padding:0 9px;font-size:11px}.status-dot{width:7px;height:7px;border-radius:99px;flex:none;display:inline-block}.status-dot.done{background:var(--success);box-shadow:0 0 5px var(--success)}.status-dot.running{background:var(--neon-cyan);animation:pulse-glow 1s ease-in-out infinite}.status-dot.none,.status-dot.pending{background:oklch(.42 .03 260)}.editor-style-panel{width:288px;flex:none;border-left:1px solid oklch(.72 .08 230/.14);background:oklch(.16 .024 266);display:flex;flex-direction:column;overflow-y:auto;animation:slideR .18s ease}@keyframes slideR{0%{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}.style-section{padding:13px 15px;border-bottom:1px solid oklch(.72 .08 230/.12);display:flex;flex-direction:column;gap:11px}.style-section-title{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:oklch(.58 .04 250)}.sub-preview-mini{aspect-ratio:16/9;border-radius:8px;background:linear-gradient(135deg,oklch(.5 .13 250),oklch(.4 .1 300));position:relative;overflow:hidden;display:grid;place-items:end center;padding-bottom:8%}.render-modal .render-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.render-modal .render-row:last-of-type{border-bottom:none}.render-modal .render-row h4{margin:0 0 3px;font-size:14px;font-weight:600}.render-modal .render-row p{margin:0;font-size:12.5px;color:var(--muted-foreground)}.editor-top .sep-v{height:22px;background:oklch(.72 .08 230/.22)}.dark .logo-text-light,.logo-text-dark{display:none}.dark .logo-text-dark{display:block}.topbar-hamburger{display:none}.sidebar-backdrop{position:fixed;inset:0;z-index:199;background:oklch(.08 .02 260/.65);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .2s ease}.focus-grid{grid-template-columns:1fr 380px}.results-grid{display:grid;grid-template-columns:1fr 360px;grid-gap:24px;gap:24px;align-items:start}@media (max-width:768px){.topbar-hamburger{display:inline-flex}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:200;transform:translateX(-100%);transition:transform .26s cubic-bezier(.4,0,.2,1)}.sidebar--open{transform:translateX(0);box-shadow:12px 0 48px -8px rgba(0,0,0,.55)}.main{width:100%}.page{padding:16px 16px 72px}.topbar{padding:0 14px;gap:8px}body.notif-sheet-open .topbar{position:relative;z-index:auto}body.notif-sheet-open .topbar:before{-webkit-backdrop-filter:none;backdrop-filter:none}.topbar-title{font-size:16px}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-bar{flex-wrap:wrap}.stat-bar-sep{display:none}.stat-bar-item{flex:0 0 50%;padding:14px 16px}.page-head{flex-direction:column;align-items:flex-start;gap:10px}.page-head-sub{font-size:13px;flex:none}.page-head-actions{margin-left:0;width:100%}.page-head-actions .btn{flex:1 1;justify-content:center}.notif-panel-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:180;animation:fade .2s ease}.notif-panel{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:20px;border-top-right-radius:20px;max-height:calc(100dvh - 64px);z-index:190;animation:sheet-up .28s cubic-bezier(.32,.72,0,1);padding-bottom:env(safe-area-inset-bottom,0)}.notif-panel:before{content:"";display:block;width:36px;height:4px;background:var(--muted-foreground);border-radius:9999px;margin:10px auto 6px;opacity:.35;flex-shrink:0}.notif-panel{min-height:calc(100dvh - 64px);display:flex;flex-direction:column}.notif-list{max-height:calc(100dvh - 64px - 80px);flex:1 1;display:flex;flex-direction:column;overflow-y:auto}.notif-empty{flex:1 1;justify-content:center;padding:20px}.toast-stack{right:12px;left:12px;bottom:16px;align-items:stretch}.toast{min-width:unset;max-width:unset}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.focus-grid,.results-grid{grid-template-columns:1fr}.mk-nav{padding:0 16px;gap:8px}.mk-nav .logo-text-dark,.mk-nav .logo-text-light{display:none!important}.mk-hero{padding:48px 16px 40px;width:100%}.mk-section{padding:36px 16px}.mk-cta{flex-direction:column;align-items:center}.mk-results-title{font-size:17px!important;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mk-nav-cta-long,.mk-nav-links,.mk-nav-sep,.mk-results-video-meta{display:none!important}.mk-nav-cta-short{display:inline!important}.mk-nav-lang-label{display:none}.mk-stats-flags,.mk-stats-flags-sep{display:none!important}.mk-how-grid{grid-template-columns:repeat(2,1fr)!important;gap:32px 12px!important}.mk-how-connector{display:none!important}.mk-pricing-grid{max-width:420px;margin-left:auto;margin-right:auto}.mk-bento-grid,.mk-pricing-grid{grid-template-columns:1fr!important}.mk-bento-grid>*{grid-column:auto!important;grid-row:auto!important}.mk-bento-card-a{flex-direction:column!important;gap:20px!important}.mk-footer-inner{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.set-row{flex-wrap:wrap;gap:12px}.set-row .set-info{max-width:100%;flex:1 1 200px}}@media (max-width:480px){.page{padding:12px 12px 72px}.stat-value{font-size:19px}.mk-how-section{padding:32px 16px 20px!important}.mk-how-header{margin-bottom:24px!important}.mk-how-grid{grid-template-columns:1fr!important;gap:2px 0!important}.mk-how-step{flex-direction:row!important;align-items:flex-start!important;gap:14px!important;padding:10px 4px!important}.mk-how-step,.mk-how-step-desc,.mk-how-step-title{text-align:left!important}.mk-how-step-icon{width:42px!important;height:42px!important}.mk-how-step-num{margin-bottom:2px}.mk-how-step-desc{font-size:12px!important}.mk-pipe-label{display:none!important}.mk-pipe-icon{width:30px!important;height:30px!important;border-radius:8px!important}.mk-pipe-connector{width:8px!important}.mk-pipe-card{padding:12px 14px!important}}@supports (padding-bottom:env(safe-area-inset-bottom)){@media (max-width:768px){.page{padding-bottom:max(72px,calc(env(safe-area-inset-bottom) + 16px))}.toast-stack{bottom:max(16px,env(safe-area-inset-bottom))}}}@keyframes sub-pop{0%,12%{transform:scale(.55);opacity:.35}30%{transform:scale(1.18);opacity:1}44%,to{transform:scale(1);opacity:1}}@keyframes sub-bounce{0%{transform:translateY(9px);opacity:0}22%{transform:translateY(0);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes sub-karaoke{0%{background-position:100% 0}70%,to{background-position:0 0}}.sub-anim-pop{display:inline-block;animation:sub-pop 1.7s ease-in-out infinite}.sub-anim-bounce{display:inline-block;animation:sub-bounce 1.8s ease-in-out infinite}.sub-anim-karaoke{display:inline-block;background-image:linear-gradient(to right,var(--sub-color,var(--neon-cyan)) 50%,grey 50%);background-size:200% 100%;background-position:100% 0;animation:sub-karaoke 2.1s ease-in-out infinite}.sub-anim-karaoke,.sub-karaoke-word{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sub-karaoke-word{color:transparent}