*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-canvas-default:#fff;--color-canvas-subtle:#f6f7fb;--color-canvas-inset:#eef0f7;--color-border-default:#e4e7f0;--color-border-muted:#eef0f6;--color-fg-default:#1b2036;--color-fg-muted:#5b6380;--color-fg-subtle:#8a91a8;--color-accent-fg:#4f46e5;--color-accent-emphasis:#4338ca;--color-accent-subtle:#eef0ff;--color-accent-muted:#4f46e51f;--color-success-fg:#16a34a;--color-success-subtle:#e9f7ee;--color-danger-fg:#dc2626;--color-danger-subtle:#fdeceb;--color-attention-fg:#d97706;--color-attention-subtle:#fdf3e6;--color-teal-fg:#0d9488;--color-teal-subtle:#e4f7f5;--color-btn-bg:#f1f3f9;--color-btn-hover-bg:#e7eaf4;--color-btn-primary-bg:#4f46e5;--color-btn-primary-hover-bg:#4338ca;--color-btn-danger-bg:#dc2626;--color-btn-danger-hover-bg:#b91c1c;--gradient-accent:linear-gradient(135deg,#6366f1,#4f46e5 55%,#4338ca);--shadow-sm:0 1px 2px #1b20360a,0 1px 1px #1b203608;--shadow-md:0 6px 20px -6px #1b20361a,0 2px 6px #1b20360a;--shadow-lg:0 24px 48px -16px #1b20362e,0 6px 16px -6px #1b203614;--shadow-accent:0 10px 24px -8px #4f46e58c;--radius-sm:10px;--radius:14px;--radius-lg:20px;--radius-xl:28px;--border-radius:14px;--border-radius-lg:20px;--ease-out:cubic-bezier(0.22,1,0.36,1);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,Consolas,monospace;--header-bg:#f6f7fbcc;--header-border:#e4e7f0d9;--surface-hover:#fbfbfe;--input-focus-bg:#fff;--placeholder:#a4aac0;--table-head-bg:#f9fafc;--skeleton-a:#eceef6;--skeleton-b:#f6f7fc;--dot-color:#4f46e517;--scroll-thumb:#d5d9e6;--scroll-thumb-hover:#b9bfd3;--border-hover:#d3d8e6;--success-text:#15803d;--danger-text:#b91c1c;--snackbar-bg:#1b2036;--page-glow:#6366f124;color-scheme:light}:root[data-theme=dark]{--color-canvas-default:#12152a;--color-canvas-subtle:#0b0d17;--color-canvas-inset:#1a1e38;--color-border-default:#252a48;--color-border-muted:#1c2039;--color-fg-default:#e9ebf8;--color-fg-muted:#a0a6c4;--color-fg-subtle:#6f7699;--color-accent-fg:#818cf8;--color-accent-emphasis:#a5b4fc;--color-accent-subtle:#6366f124;--color-accent-muted:#818cf833;--color-success-fg:#4ade80;--color-success-subtle:#22c55e21;--color-danger-fg:#f87171;--color-danger-subtle:#ef444424;--color-attention-fg:#fbbf24;--color-attention-subtle:#f59e0b21;--color-teal-fg:#2dd4bf;--color-teal-subtle:#14b8a621;--color-btn-bg:#1b1f3a;--color-btn-hover-bg:#242948;--color-btn-primary-bg:#6366f1;--color-btn-primary-hover-bg:#4f46e5;--color-btn-danger-bg:#dc2626;--color-btn-danger-hover-bg:#ef4444;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 24px -10px #0000008c,0 0 0 1px hsla(0,0%,100%,.015);--shadow-lg:0 28px 56px -18px #000000b3,0 0 0 1px #ffffff05;--shadow-accent:0 10px 26px -8px #6366f199;--header-bg:#0b0d17c7;--header-border:#252a48b3;--surface-hover:#181c34;--input-focus-bg:#0f1224;--placeholder:#5c6386;--table-head-bg:#151931;--skeleton-a:#161a31;--skeleton-b:#1f2442;--dot-color:#818cf812;--scroll-thumb:#2a3052;--scroll-thumb-hover:#3a416a;--border-hover:#343a62;--success-text:#4ade80;--danger-text:#fca5a5;--snackbar-bg:#252a48;--page-glow:#6366f129;color-scheme:dark}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:#f6f7fb;background-color:var(--color-canvas-subtle);background-image:radial-gradient(800px 420px at 90% -10%,#6366f124,#0000 60%),radial-gradient(#4f46e517 1px,#0000 0);background-image:radial-gradient(800px 420px at 90% -10%,var(--page-glow),#0000 60%),radial-gradient(var(--dot-color) 1px,#0000 1px);background-size:100% 100%,22px 22px;color:#1b2036;color:var(--color-fg-default);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:14px;line-height:1.55;min-height:100vh;transition:background-color .25s ease,color .25s ease}button,input,select,textarea{color:inherit;font:inherit}button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid #4f46e5;outline:2px solid var(--color-accent-fg);outline-offset:2px}::selection{background:#4f46e52e}code{font-family:JetBrains Mono,ui-monospace,Consolas,monospace;font-family:var(--font-mono);font-size:85%}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d5d9e6;background:var(--scroll-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#b9bfd3;background:var(--scroll-thumb-hover);background-clip:padding-box}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.theme-toggle{align-items:center;background:#fff;background:var(--color-canvas-default);border:1px solid #e4e7f0;border:1px solid var(--color-border-default);border-radius:999px;box-shadow:0 1px 2px #1b20360a,0 1px 1px #1b203608;box-shadow:var(--shadow-sm);cursor:pointer;display:inline-flex;flex-shrink:0;gap:2px;height:36px;padding:3px;position:relative;transition:border-color .2s,background .2s}.theme-toggle:hover,header .theme-toggle:hover{background:#fff;background:var(--color-canvas-default);border-color:#d3d8e6;border-color:var(--border-hover)}.theme-toggle-icon{align-items:center;border-radius:50%;color:#8a91a8;color:var(--color-fg-subtle);display:inline-flex;height:28px;justify-content:center;transition:background .25s cubic-bezier(.22,1,.36,1),color .25s,transform .35s cubic-bezier(.22,1,.36,1);transition:background .25s var(--ease-out),color .25s,transform .35s var(--ease-out);width:28px}.theme-toggle-icon.is-active{background:linear-gradient(135deg,#6366f1,#4f46e5 55%,#4338ca);background:var(--gradient-accent);box-shadow:0 4px 10px -3px #4f46e599;color:#fff}.theme-toggle:hover .theme-toggle-icon:not(.is-active){color:#1b2036;color:var(--color-fg-default);transform:rotate(-15deg)}.login-card{position:relative}.login-theme-toggle{position:absolute;right:16px;top:16px}.vp{--vp-accent:#6366f1;--vp-accent-2:#818cf8;--vp-glass:#111322b8;--vp-glass-border:#ffffff14;--vp-fg:#f5f6ff;--vp-fg-muted:#ebeeffb3;-webkit-touch-callout:none;aspect-ratio:16/9;background:#07080f;border-radius:var(--radius-lg);box-shadow:0 30px 60px -24px #1b203673,0 0 0 1px #1b20360f;color:var(--vp-fg);isolation:isolate;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none;width:100%}@supports not (aspect-ratio:16/9){.vp{height:0;padding-bottom:56.25%}}.vp.vp-ui-hidden.vp-started{cursor:none}.vp-video{background:#000;display:block;height:100%;object-fit:contain;width:100%}.vp-surface,.vp-video{inset:0;position:absolute}.vp-surface{z-index:2}.vp.vp-fullscreen{aspect-ratio:auto;border-radius:0;box-shadow:none;height:100%;width:100%}.vp.vp-pseudo-fs{height:100vh;height:100dvh;inset:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;width:100vw;z-index:10000}.vp .watermark-overlay{z-index:3}.vp:after{background:linear-gradient(0deg,#05060ed9,#05060e59 55%,#0000);bottom:0;content:"";height:42%;left:0;max-height:180px;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity .3s var(--ease-out);z-index:4}.vp.vp-ui-visible:after{opacity:1}.vp-top{background:linear-gradient(180deg,#05060ebf,#0000);inset:0 0 auto;padding:20px 24px 48px;pointer-events:none;position:absolute;transition:opacity .3s var(--ease-out),transform .3s var(--ease-out);z-index:5}.vp-top-title{font-size:18px;font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 6px #00000080;white-space:nowrap}.vp-ui-hidden .vp-top{opacity:0;transform:translateY(-8px)}.vp-controls{bottom:0;left:0;padding:0 14px 10px;position:absolute;right:0;transition:opacity .25s var(--ease-out),transform .25s var(--ease-out);z-index:6}.vp-ui-hidden .vp-controls{opacity:0;pointer-events:none;transform:translateY(10px)}.vp-fullscreen .vp-controls,.vp-pseudo-fs .vp-controls{padding:0 28px 18px}.vp-row{gap:8px;justify-content:space-between}.vp-group,.vp-row{align-items:center;display:flex}.vp-group{gap:2px;min-width:0}.vp-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--vp-fg);cursor:pointer;display:inline-flex;flex-shrink:0;height:42px;justify-content:center;position:relative;transition:background .15s,transform .15s,color .15s;width:42px}.vp-btn:hover{background:#ffffff1f}.vp-btn:active{transform:scale(.92)}.vp-btn-active{color:var(--vp-accent-2)}.vp-btn svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.vp-btn:focus-visible{outline:2px solid var(--vp-accent-2);outline-offset:0}@media (hover:hover){.vp-btn[data-tip]:after{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--vp-glass);border:1px solid var(--vp-glass-border);border-radius:8px;bottom:calc(100% + 10px);content:attr(data-tip);font-size:12px;font-weight:500;left:50%;opacity:0;padding:5px 9px;pointer-events:none;position:absolute;transform:translate(-50%,4px);transition:opacity .15s,transform .15s;white-space:nowrap}.vp-btn[data-tip]:hover:after{opacity:1;transform:translate(-50%)}.vp-row .vp-group:last-child .vp-btn:last-child[data-tip]:after{left:auto;right:0;transform:translateY(4px)}.vp-row .vp-group:last-child .vp-btn:last-child[data-tip]:hover:after{transform:translate(0)}.vp-settings-btn[aria-expanded=true]:after{display:none}}.vp-time{font-feature-settings:"tnum";background:#0000;border:none;border-radius:10px;color:var(--vp-fg);cursor:pointer;font-size:13px;font-variant-numeric:tabular-nums;font-weight:500;margin-left:6px;padding:6px 10px;text-shadow:0 1px 2px #0006;white-space:nowrap}.vp-time:hover{background:#ffffff1a}.vp-time-sep{margin:0 5px}.vp-time-sep,.vp-time-total{color:var(--vp-fg-muted)}.vp-chip{font-feature-settings:"tnum";align-items:center;background:#ffffff24;border:none;border-radius:6px;color:var(--vp-fg);display:inline-flex;font-size:11px;font-variant-numeric:tabular-nums;font-weight:700;height:22px;letter-spacing:.02em;margin:0 4px;padding:0 7px}.vp-chip-btn{cursor:pointer}.vp-chip-btn:hover{background:#ffffff38}.vp-chip-hd{background:var(--vp-accent);color:#fff}.vp-volume{align-items:center;display:flex}.vp-volume-slider{appearance:none;background:linear-gradient(to right,#fff var(--val),#ffffff47 var(--val));border-radius:4px;cursor:pointer;height:4px;opacity:0;transition:width .25s var(--ease-out),opacity .2s,margin .25s var(--ease-out);width:0}.vp-volume:focus-within .vp-volume-slider,.vp-volume:hover .vp-volume-slider{margin:0 8px 0 2px;opacity:1;width:76px}.vp-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0006;height:13px;width:13px}.vp-volume-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;height:13px;width:13px}.vp-volume-slider:focus-visible{outline:none}.vp-progress{align-items:center;cursor:pointer;display:flex;height:22px;margin:0 4px 2px;position:relative;touch-action:none}.vp-progress:focus-visible{outline:none}.vp-progress:focus-visible .vp-progress-track{box-shadow:0 0 0 2px var(--vp-accent-2)}.vp-progress-track{background:#ffffff38;border-radius:4px;height:4px;overflow:hidden;position:relative;transition:height .15s var(--ease-out);width:100%}.vp-progress:hover .vp-progress-track,.vp-scrubbing .vp-progress-track{height:6px}.vp-progress-buffer,.vp-progress-hover,.vp-progress-played{border-radius:inherit;bottom:0;left:0;position:absolute;top:0}.vp-progress-buffer{background:#ffffff52;transition:width .3s}.vp-progress-hover{background:#fff3}.vp-progress-played{background:linear-gradient(90deg,var(--vp-accent),var(--vp-accent-2))}.vp-progress-thumb{background:#fff;border-radius:50%;box-shadow:0 0 0 4px #6366f173,0 2px 6px #0006;height:14px;margin-left:-7px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) scale(0);transition:transform .15s var(--ease-out);width:14px}.vp-progress:focus-visible .vp-progress-thumb,.vp-progress:hover .vp-progress-thumb,.vp-scrubbing .vp-progress-thumb{transform:translateY(-50%) scale(1)}.vp-progress-tooltip{font-feature-settings:"tnum";backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--vp-glass);border:1px solid var(--vp-glass-border);border-radius:8px;bottom:calc(100% + 6px);font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;padding:4px 9px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}.vp-mini-progress{background:#ffffff26;bottom:0;height:3px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity .3s;z-index:5}.vp-mini-progress>div{background:linear-gradient(90deg,var(--vp-accent),var(--vp-accent-2));height:100%}.vp-started.vp-ui-hidden .vp-mini-progress{opacity:1}.vp-bigplay{align-items:center;animation:vp-pop .35s var(--ease-out);background:var(--gradient-accent);border:none;border-radius:50%;box-shadow:0 0 0 10px #6366f138,0 18px 40px -10px #4f46e5cc;color:#fff;cursor:pointer;display:flex;height:84px;justify-content:center;left:50%;margin:-42px 0 0 -42px;padding-left:5px;position:absolute;top:50%;transition:transform .2s var(--ease-out),box-shadow .2s;width:84px;z-index:5}.vp-bigplay:not(.vp-bigplay-paused):before{animation:vp-pulse 2.2s ease-out infinite;border:2px solid #818cf899;border-radius:50%;content:"";inset:-10px;position:absolute}.vp-bigplay:hover{box-shadow:0 0 0 14px #6366f140,0 18px 40px -10px #4f46e5e6;transform:scale(1.07)}.vp-bigplay-paused{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1113228c;box-shadow:0 0 0 1px #ffffff1f;height:68px;margin:-34px 0 0 -34px;width:68px}.vp-bigplay-paused:hover{background:var(--gradient-accent);box-shadow:0 0 0 1px #fff3}@keyframes vp-pulse{0%{opacity:1;transform:scale(.95)}to{opacity:0;transform:scale(1.35)}}@keyframes vp-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.vp-loader{height:56px;left:50%;margin:-28px 0 0 -28px;pointer-events:none;position:absolute;top:50%;width:56px;z-index:5}.vp-loader span{animation:vp-spin .8s linear infinite;border-bottom:4px solid #ffffff26;border-left:4px solid #ffffff26;border-radius:50%;border-right:4px solid #ffffff26;border-right-color:var(--vp-accent);border-top:4px solid #ffffff26;border-top-color:var(--vp-accent-2);display:block;height:100%;width:100%}@keyframes vp-spin{to{transform:rotate(1turn)}}.vp-osd{font-feature-settings:"tnum";align-items:center;animation:vp-osd .7s var(--ease-out) forwards;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--vp-glass);border:1px solid var(--vp-glass-border);border-radius:22px;display:flex;flex-direction:column;font-size:13px;font-variant-numeric:tabular-nums;font-weight:600;gap:2px;height:76px;justify-content:center;left:50%;min-width:76px;padding:0 18px;pointer-events:none;position:absolute;top:50%;z-index:7}@keyframes vp-osd{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}.vp-ripple{align-items:center;animation:vp-ripple .65s ease-out forwards;bottom:0;display:flex;justify-content:center;pointer-events:none;position:absolute;top:0;width:38%;z-index:4}.vp-ripple-left{background:radial-gradient(circle at 30% 50%,#ffffff29,#0000 70%);border-radius:0 50% 50% 0/0 50% 50% 0;left:0}.vp-ripple-right{background:radial-gradient(circle at 70% 50%,#ffffff29,#0000 70%);border-radius:50% 0 0 50%/50% 0 0 50%;right:0}.vp-ripple-inner{align-items:center;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:4px;text-shadow:0 1px 4px #00000080}@keyframes vp-ripple{0%{opacity:0}25%{opacity:1}to{opacity:0}}.vp-resume{align-items:center;animation:vp-slide-in .35s var(--ease-out);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--vp-glass);border:1px solid var(--vp-glass-border);border-radius:999px;bottom:84px;display:flex;font-size:13px;font-weight:500;gap:10px;left:16px;padding:6px 6px 6px 14px;position:absolute;z-index:7}.vp-resume button{background:#ffffff24;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px}.vp-resume button:hover{background:var(--vp-accent)}@keyframes vp-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.vp-endscreen{align-items:center;animation:vp-slide-in .4s var(--ease-out);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#07080f99;display:flex;inset:0;justify-content:center;padding:24px 24px 90px;position:absolute;z-index:5}.vp-end-card{background:var(--vp-glass);border:1px solid var(--vp-glass-border);border-radius:22px;box-shadow:0 30px 60px -20px #0009;padding:22px;width:min(420px,100%)}.vp-end-label{color:var(--vp-accent-2);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.vp-end-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:18px;font-weight:700;line-height:1.3;margin:6px 0 18px;overflow:hidden}.vp-end-actions{display:flex;flex-wrap:wrap;gap:10px}.vp-end-primary,.vp-end-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;height:44px;padding:0 18px;position:relative;transition:transform .15s,background .15s}.vp-end-primary{background:var(--gradient-accent);box-shadow:var(--shadow-accent);color:#fff}.vp-end-secondary{background:#ffffff1f;color:#fff}.vp-end-secondary:hover{background:#fff3}.vp-end-primary:active,.vp-end-secondary:active{transform:scale(.97)}.vp-countdown{height:22px;transform:rotate(-90deg);width:22px}.vp-countdown circle{fill:none;stroke:#ffffff4d;stroke-width:4}.vp-countdown .vp-countdown-fill{stroke:#fff;stroke-dasharray:94.25;transition:stroke-dashoffset 1s linear}.vp-replay{align-items:center;background:var(--vp-glass);border:none;border:1px solid var(--vp-glass-border);border-radius:22px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:10px;padding:22px 30px;transition:transform .2s var(--ease-out)}.vp-replay:hover{transform:scale(1.04)}.vp-settings-wrap{position:relative}.vp-settings-btn svg{transition:transform .35s var(--ease-out)}.vp-settings-btn[aria-expanded=true] svg{transform:rotate(60deg)}.vp-menu{animation:vp-menu-in .2s var(--ease-out);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);background:#111322e0;border:1px solid var(--vp-glass-border);border-radius:16px;bottom:calc(100% + 12px);box-shadow:0 24px 48px -12px #0009;max-height:min(340px,70vh);overflow-y:auto;padding:6px;position:absolute;right:-40px;transform-origin:bottom right;width:270px;z-index:9}@keyframes vp-menu-in{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}.vp-menu-back,.vp-menu-item{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--vp-fg);cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:10px;min-height:42px;padding:0 12px;text-align:left;width:100%}.vp-menu-back:hover,.vp-menu-item:hover{background:#ffffff14}.vp-menu-item>svg{color:var(--vp-fg-muted);flex-shrink:0}.vp-menu-label{flex:1 1}.vp-menu-value{color:var(--vp-fg-muted);font-size:12.5px}.vp-menu-check{color:var(--vp-accent-2);display:inline-flex;width:18px}.vp-menu-back{border-bottom:1px solid var(--vp-glass-border);border-radius:10px 10px 0 0;font-weight:600;margin-bottom:4px;padding-left:6px}.vp-speed-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);padding:6px}.vp-speed{font-feature-settings:"tnum";background:#ffffff0d;border:1px solid var(--vp-glass-border);border-radius:10px;color:var(--vp-fg);cursor:pointer;font-size:13px;font-variant-numeric:tabular-nums;font-weight:600;height:38px;transition:background .15s,border-color .15s}.vp-speed:hover{background:#ffffff1f}.vp-speed.active{background:var(--vp-accent);border-color:var(--vp-accent);color:#fff}.vp-switch{background:#ffffff38;border-radius:999px;height:20px;position:relative;transition:background .2s;width:36px}.vp-switch:after{background:#fff;border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .2s var(--ease-out);width:16px}.vp-switch.on{background:var(--vp-accent)}.vp-switch.on:after{transform:translateX(16px)}.vp-help{align-items:center;animation:vp-slide-in .25s var(--ease-out);background:#07080f8c;display:flex;inset:0;justify-content:center;padding:16px;position:absolute;z-index:8}.vp-help-card{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#111322eb;border:1px solid var(--vp-glass-border);border-radius:20px;max-height:100%;overflow-y:auto;padding:18px 20px;width:min(460px,100%)}.vp-help-head{align-items:center;display:flex;font-size:15px;font-weight:700;gap:10px;margin-bottom:10px}.vp-help-head svg{color:var(--vp-accent-2)}.vp-help-head button{background:#ffffff14;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;height:30px;margin-left:auto;width:30px}.vp-help-row{border-top:1px solid #ffffff0f;font-size:13px;gap:12px;justify-content:space-between;padding:7px 0}.vp-help-row,.vp-help-row dt{align-items:center;display:flex}.vp-help-row dt{flex-shrink:0;gap:4px}.vp-help-row dd{color:var(--vp-fg-muted);text-align:right}.vp-help-sep{color:var(--vp-fg-muted);font-size:11px}.vp kbd{align-items:center;background:#ffffff1a;border:solid #ffffff24;border-radius:7px;border-width:1px 1px 2px;color:#fff;display:inline-flex;font-family:var(--font-mono);font-size:11.5px;height:24px;justify-content:center;min-width:26px;padding:0 7px}@media (max-width:720px){.vp-hide-sm{display:none}}@media (max-width:560px){.vp{border-radius:0}.vp-hide-xs{display:none}.vp-btn{height:38px;width:38px}.vp-controls{padding:0 6px 4px}.vp-time{font-size:12px;margin-left:0;padding:6px}.vp-volume-slider{display:none}.vp-bigplay{height:68px;margin:-34px 0 0 -34px;width:68px}.vp-resume{bottom:64px;font-size:12px;left:8px}.vp-menu{right:-44px;width:250px}.vp-end-card{padding:16px}.vp-end-title{font-size:15px;margin-bottom:12px}.vp-endscreen{padding-bottom:60px}}@media (pointer:coarse){.vp-progress-thumb{transform:translateY(-50%) scale(1)}.vp-progress{height:28px}}.site-header{backdrop-filter:blur(16px) saturate(1.6);-webkit-backdrop-filter:blur(16px) saturate(1.6);background:var(--header-bg);border-bottom:1px solid var(--header-border);box-shadow:none;display:block;padding:0;position:sticky;top:0;z-index:50}.site-header-inner{gap:16px;height:66px;justify-content:space-between;margin:0 auto;max-width:1440px;padding:0 28px}.site-brand,.site-header-inner{align-items:center;display:flex}.site-brand{gap:12px;min-width:0}.site-brand svg{filter:drop-shadow(0 6px 12px rgba(79,70,229,.3));flex-shrink:0}.site-brand-text{display:flex;flex-direction:column;line-height:1.15}.site-brand-name{color:var(--color-fg-default);font-size:17px;font-weight:800;letter-spacing:-.02em}.site-brand-tagline{color:var(--color-fg-subtle);font-size:12px;font-weight:500}.site-header-right{align-items:center;display:flex;gap:10px;min-width:0}.header-pill{align-items:center;background:var(--color-accent-subtle);border:1px solid #4f46e526;border-radius:999px;color:var(--color-accent-emphasis);display:inline-flex;font-size:13px;font-weight:600;gap:8px;max-width:340px;overflow:hidden;padding:8px 14px;text-overflow:ellipsis;white-space:nowrap}.header-pill svg{flex-shrink:0}.site-footer{color:var(--color-fg-subtle);font-size:12.5px;padding:28px 16px 36px;text-align:center}.card{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.btn{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;height:40px;justify-content:center;padding:0 16px;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .2s,transform .12s,color .15s;white-space:nowrap}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{cursor:default;opacity:.65}.btn-primary{background:var(--gradient-accent);box-shadow:var(--shadow-accent);color:#fff}.btn-primary:hover{box-shadow:0 14px 28px -10px #4f46e5b3;filter:brightness(1.05)}.btn-secondary{background:var(--color-canvas-default);border-color:var(--color-border-default);box-shadow:var(--shadow-sm);color:var(--color-fg-default)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-hover)}.btn-ghost{background:var(--color-btn-bg);color:var(--color-fg-default)}.btn-ghost:hover{background:var(--color-btn-hover-bg)}.btn-lg{border-radius:14px;font-size:15px;height:52px;padding:0 24px}.btn-block{width:100%}.btn-spinner{animation:spin .8s linear infinite;border:2.5px solid #ffffff59;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.btn-spinner-accent{border-color:#4f46e533;border-top-color:var(--color-accent-fg);border-width:3px;height:30px;width:30px}@keyframes spin{to{transform:rotate(1turn)}}kbd{align-items:center;background:var(--color-canvas-default);border:solid var(--color-border-default);border-radius:6px;border-width:1px 1px 2px;color:var(--color-fg-default);display:inline-flex;font-family:var(--font-mono);font-size:11px;height:22px;justify-content:center;min-width:22px;padding:0 6px;vertical-align:middle}.skeleton{animation:shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,var(--skeleton-a) 0,var(--skeleton-b) 40%,var(--skeleton-a) 80%);background-size:200% 100%;border-radius:10px}.skeleton-player{aspect-ratio:16/9;border-radius:var(--radius-lg);width:100%}.skeleton-line{height:14px;margin-bottom:10px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.state-card{animation:rise .45s var(--ease-out);background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin:0 auto;padding:40px 32px;text-align:center;width:min(460px,100%)}.state-card h2{font-size:20px;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}.state-card p{color:var(--color-fg-muted);margin-bottom:20px}.state-card p:last-child{margin-bottom:0}.state-icon{align-items:center;border-radius:18px;display:flex;height:60px;justify-content:center;margin:0 auto 18px;width:60px}.state-icon-accent{background:var(--color-accent-subtle);color:var(--color-accent-fg)}.state-icon-danger{background:var(--color-danger-subtle);color:var(--color-danger-fg)}.state-icon-attention{background:var(--color-attention-subtle);color:var(--color-attention-fg)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.watch-page{display:flex;flex-direction:column;min-height:100vh}.watch-main{flex:1 1;margin:0 auto;max-width:1440px;padding:28px 28px 0;width:100%}.watch-center{align-items:center;display:flex;justify-content:center;padding-bottom:48px;padding-top:48px}.watch-layout{grid-gap:20px;display:grid;gap:20px;grid-template-areas:"player" "info";grid-template-columns:minmax(0,1fr);margin:0 auto;max-width:1120px}.watch-layout.has-sidebar{align-items:start;grid-template-areas:"player side" "info   side";grid-template-columns:minmax(0,1fr) 360px;max-width:none}.watch-layout.is-theater{max-width:none}.watch-layout.has-sidebar.is-theater{grid-template-areas:"player player" "info   side"}.watch-player-area{grid-area:player;min-width:0;scroll-margin-top:80px}.watch-info-area{grid-area:info;min-width:0}.watch-side-area{grid-area:side;min-width:0;position:sticky;top:86px}.watch-layout.is-theater .watch-side-area{position:static}.watch-player-area .vp{animation:rise .5s var(--ease-out)}.watch-layout.is-theater .watch-player-area .vp{max-height:calc(100vh - 130px)}.watch-info{padding:24px 26px}.watch-eyebrow{align-items:center;background:var(--color-accent-subtle);border-radius:999px;color:var(--color-accent-emphasis);display:inline-flex;font-size:12.5px;font-weight:600;gap:7px;margin-bottom:10px;padding:5px 12px}.watch-eyebrow-count{color:var(--color-fg-muted);font-weight:500}.watch-title{color:var(--color-fg-default);font-size:clamp(20px,2.3vw,28px);font-weight:800;letter-spacing:-.025em;line-height:1.22;word-break:break-word}.watch-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.meta-chip{align-items:center;background:var(--color-canvas-subtle);border:1px solid var(--color-border-muted);border-radius:10px;color:var(--color-fg-muted);display:inline-flex;font-size:13px;font-weight:500;gap:7px;height:34px;padding:0 12px}.meta-chip svg{color:var(--color-accent-fg)}.meta-chip-success{background:var(--color-success-subtle);border-color:#0000;color:var(--success-text)}.meta-chip-success svg{color:var(--color-success-fg)}.watch-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.watch-desc{background:var(--color-canvas-subtle);border:1px solid var(--color-border-muted);border-radius:14px;margin-top:20px;padding:16px 18px;position:relative}.watch-desc p{color:var(--color-fg-default);font-size:14.5px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.watch-desc.is-collapsed p{-webkit-mask-image:linear-gradient(180deg,#000 55%,#0000);mask-image:linear-gradient(180deg,#000 55%,#0000);max-height:7.2em;overflow:hidden}.watch-desc a{color:var(--color-accent-fg);font-weight:500;text-decoration:none}.watch-desc a:hover{text-decoration:underline}.timecode{font-feature-settings:"tnum";background:var(--color-accent-muted);border:none;border-radius:6px;color:var(--color-accent-emphasis);cursor:pointer;font-variant-numeric:tabular-nums;font-weight:600;padding:0 5px;transition:background .15s}.timecode:hover{background:#4f46e533}.watch-desc-toggle{background:none;border:none;color:var(--color-accent-fg);cursor:pointer;font-size:13.5px;font-weight:600;margin-top:8px;padding:0}.watch-hint{align-items:flex-start;color:var(--color-fg-subtle);display:flex;font-size:12.5px;gap:10px;line-height:1.9;margin-top:18px}.watch-hint>svg{flex-shrink:0;margin-top:4px}@media (hover:none){.watch-hint{display:none}}.playlist-panel{display:flex;flex-direction:column;max-height:calc(100vh - 110px);padding:16px}.watch-layout.is-theater .playlist-panel{max-height:560px}.playlist-panel-head{align-items:center;display:flex;gap:12px;padding:2px 4px 12px}.playlist-panel-icon{align-items:center;background:var(--gradient-accent);border-radius:12px;box-shadow:var(--shadow-accent);color:#fff;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.playlist-panel-titles{flex:1 1;min-width:0}.playlist-panel-label{color:var(--color-fg-subtle);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.playlist-panel-title{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-panel-count{font-feature-settings:"tnum";background:var(--color-canvas-subtle);border-radius:999px;color:var(--color-fg-muted);flex-shrink:0;font-size:12.5px;font-variant-numeric:tabular-nums;font-weight:700;padding:4px 10px}.playlist-panel-progress{background:var(--color-canvas-inset);border-radius:5px;height:5px;margin:0 4px 12px;overflow:hidden}.playlist-panel-progress>div{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:inherit;height:100%;transition:width .5s var(--ease-out)}.pl-list{list-style:none;margin:0 -6px;overflow-y:auto;overscroll-behavior:contain;padding:0 6px}.pl-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:10px;text-align:left;transition:background .15s,border-color .15s;width:100%}.pl-item:hover{background:var(--color-canvas-subtle)}.pl-item.active{background:var(--color-accent-subtle);border-color:#4f46e52e;cursor:default}.pl-index{font-feature-settings:"tnum";align-items:center;background:var(--color-canvas-inset);border-radius:9px;color:var(--color-fg-muted);display:flex;flex-shrink:0;font-size:12.5px;font-variant-numeric:tabular-nums;font-weight:700;height:30px;justify-content:center;width:30px}.pl-item.done .pl-index{background:var(--color-success-subtle);color:var(--color-success-fg)}.pl-item.active .pl-index{background:var(--color-accent-fg);color:#fff}.pl-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-fg-default);display:-webkit-box;flex:1 1;font-size:13.5px;font-weight:500;line-height:1.35;min-width:0;overflow:hidden}.pl-item.active .pl-title{color:var(--color-accent-emphasis);font-weight:700}.pl-item.done:not(.active) .pl-title{color:var(--color-fg-muted)}.pl-dur{font-feature-settings:"tnum";color:var(--color-fg-subtle);flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;font-weight:500}.eq{align-items:flex-end;display:inline-flex;gap:2px;height:12px}.eq i{animation:eq .9s ease-in-out infinite;background:currentColor;border-radius:2px;display:block;width:3px}.eq i:first-child{animation-delay:-.2s;height:60%}.eq i:nth-child(2){animation-delay:-.5s;height:100%}.eq i:nth-child(3){animation-delay:-.1s;height:40%}@keyframes eq{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.eq i{transform-origin:bottom}.watermark-overlay{pointer-events:none;position:absolute;transform:translate(-50%,-50%);transition:left 2s ease,top 2s ease;user-select:none;-webkit-user-select:none;z-index:3}.watermark-text,.watermark-text-duplicate{color:#ffffffe6;text-shadow:0 1px 2px #000c;white-space:nowrap}.watermark-text-duplicate{height:0;left:0;opacity:0;overflow:hidden;position:absolute;top:0;width:0}.access-wrap{display:flex;justify-content:center;width:100%}.access-card{animation:rise .5s var(--ease-out);background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:grid;grid-template-columns:1fr 1.1fr;overflow:hidden;width:min(880px,100%)}.access-aside{background:radial-gradient(circle at 85% 15%,#ffffff2e,#0000 40%),radial-gradient(circle at 10% 90%,#818cf899,#0000 50%),var(--gradient-accent);color:#fff;overflow:hidden;padding:40px 36px;position:relative}.access-aside:after{background-image:radial-gradient(#ffffff2e 1px,#0000 0);background-size:18px 18px;content:"";inset:0;-webkit-mask-image:linear-gradient(180deg,#0000,#000);mask-image:linear-gradient(180deg,#0000,#000);pointer-events:none;position:absolute}.access-aside-icon{align-items:center;background:#ffffff29;border:1px solid #ffffff40;border-radius:16px;display:flex;height:54px;justify-content:center;margin-bottom:28px;width:54px}.access-eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;opacity:.8;text-transform:uppercase}.access-video-title{font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.25;margin:8px 0 26px;word-break:break-word}.access-points{grid-gap:12px;display:grid;gap:12px;list-style:none;position:relative;z-index:1}.access-points li{align-items:center;display:flex;font-size:14px;font-weight:500;gap:10px;opacity:.95}.access-points svg{flex-shrink:0;padding:0}.access-form{display:flex;flex-direction:column;padding:40px 38px}.access-title{font-size:22px;font-weight:800;letter-spacing:-.02em}.access-subtitle{color:var(--color-fg-muted);margin:6px 0 26px}.field{display:block;margin-bottom:16px}.field-label{color:var(--color-fg-default);display:block;font-size:13px;font-weight:600;margin-bottom:7px}.field-control{align-items:center;background:var(--color-canvas-subtle);border:1.5px solid var(--color-border-default);border-radius:14px;color:var(--color-fg-subtle);display:flex;gap:10px;height:50px;padding:0 14px;transition:border-color .15s,box-shadow .15s,background .15s}.field-control:focus-within{background:var(--input-focus-bg);border-color:var(--color-accent-fg);box-shadow:0 0 0 4px var(--color-accent-muted);color:var(--color-accent-fg)}.field-control input{background:#0000;border:none;color:var(--color-fg-default);flex:1 1;font-size:15px;height:100%;min-width:0;outline:none}.field-control input::placeholder{color:var(--placeholder)}.access-error{animation:shake .35s;background:var(--color-danger-subtle);border-radius:12px;color:var(--danger-text);font-size:13.5px;font-weight:500;margin:0 0 14px;padding:10px 14px}@keyframes shake{0%,to{transform:none}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.access-form .btn-primary{margin-top:6px}.access-note{color:var(--color-fg-subtle);font-size:12px;margin-top:14px;text-align:center}.snackbar{animation:rise .3s var(--ease-out);background:var(--snackbar-bg);border-radius:14px;bottom:24px;box-shadow:var(--shadow-lg);color:#fff;font-size:14px;font-weight:500;left:50%;padding:12px 18px;position:fixed;transform:translateX(-50%);z-index:200}.pl-page-hero{animation:rise .45s var(--ease-out);background:radial-gradient(circle at 90% 10%,#ffffff29,#0000 35%),radial-gradient(circle at 0 100%,#818cf88c,#0000 45%),var(--gradient-accent);border-radius:var(--radius-xl);box-shadow:0 30px 60px -28px #4f46e5b3;color:#fff;margin:0 auto 24px;max-width:1120px;overflow:hidden;padding:34px 36px;position:relative}.pl-page-hero:after{background-image:radial-gradient(#ffffff29 1px,#0000 0);background-size:20px 20px;content:"";inset:0;-webkit-mask-image:linear-gradient(270deg,#000,#0000 60%);mask-image:linear-gradient(270deg,#000,#0000 60%);pointer-events:none;position:absolute}.pl-page-hero>*{position:relative;z-index:1}.pl-page-eyebrow{align-items:center;background:#ffffff29;border:1px solid #ffffff38;border-radius:999px;display:inline-flex;font-size:12.5px;font-weight:600;gap:8px;padding:6px 12px}.pl-page-title{font-size:clamp(26px,3.4vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.12;margin:14px 0 10px;max-width:760px}.pl-page-desc{font-size:15px;line-height:1.65;max-width:680px;opacity:.9;white-space:pre-wrap}.pl-page-stats{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 24px}.pl-page-stat{align-items:center;background:#ffffff24;border-radius:12px;display:inline-flex;font-size:13.5px;font-weight:600;gap:8px;padding:8px 14px}.pl-page-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-white{background:#fff;box-shadow:0 14px 30px -12px #0006;color:var(--color-accent-emphasis)}.btn-white:hover{background:#f4f5ff}.btn-glass{background:#ffffff24;border-color:#ffffff40;color:#fff}.btn-glass:hover{background:#ffffff38}.pl-page-list{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));list-style:none;margin:0 auto;max-width:1120px}.pl-card{align-items:center;animation:rise .45s var(--ease-out) backwards;background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:14px;height:100%;padding:16px;text-align:left;transition:transform .2s var(--ease-out),box-shadow .2s,border-color .2s;width:100%}.pl-card:hover{border-color:#4f46e54d;box-shadow:var(--shadow-md);transform:translateY(-3px)}.pl-card-num{align-items:center;background:var(--color-accent-subtle);border-radius:14px;color:var(--color-accent-fg);display:flex;flex-shrink:0;font-size:15px;font-weight:800;height:46px;justify-content:center;transition:background .2s,color .2s;width:46px}.pl-card:hover .pl-card-num{background:var(--color-accent-fg);color:#fff}.pl-card.done .pl-card-num{background:var(--color-success-subtle);color:var(--color-success-fg)}.pl-card-body{flex:1 1;min-width:0}.pl-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-fg-default);display:-webkit-box;font-size:14.5px;font-weight:650;line-height:1.35;overflow:hidden}.pl-card-meta{align-items:center;color:var(--color-fg-subtle);display:flex;font-size:12.5px;gap:10px;margin-top:5px}.pl-card-meta .ok{color:var(--color-success-fg);font-weight:600}.pl-card-meta .resume{color:var(--color-accent-fg);font-weight:600}.pl-card-play{align-items:center;background:var(--color-canvas-subtle);border-radius:50%;color:var(--color-fg-muted);display:flex;flex-shrink:0;height:36px;justify-content:center;padding-left:2px;transition:background .2s,color .2s,transform .2s;width:36px}.pl-card:hover .pl-card-play{background:var(--gradient-accent);color:#fff;transform:scale(1.06)}.watch-page.is-embedded{background:#0000}.is-embedded .watch-main{max-width:none;padding:0}.is-embedded .watch-layout{gap:12px;max-width:none}.is-embedded .watch-info{border-radius:var(--radius);box-shadow:none;padding:18px 20px}.is-embedded .watch-player-area .vp{animation:none;border-radius:0;box-shadow:none}.is-embedded .watch-center{min-height:100vh;padding:16px}@media (max-width:1080px){.watch-layout.has-sidebar,.watch-layout.has-sidebar.is-theater{grid-template-areas:"player" "info" "side";grid-template-columns:minmax(0,1fr)}.watch-side-area{position:static}.playlist-panel{max-height:520px}}@media (max-width:760px){.access-card{grid-template-columns:1fr}.access-aside{padding:28px 26px}.access-aside-icon{margin-bottom:18px}.access-video-title{font-size:20px;margin-bottom:18px}.access-form{padding:28px 24px}}@media (max-width:640px){.site-header-inner{height:58px;padding:0 16px}.site-brand-tagline{display:none}.header-pill{font-size:12px;max-width:170px;padding:6px 11px}.watch-main{padding:0}.watch-center{padding:24px 16px}.watch-layout{gap:12px}.watch-info{border-left:none;border-radius:0;border-right:none;box-shadow:none;padding:18px 16px}.watch-actions{margin-left:0;width:100%}.watch-actions .btn{flex:1 1}.watch-side-area{padding:0 12px 12px}.pl-page-hero{border-radius:0;margin-bottom:16px;padding:26px 18px}.pl-page-list{grid-template-columns:1fr;padding:0 12px}.watch-page:not(.is-embedded) .watch-main.pl-main{padding:0 0 12px}}.pl-card-meta>span{align-items:center;display:inline-flex;gap:4px}.watch-page.is-chromeless{background:#000;min-height:100vh;overflow:hidden}.is-chromeless .watch-main{max-width:none;padding:0}.is-chromeless .watch-layout{display:block;max-width:none}.is-chromeless .watch-info-area,.is-chromeless .watch-side-area{display:none}.is-chromeless .skeleton-player,.is-chromeless .watch-player-area .vp{animation:none;aspect-ratio:auto;border-radius:0;box-shadow:none;height:100vh;width:100vw}.is-chromeless .skeleton-player{background:#07080f}.is-chromeless .watch-center{background:radial-gradient(600px 300px at 50% 0,#6366f140,#0000 70%),#07080f;min-height:100vh;overflow-y:auto;padding:12px}.is-chromeless .state-card{padding:24px 20px}.is-chromeless .access-card{grid-template-columns:1fr;width:min(420px,100%)}.is-chromeless .access-aside{display:none}.is-chromeless .access-form{padding:24px 22px}.is-chromeless .access-subtitle{margin-bottom:16px}@media (max-height:420px){.is-chromeless .access-title{font-size:17px}.is-chromeless .access-note,.is-chromeless .access-subtitle{display:none}.is-chromeless .field{margin-bottom:10px}.is-chromeless .field-control{height:42px}.is-chromeless .btn-lg{height:44px}}.admin-app{background:var(--color-canvas-subtle);min-height:100vh}.admin-header{background:var(--color-canvas-default);border-bottom:1px solid var(--color-border-default);position:sticky;top:0;z-index:100}.header-inner{gap:24px;height:56px;margin:0 auto;max-width:1200px;padding:0 20px}.header-brand,.header-inner{align-items:center;display:flex}.header-brand{border-radius:var(--radius-sm);color:var(--color-fg-default);flex-shrink:0;font-size:16px;font-weight:600;gap:10px;letter-spacing:-.02em;padding:6px 0;text-decoration:none;transition:opacity .2s}.header-brand:hover{opacity:.9}.header-logo{align-items:center;background:var(--color-accent-fg);border-radius:var(--radius-sm);display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.header-title{white-space:nowrap}.header-nav{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex:1 1;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}.header-nav::-webkit-scrollbar{display:none}.header-nav button{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-fg-muted);cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;transition:color .15s,background .15s;white-space:nowrap}.header-nav button:hover{background:var(--color-btn-bg)}.header-nav button.active{background:#4f46e51a;color:var(--color-accent-fg)}body.theme-dark .header-nav button.active{background:#8ab4f826}.header-logout{background:var(--color-btn-bg);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-fg-default);cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:8px 16px;transition:background .15s,border-color .15s}.header-logout:hover{background:var(--color-btn-hover-bg);border-color:var(--color-border-muted)}.logo{align-items:center;background:var(--color-accent-fg);border-radius:var(--radius);color:#fff;display:flex;font-size:22px;font-weight:600;height:36px;justify-content:center;width:36px}.admin-container{margin:0 auto;max-width:1200px;padding:28px 24px}.admin-section{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:24px}.admin-section h2{font-size:18px;font-weight:600;letter-spacing:-.01em;margin-bottom:16px;margin-top:0}.admin-section h3{color:var(--color-fg-default);font-size:15px;font-weight:600;margin:24px 0 10px}.section-desc{color:var(--color-fg-muted);font-size:13px;line-height:1.5;margin-bottom:16px}.card-list{display:flex;flex-direction:column;gap:12px}.card-item{align-items:center;background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:14px;padding:16px 18px;transition:box-shadow .2s,border-color .2s}.card-item:hover{box-shadow:var(--shadow-sm)}.card-item strong{flex:1 1;font-weight:500}.badge-list{background:#4f46e51f;border-radius:var(--radius-sm);color:var(--color-accent-fg);font-size:12px;font-weight:500;padding:4px 10px}.template-download{margin-bottom:16px}.upload-xlsx-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.domain-list,.suspicious-list{list-style:none;margin:0;padding:0}.domain-list li,.suspicious-list li{align-items:center;border-bottom:1px solid var(--color-border-muted);display:flex;justify-content:space-between;padding:8px 0}.delete-btn-small{background:var(--color-btn-danger-bg);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.delete-btn-small:hover{background:var(--color-btn-danger-hover-bg)}.logs-list{max-height:400px;overflow-y:auto}.log-item{grid-gap:8px;align-items:center;border-bottom:1px solid var(--color-border-muted);display:grid;font-size:13px;gap:8px;grid-template-columns:160px 100px 120px 1fr 100px;padding:8px 12px}.log-time{color:var(--color-fg-muted)}.log-user{font-weight:500}.log-action{color:var(--color-accent-fg)}.log-details{color:var(--color-fg-muted)}.log-ip{color:var(--color-fg-subtle);font-size:12px}.stats-export{display:flex;gap:8px;margin-top:16px}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px;margin:12px 0}.watermark-settings{display:flex;flex-direction:column;gap:20px;max-width:400px}.watermark-settings .login-label input[type=number]{max-width:120px}.view-logs-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.view-logs-toolbar select{min-width:200px}.view-logs-table-wrap{max-height:70vh;overflow-x:auto;overflow-y:auto}.view-logs-table{border-collapse:collapse;font-size:13px;width:100%}.view-logs-table td,.view-logs-table th{border-bottom:1px solid var(--color-border-default);padding:8px 12px;text-align:left}.view-logs-table th{font-weight:600;position:sticky;top:0}.view-logs-table tbody tr:hover,.view-logs-table th{background:var(--color-canvas-subtle)}.view-logs-table .ua-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis}.playlist-create-form{border-bottom:1px solid var(--color-border-default);margin-bottom:24px;padding-bottom:24px}.playlist-create-form h3{font-size:16px;margin-bottom:12px;margin-top:0}.card-item-actions{justify-content:space-between}.card-item-actions,.card-item-main{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.card-item-main{flex:1 1}.card-item-buttons{display:flex;flex-wrap:wrap;gap:10px}.playlist-edit-videos{border:1px solid var(--color-border-default);border-radius:var(--radius);list-style:none;margin:8px 0;max-height:200px;overflow-y:auto;padding:0}.playlist-edit-videos li{align-items:center;border-bottom:1px solid var(--color-border-muted);display:flex;justify-content:space-between;padding:8px 12px}.playlist-edit-videos li:last-child{border-bottom:none}.user-list-items-edit{border:1px solid var(--color-border-default);border-radius:var(--radius);list-style:none;margin:8px 0;max-height:280px;overflow-y:auto;padding:0}.user-list-items-edit li{align-items:center;border-bottom:1px solid var(--color-border-muted);display:flex;gap:12px;padding:8px 12px}.user-list-items-edit li:last-child{border-bottom:none}.user-list-items-edit .item-fullname{flex:1 1}.user-list-items-edit .item-email{color:var(--color-fg-muted);font-size:13px}.modal-content-wide{max-width:560px}.stats-bar{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:22px;transition:box-shadow .2s,border-color .2s}.stat-card:hover{border-color:var(--color-border-muted);box-shadow:var(--shadow-md)}.stat-value{color:var(--color-accent-fg);font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:4px}.stat-label{color:var(--color-fg-muted);font-size:13px;font-weight:500}.upload-section,.videos-section{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:24px}.upload-section h2,.videos-section h2{color:var(--color-fg-default);font-size:17px;font-weight:600;letter-spacing:-.01em;margin-bottom:18px}.upload-form{display:flex;flex-direction:column;gap:16px}.form-row{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin-bottom:12px}.form-row:last-child{margin-bottom:0}.form-row .file-input,.form-row .text-input{flex:1 1;min-width:120px}.form-row .action-btn,.form-row .upload-btn{flex:0 0 auto}.file-input,.search-input,.text-input,.textarea-input{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--radius);color:var(--color-fg-default);font-family:var(--font-sans);font-size:14px;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.file-input::file-selector-button{background:var(--color-btn-bg);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-fg-default);cursor:pointer;font-size:13px;font-weight:500;margin-right:10px;padding:6px 12px;transition:background .2s}.file-input::file-selector-button:hover{background:var(--color-btn-hover-bg)}.file-input:hover{border-color:var(--color-border-muted)}.search-input:focus,.text-input:focus,.textarea-input:focus{border-color:var(--color-accent-fg);box-shadow:0 0 0 2px #4f46e533;outline:none}.textarea-input{font-family:inherit;line-height:1.5;min-height:100px;resize:vertical}.progress-container{align-items:center;background:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius);display:flex;gap:12px;margin:16px 0;padding:14px}.progress-bar{background:var(--color-border-muted);border-radius:8px;flex:1 1;height:8px;overflow:hidden;position:relative}.progress-fill{background:var(--color-accent-fg);border-radius:8px;height:100%;transition:width .3s ease}.progress-text{color:var(--color-fg-muted);font-size:12px;font-weight:500;min-width:50px;text-align:right}.upload-btn{align-self:flex-start;background:var(--color-btn-primary-bg);border:none;border-radius:var(--radius);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s,box-shadow .2s}.upload-btn:hover:not(:disabled){background:var(--color-btn-primary-hover-bg);box-shadow:var(--shadow-md)}.upload-btn:disabled{cursor:not-allowed;opacity:.6}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.search-input{min-width:250px;padding:5px 12px}.videos-grid{grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.video-card{border-radius:var(--radius-lg);padding:20px;transition:box-shadow .2s,border-color .2s}.video-card-header{align-items:start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.video-card-header h3{color:var(--color-fg-default);flex:1 1;font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.4;margin:0}.status-badge{border:none;border-radius:20px;font-size:11px;font-weight:500;padding:4px 10px;white-space:nowrap}.status-ready{background:#1e8e3e26;color:var(--color-success-fg)}.status-processing{background:#f9ab0026;color:var(--color-attention-fg)}.status-uploaded{background:#4f46e526;color:var(--color-accent-fg)}.status-error{background:#d9302526;color:var(--color-danger-fg)}.video-description{color:var(--color-fg-muted);font-size:14px;line-height:1.5;margin-bottom:12px}.video-meta{border-bottom:1px solid var(--color-border-default);display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px;padding-bottom:12px}.meta-item{align-items:center;color:var(--color-fg-muted);display:flex;font-size:12px;font-weight:400;gap:4px}.processing-info{background:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius);margin:12px 0;padding:14px}.processing-time{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.processing-label{color:var(--color-fg-muted);font-size:12px;font-weight:400}.processing-value{color:var(--color-accent-fg);font-size:14px;font-weight:600}.processing-progress{margin-top:8px}.processing-progress-bar{background:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:2px;height:4px;overflow:hidden;width:100%}.processing-progress-fill{background:var(--color-accent-fg);border-radius:2px;height:100%;transition:width .5s ease}.video-actions{gap:10px}.action-btn{background:var(--color-btn-bg);border:1px solid var(--color-border-default);border-radius:var(--radius);color:var(--color-fg-default);cursor:pointer;flex:0 1 auto;font-size:13px;font-weight:500;min-width:96px;padding:9px 16px;transition:background .2s,border-color .2s,box-shadow .2s}.action-btn:hover{background:var(--color-btn-hover-bg);border-color:var(--color-border-muted);box-shadow:var(--shadow-sm)}.action-btn.primary{background:var(--color-accent-fg);border:none;box-shadow:var(--shadow-sm);color:#fff}.action-btn.primary:hover{background:var(--color-accent-emphasis);box-shadow:var(--shadow-md)}.action-btn.delete{background:#0000;border-color:var(--color-border-default);color:var(--color-danger-fg)}.action-btn.delete:hover{background:var(--color-btn-danger-bg);border-color:#0000;color:#fff}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;padding:20px}.modal-content{border-radius:var(--radius-xl);max-height:88vh;max-width:640px;padding:28px}.modal-content h2{font-size:18px;letter-spacing:-.01em;margin-bottom:18px}.modal-section{margin-bottom:16px}.modal-section label{color:var(--color-fg-default);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.code-block{background:var(--color-canvas-subtle);border-radius:var(--radius);display:block;margin-bottom:10px;padding:14px;word-break:break-all}.code-block,.code-textarea{border:1px solid var(--color-border-default);color:var(--color-fg-default);font-family:var(--font-mono);font-size:12px}.code-textarea{background:var(--color-canvas-default);border-radius:var(--radius);min-height:200px;padding:12px 14px;resize:vertical;width:100%}.code-textarea:focus{border-color:var(--color-accent-fg);box-shadow:0 0 0 2px #4f46e533;outline:none}.cancel-btn,.close-btn,.copy-btn,.save-btn{border:1px solid var(--color-border-default);border-radius:var(--radius);cursor:pointer;font-size:13px;font-weight:500;margin-right:8px;margin-top:8px;padding:9px 18px;transition:background .2s,border-color .2s,box-shadow .2s}.copy-btn{background:var(--color-accent-fg);border-color:#0000;color:#fff}.copy-btn:hover{background:var(--color-accent-emphasis);filter:brightness(1.1)}.cancel-btn,.close-btn{background:var(--color-btn-bg);border-color:var(--color-border-default);color:var(--color-fg-default)}.cancel-btn:hover,.close-btn:hover{background:var(--color-btn-hover-bg);border-color:var(--color-border-muted)}.save-btn{background:var(--color-btn-primary-bg);border-color:#0000;color:#fff}.save-btn:hover{background:var(--color-btn-primary-hover-bg)}.edit-form{display:flex;flex-direction:column;gap:16px}.edit-form label{color:var(--color-fg-default);font-size:14px;font-weight:500}.modal-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.login-container{padding:32px 20px}.login-card{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);max-width:380px;padding:40px 36px;width:100%}.login-card-header{margin-bottom:32px;text-align:center}.login-logo{align-items:center;background:var(--color-accent-fg);border-radius:var(--radius-lg);display:inline-flex;font-size:24px;height:48px;justify-content:center;margin-bottom:16px;width:48px}.login-title{color:var(--color-fg-default);font-size:20px;font-weight:600;letter-spacing:-.02em;margin:0 0 6px}.login-subtitle{color:var(--color-fg-muted);font-size:14px;font-weight:400;margin:0}.login-form{gap:20px}.login-form,.login-label{display:flex;flex-direction:column}.login-label{color:var(--color-fg-default);cursor:text;font-size:13px;font-weight:500;gap:8px}.login-label span{letter-spacing:.01em}.login-label input{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--radius);color:var(--color-fg-default);font-family:var(--font-sans);font-size:14px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.login-label input::placeholder{color:var(--color-fg-subtle)}.login-label input:focus{border-color:var(--color-accent-fg);box-shadow:0 0 0 2px #4f46e533;outline:none}body.theme-dark .login-label input:focus{box-shadow:0 0 0 2px #8ab4f840}.login-submit{background:var(--color-btn-primary-bg);border:none;border-radius:var(--radius);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-family:var(--font-sans);font-size:14px;font-weight:500;margin-top:8px;padding:12px 20px;transition:background .2s,box-shadow .2s}body.theme-dark .login-submit{color:#1a1a1a}.login-submit:hover{background:var(--color-btn-primary-hover-bg);box-shadow:var(--shadow-md)}.login-hint{border-top:1px solid var(--color-border-default);color:var(--color-fg-muted);font-size:12px;margin:24px 0 0;padding-top:20px;text-align:center}.stats-modal-content{max-width:1000px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.stats-detail-card{background:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:var(--border-radius);padding:20px;text-align:center;transition:border-color .2s,box-shadow .2s}.stats-detail-card:hover{border-color:var(--color-border-muted);box-shadow:var(--shadow-md)}.stats-detail-value{color:var(--color-accent-fg);font-size:32px;font-weight:600;line-height:1;margin-bottom:4px}.stats-detail-label{color:var(--color-fg-muted);font-size:14px;font-weight:400}.views-chart{background:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:var(--border-radius);margin-top:16px;padding:20px}.views-chart h3{color:var(--color-fg-default);font-size:16px;font-weight:600;margin-bottom:16px}.chart-bar{align-items:flex-end;display:flex;gap:8px;height:180px;justify-content:space-between;margin-top:16px;padding:0 8px}.chart-column{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.chart-item{background:var(--color-accent-fg);border-radius:4px 4px 0 0;cursor:pointer;min-height:10px;position:relative;transition:background-color .2s;width:100%}.chart-item:hover{background:var(--color-accent-emphasis);filter:brightness(1.15)}.chart-label{color:var(--color-fg-muted);font-size:11px;font-weight:400;margin-top:8px;text-align:center}.stat-card{padding:16px}.stat-value{font-size:clamp(24px,5vw,32px)}.video-card{border-radius:var(--border-radius-lg);padding:18px}.video-card-header{gap:8px}.video-meta{gap:12px}.modal{align-items:flex-start;padding:48px 12px 12px}.modal-content{max-height:85vh;padding:20px}@media (max-width:1024px){.admin-container{padding:20px 16px}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.view-logs-table{font-size:12px}.view-logs-table td,.view-logs-table th{padding:6px 8px}.log-item{font-size:12px;grid-template-columns:120px 80px 100px 1fr 80px}}@media (max-width:768px){.admin-container{padding:16px 12px}.header-inner{gap:16px;padding:0 14px}.header-nav button{font-size:12px;padding:8px 12px}.videos-grid{gap:12px;grid-template-columns:1fr}.section-header{align-items:stretch;flex-direction:column;gap:12px}.search-input{min-width:0;width:100%}.stats-bar{gap:12px;grid-template-columns:repeat(3,1fr)}.stat-card{padding:14px}.stats-grid{grid-template-columns:repeat(2,1fr)}.video-actions{flex-direction:column}.action-btn{min-width:100%}.card-item{align-items:stretch;flex-direction:column}.playlist-create-form{padding-bottom:16px}.log-item{gap:4px;grid-template-columns:1fr 1fr}.view-logs-table-wrap{max-height:60vh}}@media (max-width:480px){.header-inner{flex-wrap:wrap;gap:12px;height:auto;min-height:52px;padding:10px 12px}.header-nav{border-top:1px solid var(--color-border-default);margin:0 -4px;order:3;padding-top:4px;width:100%}.header-logout{margin-left:auto}.admin-container{padding:12px 8px}.admin-section,.upload-section,.videos-section{padding:16px}.modal-content{max-height:90vh;padding:16px}.stats-bar{grid-template-columns:1fr}}.admin-app{background:#0000}.admin-header{backdrop-filter:blur(16px) saturate(1.6);-webkit-backdrop-filter:blur(16px) saturate(1.6);background:var(--header-bg);border-bottom:1px solid var(--header-border)}.header-inner{height:66px;max-width:1280px;padding:0 24px}.header-logo{background:none;border-radius:0;filter:drop-shadow(0 6px 12px rgba(79,70,229,.3));height:auto;width:auto}.header-title{display:flex;flex-direction:column;font-size:16px;font-weight:800;line-height:1.1}.header-title small{color:var(--color-fg-subtle);font-size:11.5px;font-weight:500;letter-spacing:0}.header-nav{gap:2px;justify-content:center;padding:4px}.header-nav button{border-radius:999px;font-weight:600;padding:8px 14px}.header-nav button:hover{background:#4f46e50f;color:var(--color-fg-default)}.header-nav button.active{background:var(--color-canvas-default);box-shadow:var(--shadow-md),0 0 0 1px #4f46e51f;color:var(--color-accent-emphasis)}.header-logout{background:var(--color-canvas-default);border-radius:999px;box-shadow:var(--shadow-sm);font-weight:600}.header-logout:hover{background:var(--color-danger-subtle);border-color:#dc26264d;color:var(--color-danger-fg)}.admin-container{max-width:1280px;padding:32px 24px 48px}.admin-section,.upload-section,.videos-section{animation:admin-rise .4s var(--ease-out);border-color:var(--color-border-muted);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:28px}.admin-section h2,.upload-section h2,.videos-section h2{font-size:19px;font-weight:800;letter-spacing:-.02em}@keyframes admin-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.stats-bar{gap:18px}.stat-card{border-color:var(--color-border-muted);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;padding:24px 24px 22px;position:relative;transition:transform .25s var(--ease-out),box-shadow .25s}.stat-card:before{background:var(--color-accent-subtle) no-repeat center /22px;border-radius:14px;content:"";display:block;height:44px;margin-bottom:16px;width:44px}.stat-card:first-child:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234f46e5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2.5'/%3E%3Cpath d='m10 9.5 4.5 2.5-4.5 2.5z' fill='%234f46e5'/%3E%3C/svg%3E")}.stat-card:nth-child(2):before{background-color:var(--color-success-subtle);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E")}.stat-card:nth-child(3):before{background-color:var(--color-attention-subtle);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d97706' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}.stat-card:nth-child(4):before{background-color:var(--color-teal-subtle);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d9488' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.stat-value{color:var(--color-accent-emphasis);font-size:32px;font-weight:800;letter-spacing:-.03em}.admin-section select,.file-input,.login-label input,.search-input,.text-input,.textarea-input,.view-logs-toolbar select{background:var(--color-canvas-subtle);border:1.5px solid var(--color-border-default);border-radius:12px;transition:border-color .15s,box-shadow .15s,background .15s}.admin-section select,.search-input,.text-input,.view-logs-toolbar select{min-height:42px;padding:9px 14px}.search-input:hover,.text-input:hover,.textarea-input:hover{border-color:var(--border-hover)}.admin-section select:focus,.code-textarea:focus,.login-label input:focus,.search-input:focus,.text-input:focus,.textarea-input:focus{background:var(--input-focus-bg);border-color:var(--color-accent-fg);box-shadow:0 0 0 4px var(--color-accent-muted);outline:none}.search-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a91a8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat;background-size:18px;border-radius:999px;padding-left:38px}.file-input{border-style:dashed;padding:8px 10px}.file-input::file-selector-button{background:var(--color-accent-subtle);border:none;border-radius:9px;color:var(--color-accent-emphasis);font-weight:600}.file-input::file-selector-button:hover{background:#4f46e529}input[type=checkbox]{height:16px;width:16px}input[type=checkbox],input[type=range]{accent-color:var(--color-accent-fg)}.action-btn.primary,.copy-btn,.login-submit,.save-btn,.upload-btn{background:var(--gradient-accent);border:none;border-radius:12px;box-shadow:var(--shadow-accent);color:#fff;font-weight:600;transition:box-shadow .2s,transform .12s,filter .15s}.action-btn.primary:hover,.copy-btn:hover,.login-submit:hover,.save-btn:hover,.upload-btn:hover:not(:disabled){background:var(--gradient-accent);box-shadow:0 14px 28px -10px #4f46e5b3;filter:brightness(1.06)}.action-btn:active,.copy-btn:active,.login-submit:active,.save-btn:active,.upload-btn:active{transform:translateY(1px)}.action-btn{background:var(--color-canvas-default);border-color:var(--color-border-default);border-radius:12px;box-shadow:var(--shadow-sm);font-weight:600}.action-btn:hover{background:var(--color-canvas-subtle);border-color:var(--border-hover)}.action-btn.delete{box-shadow:none}.action-btn.delete:hover{background:var(--color-danger-subtle);border-color:#dc262640;color:var(--color-danger-fg)}.cancel-btn,.close-btn{border-radius:12px;font-weight:600}.delete-btn-small{background:var(--color-danger-subtle);border-radius:8px;color:var(--color-danger-fg);font-weight:600;padding:5px 10px}.delete-btn-small:hover{background:var(--color-danger-fg);color:#fff}.videos-grid{gap:20px}.video-card{border-color:var(--color-border-muted);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:22px;position:relative;transition:transform .25s var(--ease-out),box-shadow .25s,border-color .25s}.video-card:before{background:var(--gradient-accent);border-radius:0 0 4px 4px;content:"";height:3px;left:22px;opacity:0;position:absolute;right:22px;top:0;transition:opacity .25s}.video-card:hover{border-color:#4f46e533;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.video-card:hover:before{opacity:1}.video-card-header h3{font-size:16px;font-weight:700}.status-badge{align-items:center;display:inline-flex;font-size:11.5px;font-weight:700;gap:6px;padding:5px 11px}.status-badge:before{background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.status-ready{background:var(--color-success-subtle)}.status-processing{background:var(--color-attention-subtle)}.status-processing:before{animation:admin-blink 1.2s ease-in-out infinite}.status-uploaded{background:var(--color-accent-subtle)}.status-error{background:var(--color-danger-subtle)}@keyframes admin-blink{50%{opacity:.25}}.meta-item{background:var(--color-canvas-subtle);border-radius:8px;font-weight:500;padding:4px 9px}.video-meta{border-bottom-color:var(--color-border-muted)}.processing-progress-bar,.progress-bar{background:var(--color-canvas-inset);border:none;border-radius:8px;height:8px}.processing-progress-fill,.progress-fill{animation:admin-flow 1.6s linear infinite;background:linear-gradient(90deg,#6366f1,#818cf8,#6366f1);background-size:200% 100%}@keyframes admin-flow{to{background-position:-200% 0}}.processing-info,.progress-container{border-color:var(--color-border-muted);border-radius:14px}.card-item{border-color:var(--color-border-muted);border-radius:16px;transition:transform .2s var(--ease-out),box-shadow .2s,border-color .2s}.card-item:hover{border-color:#4f46e52e;box-shadow:var(--shadow-md)}.card-item strong{font-weight:700}.badge-list{border-radius:999px;font-weight:600}.view-logs-table-wrap{border:1px solid var(--color-border-muted);border-radius:16px}.view-logs-table th{background:var(--table-head-bg);color:var(--color-fg-muted);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase}.view-logs-table td,.view-logs-table th{border-bottom-color:var(--color-border-muted)}.view-logs-table tbody tr:hover{background:var(--color-accent-subtle)}.modal{animation:admin-fade .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#1b203661}.modal-content{animation:admin-pop .3s var(--ease-out);border-color:var(--color-border-muted);border-radius:28px;box-shadow:0 40px 80px -24px #1b203659}.modal-content h2{font-weight:800;letter-spacing:-.02em}.code-block,.code-textarea{background:var(--table-head-bg);border-color:var(--color-border-muted);border-radius:14px}@keyframes admin-fade{0%{opacity:0}to{opacity:1}}@keyframes admin-pop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.stats-detail-card{border-radius:18px}.chart-bar{background:var(--gradient-accent);border-radius:6px 6px 2px 2px}.login-container{background:radial-gradient(800px 400px at 85% 0,#6366f124,#0000 60%),radial-gradient(600px 400px at 0 100%,#0d948814,#0000 60%)}.login-card{animation:admin-pop .45s var(--ease-out);border-color:var(--color-border-muted);border-radius:28px;box-shadow:var(--shadow-lg)}.login-logo{background:none;filter:drop-shadow(0 10px 18px rgba(79,70,229,.35));height:auto;width:auto}.login-title{font-size:24px;font-weight:800;letter-spacing:-.03em}.login-label input{padding:13px 14px}.login-submit{font-size:15px;padding:14px 20px}@media (max-width:768px){.header-inner{gap:12px;padding:0 14px}.header-title small{display:none}.header-nav{justify-content:flex-start}.admin-container{padding:20px 14px 36px}.admin-section,.upload-section,.videos-section{border-radius:22px;padding:20px}}header.admin-header{box-shadow:none;display:block;padding:0}.upload-form .text-input,.upload-form .textarea-input{width:100%}.toast-list{display:flex;flex-direction:column;gap:10px;max-width:min(380px,calc(100vw - 40px));pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.toast-list>*{pointer-events:auto}.toast{align-items:center;animation:toast-in .28s ease-out;background:#fff;background:var(--color-canvas-default,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border-default,#e0e0e0);border-radius:12px;border-radius:var(--radius,12px);box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-lg,0 4px 16px #00000026);color:#202124;color:var(--color-fg-default,#202124);display:flex;font-family:inherit;font-family:var(--font-sans,inherit);font-size:14px;gap:12px;line-height:1.45;padding:14px 18px}@keyframes toast-in{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}.toast-text{flex:1 1}.toast-close{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm,8px);color:#5f6368;color:var(--color-fg-muted,#5f6368);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:28px;justify-content:center;line-height:1;padding:0;transition:color .15s,background .15s;width:28px}.toast-close:hover{background:#f5f5f5;background:var(--color-canvas-subtle,#f5f5f5);color:var(--color-fg-default)}.toast-success{border-left:4px solid #1e8e3e;border-left:4px solid var(--color-success-fg,#1e8e3e)}.toast-error{border-left:4px solid #d93025;border-left:4px solid var(--color-danger-fg,#d93025)}.toast-info{border-left:4px solid #1a73e8;border-left:4px solid var(--color-accent-fg,#1a73e8)}@media (max-width:480px){.toast-list{left:16px;max-width:none;right:16px;top:16px}}.app{background:var(--color-canvas-subtle);min-height:100vh}header{align-items:center;background:var(--color-canvas-default);border-bottom:1px solid var(--color-border-default);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:16px 32px}header,header h1{color:var(--color-fg-default)}header h1{font-size:20px;font-weight:600;margin:0}header button{background:var(--color-btn-danger-bg);border:1px solid #0000;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:5px 16px;transition:background-color .2s}header button:hover{background:var(--color-btn-danger-hover-bg)}.container{margin:0 auto;max-width:1280px;padding:32px}.upload-section{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius);margin-bottom:24px;padding:24px}.upload-section h2{color:var(--color-fg-default);font-size:20px;font-weight:600;margin-bottom:16px}.upload-section form{display:flex;flex-direction:column;gap:16px}.upload-section input[type=file],.upload-section input[type=text],.upload-section textarea{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius);color:var(--color-fg-default);font-family:var(--font-sans);font-size:14px;padding:5px 12px;transition:border-color .2s}.upload-section input:focus,.upload-section textarea:focus{border-color:var(--color-accent-fg);box-shadow:0 0 0 3px #4f46e51f;outline:none}.upload-section textarea{min-height:100px;resize:vertical}.upload-section button{align-self:flex-start;background:var(--color-btn-primary-bg);border:1px solid #0000;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:5px 16px;transition:background-color .2s}.upload-section button:hover:not(:disabled){background:var(--color-btn-primary-hover-bg)}.upload-section button:disabled{cursor:not-allowed;opacity:.6}.videos-section h2{color:var(--color-fg-default);font-size:20px;font-weight:600;margin-bottom:16px}.videos-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.video-card{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius);padding:16px;transition:border-color .2s,box-shadow .2s}.video-card:hover{border-color:var(--color-border-muted);box-shadow:var(--shadow-md)}.video-card h3{color:var(--color-fg-default);font-size:16px;font-weight:600;margin-bottom:8px}.video-card .status{color:var(--color-fg-muted);font-size:12px;margin:8px 0}.video-card .views{color:var(--color-accent-fg);font-size:12px;margin:8px 0}.video-card .duration{color:var(--color-success-fg);font-size:12px;margin:8px 0}.video-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.video-actions button{background:var(--color-btn-bg);border:1px solid var(--color-border-default);border-radius:var(--border-radius);color:var(--color-fg-default);cursor:pointer;flex:1 1;font-size:12px;font-weight:500;min-width:100px;padding:5px 16px;transition:background-color .2s,border-color .2s}.video-actions button:first-child{background:var(--color-accent-fg);border-color:#0000;color:#fff}.video-actions button:first-child:hover{background:#4338ca}.video-actions button:hover{background:var(--color-btn-hover-bg);border-color:var(--color-border-muted)}.video-actions button.delete{background:var(--color-btn-bg);border-color:var(--color-border-default);color:var(--color-danger-fg)}.video-actions button.delete:hover{background:var(--color-btn-danger-bg);border-color:#0000;color:#fff}.modal{align-items:center;background:#1b1f2480;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-height:80vh;max-width:600px;overflow-y:auto;padding:24px;width:100%}.modal-content h2{color:var(--color-fg-default);font-size:20px;font-weight:600;margin-bottom:16px}.modal-content p{color:var(--color-fg-muted);font-size:14px;margin:16px 0 8px}.modal-content code{background:var(--color-canvas-subtle);border-radius:var(--border-radius);display:block;padding:12px;word-break:break-all}.modal-content code,.modal-content textarea{border:1px solid var(--color-border-default);color:var(--color-fg-default);font-family:var(--font-mono);font-size:12px;margin-bottom:16px}.modal-content textarea{background:var(--color-canvas-default);border-radius:var(--border-radius);min-height:200px;padding:8px 12px;resize:vertical;width:100%}.modal-content textarea:focus{border-color:var(--color-accent-fg);box-shadow:0 0 0 3px #4f46e51f;outline:none}.modal-content button{background:var(--color-accent-fg);border:1px solid #0000;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-right:8px;padding:5px 16px;transition:background-color .2s}.modal-content button:hover{background:#4338ca}.login-container{align-items:center;background:var(--color-canvas-subtle);display:flex;justify-content:center;min-height:100vh}.login-box{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:400px;padding:32px;width:100%}.login-box h1{color:var(--color-fg-default);font-size:24px;font-weight:300;letter-spacing:-.5px;margin-bottom:8px;text-align:center}.login-box h2{color:var(--color-fg-muted);font-size:20px;font-weight:400;margin-bottom:24px;text-align:center}.login-box form{display:flex;flex-direction:column;gap:16px}.login-box input{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius);color:var(--color-fg-default);font-family:var(--font-sans);font-size:14px;padding:5px 12px;transition:border-color .2s}.login-box input:focus{border-color:var(--color-accent-fg);box-shadow:0 0 0 3px #4f46e51f;outline:none}.login-box button{background:var(--color-btn-primary-bg);border:1px solid #0000;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:8px;padding:5px 16px;transition:background-color .2s}.login-box button:hover{background:var(--color-btn-primary-hover-bg)}.default-credentials{color:var(--color-fg-muted);font-size:12px;margin-top:16px;text-align:center}
/*# sourceMappingURL=main.7cb87d1a.css.map*/