:root{--text:#88858b;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#88858b;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:100%;max-width:none;min-height:100svh;margin:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}@layer base{@scope(.media-skin){:scope,*,:before,:after{box-sizing:border-box}button{font:inherit;color:inherit;text-transform:none;letter-spacing:inherit;appearance:none;background:0 0;margin:0}img,svg,media-icon{max-width:100%;margin:0;display:block}svg[fill=currentColor]{fill:currentColor}svg[fill=none]{fill:none}svg[stroke=currentColor]{stroke:currentColor}video{border-radius:inherit;object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);width:100%;max-width:100%;height:100%;margin:0;display:block}media-icon>svg{width:100%;height:100%}media-tooltip-group,media-dialog,media-alert-dialog,media-error-dialog,media-controls{display:contents}[hidden][hidden]{display:none!important}}@media (prefers-reduced-motion:no-preference){.media-skin{interpolate-size:allow-keywords}}}@layer components{@scope(.media-skin){:scope{--media-caption-track-duration:var(--media-duration-controls);--media-caption-track-delay:25ms;--media-caption-track-y:calc(var(--media-spacing) * -2)}video::-webkit-media-text-track-container{z-index:20;scale:.98;translate:0 var(--media-caption-track-y);transition:translate var(--media-caption-track-duration) ease-out;transition-delay:var(--media-caption-track-delay);font-family:inherit}:scope[data-controls-visible]{--media-caption-track-y:var(--media-caption-controls-y)}@container media-root (width>=42rem){:scope[data-theme=minimal][data-controls-visible] video{--media-caption-track-y:calc(var(--media-spacing) * -12)}}}@scope(.media-skin[data-theme=default][data-preset=video]){.media-buffering-indicator{pointer-events:none;inset:calc(var(--media-spacing) * 0);color:var(--media-controls-foreground);place-content:center;display:none;position:absolute}.media-buffering-indicator:not([data-visible]){--media-spinner-animation:none}.media-buffering-indicator:before{inset:calc(var(--media-spacing) * 0);background-color:var(--media-backdrop);content:"";-webkit-backdrop-filter:var(--media-backdrop-filter-indicator);backdrop-filter:var(--media-backdrop-filter-indicator);position:absolute}@supports (color:color-mix(in lab, red, red)){.media-buffering-indicator:before{background-color:color-mix(in oklab, var(--media-backdrop) 35%, transparent)}}.media-buffering-indicator[data-visible]{display:grid}.media-buffering-indicator-spinner-icon{z-index:30;width:var(--media-icon-size,calc(var(--media-spacing) * 4.5));height:var(--media-icon-size,calc(var(--media-spacing) * 4.5));filter:drop-shadow(0 1px 0 var(--media-shadow-current-color));position:relative}}@scope(.media-skin[data-theme=default][data-preset=video]){.media-button{width:var(--media-control-size);height:var(--media-control-size);min-height:calc(var(--media-spacing) * 0);cursor:pointer;touch-action:manipulation;border-radius:var(--media-control-radius);padding:calc(var(--media-spacing) * 0);text-align:center;color:inherit;outline-offset:-2px;transition-property:background-color,color,outline-offset,scale;transition-duration:var(--media-duration);will-change:scale;-webkit-user-select:none;user-select:none;corner-shape:var(--media-control-corner-shape);text-shadow:inherit;background-color:#0000;border-style:solid;border-width:0;outline:2px solid #0000;flex-shrink:0;place-items:center;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}.media-button:focus-visible{outline-offset:2px;outline-color:var(--media-ring)}.media-button:not([aria-disabled=true]):active{scale:.97}.media-button[aria-disabled=true]{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:reduce){.media-button{will-change:auto;transition-property:background-color,color;scale:1}}.media-button:where(:focus-visible,[aria-expanded=true],[data-highlighted]):where(:not([aria-disabled=true])){background-color:var(--media-accent);color:var(--media-accent-foreground)}@media (hover:hover){.media-button:hover:where(:not([aria-disabled=true])){background-color:var(--media-accent);color:var(--media-accent-foreground)}}}@scope(.media-skin[data-theme=default][data-preset=video]){.media-dialog-actions{gap:calc(var(--media-spacing) * 2);flex-shrink:0;display:flex}.media-dialog-backdrop{inset:calc(var(--media-spacing) * 0);z-index:40;background-color:var(--media-backdrop);opacity:1;-webkit-backdrop-filter:var(--media-backdrop-filter-dialog);backdrop-filter:var(--media-backdrop-filter-dialog);transition-property:opacity;transition-duration:.15s;transition-delay:var(--media-delay-dialog);transition-duration:var(--media-duration-dialog);transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute}@supports (color:color-mix(in lab, red, red)){.media-dialog-backdrop{background-color:color-mix(in oklab, var(--media-backdrop) 20%, transparent)}}.media-dialog-backdrop:not([data-open]){display:none}.media-dialog-backdrop[data-ending-style]{transition-delay:0s;transition-duration:var(--media-duration-slower)}.media-dialog-backdrop:is([data-starting-style],[data-ending-style]){opacity:0}.media-dialog-close{height:var(--media-control-size);width:100%;padding-inline:calc(var(--media-spacing) * 4);padding-block:calc(var(--media-spacing) * 2);flex:1;font-weight:500;background-color:var(--media-primary)!important;color:var(--media-primary-foreground)!important}.media-dialog-content{min-height:calc(var(--media-spacing) * 0);gap:calc(var(--media-spacing) * 2);padding-inline:calc(var(--media-spacing) * 2);padding-top:calc(var(--media-spacing) * 2);padding-bottom:calc(var(--media-spacing) * 1.5);flex-direction:column;display:flex;overflow-y:auto}.media-dialog-description{margin:calc(var(--media-spacing) * 0);overflow-wrap:anywhere;opacity:.7}.media-dialog-popup{z-index:50;max-height:calc(100% - .5rem);width:var(--media-dialog-width);max-width:var(--media-dialog-max-width);gap:calc(var(--media-spacing) * 3);border-radius:var(--media-dialog-radius);background-color:var(--media-popover);padding:calc(var(--media-spacing) * 3);color:var(--media-popover-foreground);box-shadow:0 0 0 1px var(--media-surface-border,var(--media-border)), var(--media-shadow-surface);-webkit-backdrop-filter:var(--media-backdrop-filter-surface);backdrop-filter:var(--media-backdrop-filter-surface);transition-property:opacity,scale;transition-duration:.15s;transition-delay:var(--media-delay-dialog);transition-duration:var(--media-duration-dialog);text-shadow:var(--media-text-shadow-dialog);outline-style:none;flex-direction:column;transition-timing-function:cubic-bezier(0,0,.2,1);display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}@media (forced-colors:active){.media-dialog-popup{outline-offset:2px;outline:2px solid #0000}}.media-dialog-popup:not([data-open]){display:none}.media-dialog-popup:after{content:"";z-index:10;pointer-events:none;border-radius:inherit;box-shadow:var(--media-shadow-surface-inset);position:absolute;inset:0}.media-dialog-popup[data-ending-style]{transition-delay:0s;transition-duration:var(--media-duration-slower)}.media-dialog-popup:is([data-starting-style],[data-ending-style]){scale:var(--media-hidden-popup-scale) var(--media-hidden-popup-scale);opacity:0}.media-dialog-title{margin:calc(var(--media-spacing) * 0);font-size:calc(var(--media-spacing) * 3.75);font-weight:600;line-height:1.25}}@scope(.media-skin[data-theme=default][data-preset=video]){.media-container,:scope.media-container{isolation:isolate;border-radius:var(--media-video-border-radius);background-color:var(--media-background);width:100%;height:100%;font-family:var(--media-font-family,"Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif);font-size:calc(var(--media-spacing) * 3.25);-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;outline-offset:-4px;transition-property:outline-offset,outline-color;transition-duration:.15s;transition-duration:var(--media-duration-fast);--spacing:var(--media-spacing);outline:2px solid #0000;line-height:1.5;transition-timing-function:cubic-bezier(0,0,.2,1);display:block;position:relative;overflow:clip;container:media-root/size}.media-container:after,:scope.media-container:after{pointer-events:none;inset:calc(var(--media-spacing) * 0);z-index:10;border-radius:inherit;content:"";box-shadow:0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, inset 0 0 0 1px var(--media-frame-border);position:absolute}.media-container:focus-visible,:scope.media-container:focus-visible{outline-offset:2px;outline-color:var(--media-ring)}.media-container:fullscreen:after{content:"";display:none}:scope.media-container:fullscreen:after{content:"";display:none}}@scope(.media-skin[data-theme=default][data-preset=video]){.media-poster{pointer-events:none;border-radius:inherit;width:100%;height:100%;transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--media-duration-slower);position:absolute;inset:0}.media-poster:not([data-visible]){opacity:0}.media-poster-image{border-radius:inherit;object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);width:100%;height:100%;position:absolute;inset:0}.media-poster-image:not([src]):not([srcset]){visibility:hidden}}:where(.media-skin[data-theme=default][data-preset=video]) .media-poster{pointer-events:none;border-radius:inherit;width:100%;height:100%;transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--media-duration-slower);position:absolute;inset:0}:where(.media-skin[data-theme=default][data-preset=video]) .media-poster:not([data-visible]){opacity:0}:where(.media-skin[data-theme=default][data-preset=video]) .media-poster-image{border-radius:inherit;object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);width:100%;height:100%;position:absolute;inset:0}:where(.media-skin[data-theme=default][data-preset=video]) .media-poster-image:not([src]):not([srcset]){visibility:hidden}@scope(.media-skin[data-theme=default][data-preset=video]){.media-seek-indicator{place-content:center;gap:calc(var(--media-spacing) * 1);padding:calc(var(--media-spacing) * 4);text-align:center;grid-row-start:1;grid-column-start:2;display:grid}.media-seek-indicator[data-direction=backward]{grid-column-start:1;justify-self:flex-start}.media-seek-indicator[data-direction=forward]{grid-column-start:3;justify-self:flex-end}@container media-root (width>=42rem){.media-seek-indicator{padding:calc(var(--media-spacing) * 6)}}.media-seek-indicator-icon{width:calc(var(--media-icon-size,calc(var(--media-spacing) * 4.5)) * 1.5);height:calc(var(--media-icon-size,calc(var(--media-spacing) * 4.5)) * 1.5);transition-property:translate,opacity;transition-duration:.15s;transition-duration:var(--media-duration-slow);transition-timing-function:cubic-bezier(.4,0,.2,1);display:none}@scope(.media-seek-indicator){:scope[data-direction] .media-seek-indicator-icon{display:block}}@scope(.media-seek-indicator){:scope[data-direction=backward] .media-seek-indicator-icon{scale:-1 1}}@scope(.media-seek-indicator){:scope[data-direction=backward][data-starting-style] .media-seek-indicator-icon{translate:var(--media-hidden-seek-offset) 0}}@scope(.media-seek-indicator){:scope[data-direction=forward][data-starting-style] .media-seek-indicator-icon{translate:calc(var(--media-hidden-seek-offset) * -1) 0}}@scope(.media-seek-indicator){:scope:is([data-starting-style],[data-ending-style]) .media-seek-indicator-icon{opacity:0}}.media-seek-indicator-value{font-variant-numeric:tabular-nums}}@scope(.media-skin[data-theme=default][data-preset=video]){.media-status-announcer{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@scope(.media-skin[data-theme=default][data-preset=video]){.media-indicator{pointer-events:none;top:calc(var(--media-spacing) * 3);transform-origin:top;border-radius:var(--media-control-radius);background-color:var(--media-backdrop);color:var(--media-popover-foreground);box-shadow:0 0 0 1px var(--media-surface-border,var(--media-border)), var(--media-shadow-surface);-webkit-backdrop-filter:var(--media-backdrop-filter-surface);backdrop-filter:var(--media-backdrop-filter-surface);transition-duration:var(--media-duration-fast);font-weight:500;transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute}@supports (color:color-mix(in lab, red, red)){.media-indicator{background-color:color-mix(in oklab, var(--media-backdrop) 25%, transparent)}}.media-indicator:after{content:"";z-index:10;pointer-events:none;border-radius:inherit;box-shadow:var(--media-shadow-surface-inset);position:absolute;inset:0}.media-indicator[data-ending-style]{translate:0 var(--media-hidden-indicator-offset)}@media (pointer:coarse){.media-indicator{will-change:scale, translate, opacity;transition-property:scale,translate,opacity}}@media (pointer:fine){.media-indicator{will-change:scale, translate, filter, opacity;transition-property:scale,translate,filter,opacity}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.media-indicator{background-color:var(--media-background)}}.media-indicator:is([data-starting-style],[data-ending-style]){opacity:0;transition-duration:var(--media-duration-indicator);transition-timing-function:cubic-bezier(.4,0,1,1)}@media (pointer:fine){.media-indicator:is([data-starting-style],[data-ending-style]){scale:var(--media-hidden-indicator-scale) var(--media-hidden-indicator-scale);filter:blur(var(--media-hidden-blur))}}.media-indicator-content{justify-content:space-between;align-items:center;gap:calc(var(--media-spacing) * 2);padding-inline:calc(var(--media-spacing) * 2.5);padding-block:calc(var(--media-spacing) * 1)}.media-playback-status-indicator{background-color:var(--media-backdrop);padding:calc(var(--media-spacing) * 4);text-align:center;-webkit-backdrop-filter:var(--media-backdrop-filter-indicator);backdrop-filter:var(--media-backdrop-filter-indicator);transition-property:opacity,scale;transition-duration:.15s;transition-duration:var(--media-duration-slow);border-radius:9999px;grid-row-start:1;grid-column-start:2;place-content:center;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}@supports (color:color-mix(in lab, red, red)){.media-playback-status-indicator{background-color:color-mix(in oklab, var(--media-backdrop) 35%, transparent)}}.media-playback-status-indicator[data-ending-style]{transition-duration:var(--media-duration-fast);transition-timing-function:cubic-bezier(.4,0,1,1)}.media-playback-status-indicator:is([data-starting-style],[data-ending-style]){scale:var(--media-hidden-playback-scale) var(--media-hidden-playback-scale);opacity:0}.media-playback-status-indicator-pause-icon{width:calc(var(--media-icon-size,calc(var(--media-spacing) * 4.5)) * 1.5);height:calc(var(--media-icon-size,calc(var(--media-spacing) * 4.5)) * 1.5);scale:var(--media-hidden-icon-scale) var(--media-hidden-icon-scale);opacity:0;transition-property:opacity,scale;transition-duration:.15s;transition-duration:var(--media-duration);grid-row-start:1;grid-column-start:1;transition-timing-function:cubic-bezier(0,0,.2,1)}@scope(.media-playback-status-indicator){:scope[data-status=pause] .media-playback-status-indicator-pause-icon{opacity:1;scale:1}}.media-playback-status-indicator-play-icon{width:calc(var(--media-icon-size,calc(var(--media-spacing) * 4.5)) * 1.5);height:calc(var(--media-icon-size,calc(var(--media-spacing) * 4.5)) * 1.5);scale:var(--media-hidden-icon-scale) var(--media-hidden-icon-scale);opacity:0;transition-property:opacity,scale;transition-duration:.15s;transition-duration:var(--media-duration);grid-row-start:1;grid-column-start:1;transition-timing-function:cubic-bezier(0,0,.2,1)}@scope(.media-playback-status-indicator){:scope[data-status=play] .media-playback-status-indicator-play-icon{opacity:1;translate:1px;scale:1}}.media-status-indicator-captions-off-icon{mix-blend-mode:difference;flex-shrink:0;display:none}@scope(.media-status-indicator){:scope[data-status=captions-off] .media-status-indicator-captions-off-icon{display:block}}.media-status-indicator-captions-on-icon{mix-blend-mode:difference;flex-shrink:0;display:none}@scope(.media-status-indicator){:scope[data-status=captions-on] .media-status-indicator-captions-on-icon{display:block}}.media-status-indicator-content{width:100%;display:flex}.media-status-indicator-fullscreen-enter-icon{mix-blend-mode:difference;flex-shrink:0;display:none}@scope(.media-status-indicator){:scope[data-status=fullscreen] .media-status-indicator-fullscreen-enter-icon{display:block}}.media-status-indicator-fullscreen-exit-icon{mix-blend-mode:difference;flex-shrink:0;display:none}@scope(.media-status-indicator){:scope[data-status=exit-fullscreen] .media-status-indicator-fullscreen-exit-icon{display:block}}.media-status-indicator-pip-enter-icon{mix-blend-mode:difference;flex-shrink:0;display:none}@scope(.media-status-indicator){:scope[data-status=pip] .media-status-indicator-pip-enter-icon{display:block}}.media-status-indicator-pip-exit-icon{mix-blend-mode:difference;flex-shrink:0;display:none}@scope(.media-status-indicator){:scope[data-status=exit-pip] .media-status-indicator-pip-exit-icon{display:block}}.media-status-indicator-value{mix-blend-mode:difference;margin-left:auto}}@scope(.media-skin[data-theme=default][data-preset=video]){.media-volume-indicator{width:min(80%,12rem);transform:translate(0)}@media (prefers-reduced-motion:no-preference){.media-volume-indicator:is([data-min],[data-max]):not([data-starting-style],[data-ending-style]){transition:transform .3s linear(0, -24 20%, 16 40%, -8 60%, 4 80%, 1);transform:translate(.25px)}}.media-volume-indicator-fill{border-radius:inherit;background-image:linear-gradient(currentColor,currentColor);background-size:var(--media-volume-fill,0%) 100%;width:100%;transition-property:background-size;transition-duration:.15s;transition-duration:var(--media-duration-slow);background-position:0;background-repeat:no-repeat;transition-timing-function:linear;display:flex}.media-volume-indicator-high-icon{mix-blend-mode:difference;flex-shrink:0;display:none}@scope(.media-volume-indicator){:scope[data-level=high] .media-volume-indicator-high-icon{display:block}}.media-volume-indicator-low-icon{mix-blend-mode:difference;flex-shrink:0;display:none}@scope(.media-volume-indicator){:scope[data-level=low] .media-volume-indicator-low-icon{display:block}}.media-volume-indicator-off-icon{mix-blend-mode:difference;flex-shrink:0;display:none}@scope(.media-volume-indicator){:scope[data-level=off] .media-volume-indicator-off-icon{display:block}}.media-volume-indicator-value{mix-blend-mode:difference;margin-left:auto}}@scope(.media-skin[data-theme=default][data-preset=video]){.video-status-indicators{pointer-events:none;inset:calc(var(--media-spacing) * 0);color:var(--media-controls-foreground);grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;display:grid;position:absolute}}@scope(.media-skin[data-theme=default][data-preset=video]){.media-airplay-button:not([data-airplay-state=connected]){--media-icon-airplay-fill-animation:none;--media-icon-airplay-triangle-animation:none}.media-airplay-button-enter-icon{opacity:0}@scope(.media-airplay-button){:scope:not([data-airplay-state=connected]) .media-airplay-button-enter-icon{opacity:1;scale:1}}.media-airplay-button-exit-icon{opacity:0}@scope(.media-airplay-button){:scope[data-airplay-state=connected] .media-airplay-button-exit-icon{opacity:1;scale:1}}.media-button-icon{width:var(--media-icon-size,calc(var(--media-spacing) * 4.5));height:var(--media-icon-size,calc(var(--media-spacing) * 4.5));filter:drop-shadow(0 1px 0 var(--media-shadow-current-color));transition-property:opacity,scale;transition-duration:.15s;transition-duration:var(--media-duration);grid-row-start:1;grid-column-start:1;transition-timing-function:cubic-bezier(0,0,.2,1)}}@scope(.media-skin[data-theme=default][data-preset=video]){.media-popup{margin:calc(var(--media-spacing) * 0);color:inherit;border-style:solid;border-width:0;overflow:visible}.media-popup[data-ending-style]{transform:none}.media-popup[data-starting-style]{transform:translate(var(--media-popup-translate-x-distance,0), var(--media-popup-translate-y-distance,0))}.media-popup[data-side=bottom]{transform-origin:top;--media-popup-translate-y-distance:calc(var(--media-popup-translate-distance) * -1)}.media-popup[data-side=left]{transform-origin:100%;--media-popup-translate-x-distance:var(--media-popup-translate-distance)}.media-popup[data-side=right]{transform-origin:0;--media-popup-translate-x-distance:calc(var(--media-popup-translate-distance) * -1)}.media-popup[data-side=top]{transform-origin:bottom;--media-popup-translate-y-distance:var(--media-popup-translate-distance)}.media-popup:is([data-starting-style],[data-ending-style]){scale:var(--media-hidden-popup-scale) var(--media-hidden-popup-scale);opacity:0;filter:blur(var(--media-hidden-popup-blur))}.media-popup-safe-area:before{pointer-events:auto;content:"";position:absolute}.media-popup-safe-area[data-side=bottom]:before{inset-inline:calc(var(--media-spacing) * 0);content:"";height:var(--media-popup-side-offset);bottom:100%}.media-popup-safe-area[data-side=left]:before{inset-block:calc(var(--media-spacing) * 0);content:"";width:var(--media-popup-side-offset);left:100%}.media-popup-safe-area[data-side=right]:before{inset-block:calc(var(--media-spacing) * 0);content:"";width:var(--media-popup-side-offset);right:100%}.media-popup-safe-area[data-side=top]:before{inset-inline:calc(var(--media-spacing) * 0);content:"";height:var(--media-popup-side-offset);top:100%}.media-popup-surface{background-color:var(--media-popover);color:var(--media-popover-foreground);box-shadow:0 0 0 1px var(--media-surface-border,var(--media-border)), var(--media-shadow-surface);-webkit-backdrop-filter:var(--media-backdrop-filter-surface);backdrop-filter:var(--media-backdrop-filter-surface)}.media-popup-surface:after{content:"";z-index:10;pointer-events:none;border-radius:inherit;box-shadow:var(--media-shadow-surface-inset);position:absolute;inset:0}.media-popup-transition{transition-property:opacity,filter,transform,scale;transition-duration:var(--media-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1)}.media-popup-transition[data-ending-style]{transition-duration:var(--media-duration-instant)}.media-tooltip{border-radius:var(--media-control-radius);padding-inline:calc(var(--media-spacing) * 2.5);padding-block:calc(var(--media-spacing) * 1);font-size:calc(var(--media-spacing) * 3.25);white-space:nowrap;--media-popup-side-offset:var(--media-tooltip-side-offset)}.media-tooltip[data-open]{align-items:center;gap:calc(var(--media-spacing) * 1);display:flex}.media-tooltip-shortcut{border-radius:calc(var(--media-spacing) * 1);background-color:var(--media-muted);text-align:center;min-width:1.5em;font-family:inherit;font-size:calc(var(--media-spacing) * 2.75);padding:.1em;font-weight:600;line-height:1.25}}:where(.media-skin[data-theme=default][data-preset=video]) .media-popup-surface{background-color:var(--media-popover);color:var(--media-popover-foreground);box-shadow:0 0 0 1px var(--media-surface-border,var(--media-border)), var(--media-shadow-surface);-webkit-backdrop-filter:var(--media-backdrop-filter-surface);backdrop-filter:var(--media-backdrop-filter-surface)}:where(.media-skin[data-theme=default][data-preset=video]) .media-popup-surface:after{content:"";z-index:10;pointer-events:none;border-radius:inherit;box-shadow:var(--media-shadow-surface-inset);position:absolute;inset:0}@scope(.media-skin[data-theme=default][data-preset=video]){.media-captions-button-off-icon{opacity:0}@scope(.media-captions-button){:scope:not([data-active]) .media-captions-button-off-icon{opacity:1;scale:1}}.media-captions-button-on-icon{opacity:0}@scope(.media-captions-button){:scope[data-active] .media-captions-button-on-icon{opacity:1;scale:1}}}@scope(.media-skin[data-theme=default][data-preset=video]){.media-cast-button-enter-icon{opacity:0}@scope(.media-cast-button){:scope:not([data-cast-state=connected]) .media-cast-button-enter-icon{opacity:1;scale:1}}.media-cast-button-exit-icon{opacity:0}@scope(.media-cast-button){:scope[data-cast-state=connected] .media-cast-button-exit-icon{opacity:1;scale:1}}}@scope(.media-skin[data-theme=default][data-preset=video]){.media-fullscreen-button-enter-icon{opacity:0}@scope(.media-fullscreen-button){:scope:not([data-fullscreen]) .media-fullscreen-button-enter-icon{opacity:1;scale:1}}.media-fullscreen-button-exit-icon{opacity:0}@scope(.media-fullscreen-button){:scope[data-fullscreen] .media-fullscreen-button-exit-icon{opacity:1;scale:1}}}@scope(.media-skin[data-theme=default][data-preset=video]){.media-pip-button-enter-icon{opacity:0}@scope(.media-pip-button){:scope:not([data-pip]) .media-pip-button-enter-icon{opacity:1;scale:1}}.media-pip-button-exit-icon{opacity:0}@scope(.media-pip-button){:scope[data-pip] .media-pip-button-exit-icon{opacity:1;scale:1}}}@scope(.media-skin[data-theme=default][data-preset=video]){.media-play-button-pause-icon{scale:var(--media-hidden-icon-scale) var(--media-hidden-icon-scale);opacity:0}@scope(.media-play-button){:scope[data-started]:not([data-paused]):not([data-ended]) .media-play-button-pause-icon{opacity:1;scale:1}}.media-play-button-play-icon{scale:var(--media-hidden-icon-scale) var(--media-hidden-icon-scale);opacity:0}@scope(.media-play-button){:scope:not([data-ended]):not([data-started]) .media-play-button-play-icon,:scope:not([data-ended])[data-paused] .media-play-button-play-icon{opacity:1;scale:1}}.media-play-button-restart-icon{scale:var(--media-hidden-icon-scale) var(--media-hidden-icon-scale);opacity:0}@scope(.media-play-button){:scope[data-ended] .media-play-button-restart-icon{opacity:1;scale:1}}}@scope(.media-skin[data-theme=default][data-preset=video]){.media-mute-button-high-icon{opacity:0}@scope(.media-mute-button){:scope:not([data-muted]):not([data-volume-level=low]) .media-mute-button-high-icon{opacity:1;scale:1}}.media-mute-button-low-icon{opacity:0}@scope(.media-mute-button){:scope:not([data-muted])[data-volume-level=low] .media-mute-button-low-icon{opacity:1;scale:1}}.media-mute-button-off-icon{opacity:0}@scope(.media-mute-button){:scope[data-muted] .media-mute-button-off-icon{opacity:1;scale:1}}}@scope(.media-skin[data-theme=default][data-preset=video]){.media-slider-buffer{pointer-events:none;border-radius:inherit;transition-property:clip-path;transition-duration:.15s;transition-duration:var(--media-duration-slider);background-color:currentColor;transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute}@supports (color:color-mix(in lab, red, red)){.media-slider-buffer{background-color:color-mix(in oklab, currentcolor 20%, transparent)}}@scope(.media-slider){:scope:focus-within .media-slider-buffer,:scope[data-dragging] .media-slider-buffer,:scope[data-seeking] .media-slider-buffer{transition-duration:0s}}.media-slider-buffer[data-orientation=horizontal]{inset-block:calc(var(--media-spacing) * 0);left:calc(var(--media-spacing) * 0);width:100%;clip-path:inset(0 calc(100% - var(--media-slider-buffer)) 0 0 round var(--media-control-radius))}.media-slider-buffer[data-orientation=vertical]{inset-inline:calc(var(--media-spacing) * 0);bottom:calc(var(--media-spacing) * 0);height:100%;clip-path:inset(calc(100% - var(--media-slider-buffer)) 0 0 0 round var(--media-control-radius))}.media-slider-fill{pointer-events:none;border-radius:inherit;background-color:var(--media-primary);transition-property:clip-path;transition-duration:.15s;transition-duration:var(--media-duration-slider);transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute}@scope(.media-slider){:scope:focus-within .media-slider-fill,:scope[data-dragging] .media-slider-fill,:scope[data-seeking] .media-slider-fill{transition-duration:0s}}.media-slider-fill[data-orientation=horizontal]{inset-block:calc(var(--media-spacing) * 0);left:calc(var(--media-spacing) * 0);width:100%;clip-path:inset(0 calc(100% - var(--media-slider-fill)) 0 0 round var(--media-control-radius))}@scope(.media-slider){:scope[data-dragging] .media-slider-fill[data-orientation=horizontal]{clip-path:inset(0 calc(100% - var(--media-slider-pointer)) 0 0 round var(--media-control-radius))}}.media-slider-fill[data-orientation=vertical]{inset-inline:calc(var(--media-spacing) * 0);bottom:calc(var(--media-spacing) * 0);height:100%;clip-path:inset(calc(100% - var(--media-slider-fill)) 0 0 0 round var(--media-control-radius))}@scope(.media-slider){:scope[data-dragging] .media-slider-fill[data-orientation=vertical]{clip-path:inset(calc(100% - var(--media-slider-pointer)) 0 0 0 round var(--media-control-radius))}}.media-slider-thumb{top:50%;left:var(--media-slider-fill);z-index:10;width:calc(var(--media-spacing) * 3);height:calc(var(--media-spacing) * 3);border-radius:var(--media-control-radius);box-shadow:0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, var(--media-shadow-thumb);outline-offset:-4px;transition-property:opacity,height,width,outline-offset,left,top,scale;transition-duration:.15s;transition-duration:var(--media-duration-slider);-webkit-user-select:none;user-select:none;background-color:currentColor;outline:4px solid #0000;transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute;translate:-50% -50%}@scope(.media-slider){:scope:focus-within .media-slider-thumb{transition-property:opacity,height,width,outline-offset,scale;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}}@scope(.media-slider){:scope[data-dragging] .media-slider-thumb{transition-property:opacity,height,width,outline-offset,scale;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);scale:.9}}.media-slider-thumb:after{pointer-events:none;inset:calc(var(--media-spacing) * -1);border-radius:inherit;opacity:0;transition-property:opacity,scale;transition-duration:.15s;transition-duration:var(--media-duration);content:"";transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute;scale:.5;box-shadow:0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0 0 0 2px}@media (hover:hover){.media-slider-thumb:hover{outline-offset:0px;outline-color:currentColor}@supports (color:color-mix(in lab, red, red)){.media-slider-thumb:hover{outline-color:color-mix(in oklab, currentcolor 15%, transparent)}}}.media-slider-thumb:focus-visible{outline-offset:0px;outline-color:currentColor}@supports (color:color-mix(in lab, red, red)){.media-slider-thumb:focus-visible{outline-color:color-mix(in oklab, currentcolor 15%, transparent)}}.media-slider-thumb:focus-visible:after{content:"";opacity:1;scale:1}@scope(.media-slider){:scope[data-dragging] .media-slider-thumb[data-orientation=horizontal]{left:var(--media-slider-pointer)}}.media-slider-thumb[data-orientation=vertical]{top:calc(100% - var(--media-slider-fill));left:50%}@scope(.media-slider){:scope[data-dragging] .media-slider-thumb[data-orientation=vertical]{top:calc(100% - var(--media-slider-pointer))}}.media-slider-track{isolation:isolate;-webkit-user-select:none;user-select:none;background-color:currentColor;border-radius:9999px;width:100%;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.media-slider-track{background-color:color-mix(in oklab, currentcolor 20%, transparent)}}.media-slider-track[data-orientation=horizontal]{height:calc(var(--media-spacing) * 1)}.media-slider-track[data-orientation=vertical]{height:100%;width:calc(var(--media-spacing) * 1)}}@scope(.media-skin[data-theme=default][data-preset=video]){.media-slider{cursor:pointer;border-radius:9999px;outline-style:none;flex:1;justify-content:center;align-items:center;display:flex;position:relative}@media (forced-colors:active){.media-slider{outline-offset:2px;outline:2px solid #0000}}.media-slider[data-disabled]{pointer-events:none}.media-slider[data-orientation=horizontal]{height:var(--media-slider-height,calc(var(--media-spacing) * 8));min-width:calc(var(--media-spacing) * 18)}.media-slider[data-orientation=vertical]{height:calc(var(--media-spacing) * 18);width:calc(var(--media-spacing) * 8);min-width:calc(var(--media-spacing) * 0)}.media-volume-slider-thumb{opacity:1;scale:1}}@scope(.media-skin[data-theme=default][data-preset=video]){.media-volume-popover{border-radius:var(--media-control-radius);padding-inline:calc(var(--media-spacing) * 0);padding-block:calc(var(--media-spacing) * 3);--media-popup-side-offset:var(--media-popover-side-offset)}.media-volume-popover[data-side=right]{padding:calc(var(--media-spacing) * 0);padding-inline:calc(var(--media-spacing) * 3);--media-popover-side-offset:0rem;border-radius:0;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:#0000!important}.media-volume-popover[data-side=right]:after{content:"";display:none}}@scope(.media-skin[data-theme=default][data-preset=video]){.media-slider-preview{height:calc(var(--media-spacing) * 1);min-width:var(--media-slider-preview-max-width);--media-slider-preview-max-height:var(--media-slider-preview-max-width);--media-slider-preview-max-width:min(calc(var(--media-spacing) * 32), 100cqi);position:relative}.media-slider-preview:before{pointer-events:none;z-index:1;width:calc(var(--media-spacing) * 1);height:calc(var(--media-spacing) * 1);border-radius:var(--media-control-radius);opacity:0;transition-property:opacity,scale;transition-duration:.15s;transition-duration:var(--media-duration-slow);content:"";background-color:currentColor;transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.5}.media-slider-preview[data-pointing]:not([data-dragging]):before{content:"";opacity:1;scale:1}@container media-root (width>=30rem){.media-slider-preview{--media-slider-preview-max-width:min(calc(var(--media-spacing) * 40), 100cqi)}}@container media-root (width>=42rem){.media-slider-preview{--media-slider-preview-max-width:min(calc(var(--media-spacing) * 48), 100cqi)}}.media-slider-preview-content{max-width:var(--media-slider-preview-max-width);transform-origin:bottom;translate:-50% var(--media-hidden-preview-offset);scale:var(--media-hidden-preview-scale) var(--media-hidden-preview-scale);opacity:0;filter:blur(var(--media-hidden-blur));transition-property:filter,opacity,scale;transition-duration:.15s;transition-duration:var(--media-duration);transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute}:where(.media-slider-preview)[data-pointing] .media-slider-preview-content{opacity:1;filter:none;scale:1}:where(.media-slider):has(:focus-visible) .media-slider-preview-content{opacity:1;filter:none;scale:1}.media-slider-thumbnail{pointer-events:none;bottom:calc(100% + var(--media-slider-preview-offset));max-height:var(--media-slider-preview-max-height);border-radius:var(--media-popup-radius);background-color:var(--media-backdrop);left:50%;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.media-slider-thumbnail{background-color:color-mix(in oklab, var(--media-backdrop) 90%, transparent)}}.media-slider-thumbnail:after{pointer-events:none;inset:calc(var(--media-spacing) * 0);border-radius:inherit;content:"";background-image:var(--media-thumbnail-gradient);position:absolute}.media-slider-thumbnail[data-loading]{aspect-ratio:16/9;width:var(--media-slider-preview-max-width)}.media-slider-thumbnail-image{transition-property:opacity;transition-duration:.15s;transition-duration:var(--media-duration);transition-timing-function:cubic-bezier(0,0,.2,1);display:block}@scope(.media-slider-thumbnail){:scope[data-loading] .media-slider-thumbnail-image{opacity:0}}.media-slider-thumbnail-spinner-icon{z-index:10;width:var(--media-icon-size,calc(var(--media-spacing) * 4.5));height:var(--media-icon-size,calc(var(--media-spacing) * 4.5));opacity:0;filter:drop-shadow(0 1px 0 var(--media-shadow-current-color));transition-property:opacity;transition-duration:.15s;transition-duration:var(--media-duration);transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute;top:50%;left:50%;translate:-50% -50%}@scope(.media-slider-thumbnail){:scope:not([data-loading]) .media-slider-thumbnail-spinner-icon{--media-spinner-animation:none}}@scope(.media-slider-thumbnail){:scope[data-loading] .media-slider-thumbnail-spinner-icon{opacity:1}}.media-time-slider-chapter{inset:calc(var(--media-spacing) * 0);min-height:calc(var(--media-spacing) * 0);min-width:calc(var(--media-spacing) * 0);--media-chapter-inset-end:.5;--media-chapter-inset-start:.5;justify-content:center;align-items:center;display:flex;position:absolute}.media-time-slider-chapter:first-child{--media-chapter-inset-start:0}.media-time-slider-chapter:last-child{--media-chapter-inset-end:0}.media-time-slider-chapter[data-orientation=horizontal]{clip-path:inset(0 calc(100% - var(--media-slider-chapter-end)) 0 var(--media-slider-chapter-start))}.media-time-slider-chapter[data-orientation=vertical]{clip-path:inset(calc(100% - var(--media-slider-chapter-end)) 0 var(--media-slider-chapter-start) 0)}.media-time-slider-chapter-title{max-width:var(--media-slider-preview-max-width);min-width:calc(var(--media-spacing) * 0);text-overflow:ellipsis;white-space:nowrap;padding-inline:calc(var(--media-spacing) * 6);overflow:hidden}.media-time-slider-chapter-title:empty{display:none}.media-time-slider-chapter-track{transition-property:height,width;transition-duration:.15s;transition-duration:var(--media-duration-slow);transition-timing-function:cubic-bezier(0,0,.2,1)}.media-time-slider-chapter-track[data-orientation=horizontal]{clip-path:inset(0 calc(100% - var(--media-slider-chapter-end) + var(--media-spacing) * var(--media-chapter-inset-end)) 0 calc(var(--media-slider-chapter-start) + var(--media-spacing) * var(--media-chapter-inset-start)) round var(--media-control-radius))}@scope(.media-time-slider-chapter){:scope[data-highlighted] .media-time-slider-chapter-track[data-orientation=horizontal]{height:calc(var(--media-spacing) * 1.75)}}.media-time-slider-chapter-track[data-orientation=vertical]{clip-path:inset(calc(100% - var(--media-slider-chapter-end) + var(--media-spacing) * var(--media-chapter-inset-end)) 0 calc(var(--media-slider-chapter-start) + var(--media-spacing) * var(--media-chapter-inset-start)) 0 round var(--media-control-radius))}@scope(.media-time-slider-chapter){:scope[data-highlighted] .media-time-slider-chapter-track[data-orientation=vertical]{width:calc(var(--media-spacing) * 1.75)}}.media-time-slider-chapters{width:100%;height:100%;min-height:calc(var(--media-spacing) * 0);min-width:calc(var(--media-spacing) * 0);border-radius:inherit;flex:1;align-items:center;display:flex;position:relative}.media-time-slider-preview-content{bottom:calc(100% + var(--media-slider-preview-label-offset));font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;display:flex;left:50%}.media-time-slider-thumb{opacity:0;scale:.8}.media-time-slider-thumb:focus-visible,.media-time-slider-thumb[data-interactive]{opacity:1}@media (pointer:fine){@media (hover:hover){@scope(.media-slider){:scope:hover .media-time-slider-thumb{opacity:1;scale:1}}}}.media-time-slider-value{font-variant-numeric:tabular-nums}}:where(.media-skin[data-theme=default][data-preset=video]) .media-slider-preview-content{max-width:var(--media-slider-preview-max-width);transform-origin:bottom;translate:-50% var(--media-hidden-preview-offset);scale:var(--media-hidden-preview-scale) var(--media-hidden-preview-scale);opacity:0;filter:blur(var(--media-hidden-blur));transition-property:filter,opacity,scale;transition-duration:.15s;transition-duration:var(--media-duration);transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute}:where(.media-skin[data-theme=default][data-preset=video]) :where(.media-slider-preview)[data-pointing] .media-slider-preview-content{opacity:1;filter:none;scale:1}:where(.media-skin[data-theme=default][data-preset=video]) :where(.media-slider):has(:focus-visible) .media-slider-preview-content{opacity:1;filter:none;scale:1}:where(.media-skin[data-theme=default][data-preset=video]) .media-slider-thumbnail{pointer-events:none;bottom:calc(100% + var(--media-slider-preview-offset));max-height:var(--media-slider-preview-max-height);border-radius:var(--media-popup-radius);background-color:var(--media-backdrop);left:50%;overflow:hidden}@supports (color:color-mix(in lab, red, red)){:where(.media-skin[data-theme=default][data-preset=video]) .media-slider-thumbnail{background-color:color-mix(in oklab, var(--media-backdrop) 90%, transparent)}}:where(.media-skin[data-theme=default][data-preset=video]) .media-slider-thumbnail:after{pointer-events:none;inset:calc(var(--media-spacing) * 0);border-radius:inherit;content:"";background-image:var(--media-thumbnail-gradient);position:absolute}:where(.media-skin[data-theme=default][data-preset=video]) .media-slider-thumbnail[data-loading]{aspect-ratio:16/9;width:var(--media-slider-preview-max-width)}:where(.media-skin[data-theme=default][data-preset=video]) .media-slider-thumbnail-image{transition-property:opacity;transition-duration:.15s;transition-duration:var(--media-duration);transition-timing-function:cubic-bezier(0,0,.2,1);display:block}:where(.media-skin[data-theme=default][data-preset=video]) :where(.media-slider-thumbnail)[data-loading] .media-slider-thumbnail-image{opacity:0}:where(.media-skin[data-theme=default][data-preset=video]) .media-slider-thumbnail-spinner-icon{z-index:10;width:var(--media-icon-size,calc(var(--media-spacing) * 4.5));height:var(--media-icon-size,calc(var(--media-spacing) * 4.5));opacity:0;filter:drop-shadow(0 1px 0 var(--media-shadow-current-color));transition-property:opacity;transition-duration:.15s;transition-duration:var(--media-duration);transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute;top:50%;left:50%;translate:-50% -50%}:where(.media-skin[data-theme=default][data-preset=video]) :where(.media-slider-thumbnail):not([data-loading]) .media-slider-thumbnail-spinner-icon{--media-spinner-animation:none}:where(.media-skin[data-theme=default][data-preset=video]) :where(.media-slider-thumbnail)[data-loading] .media-slider-thumbnail-spinner-icon{opacity:1}@scope(.media-skin[data-theme=default][data-preset=video]){}@scope(.media-skin[data-theme=default][data-preset=video]){.media-menu-back-chevron{width:calc(var(--media-icon-size,calc(var(--media-spacing) * 4.5)) * 7 / 9);height:calc(var(--media-icon-size,calc(var(--media-spacing) * 4.5)) * 7 / 9);color:var(--media-muted-foreground);filter:drop-shadow(0 1px 0 var(--media-shadow-current-color));flex-shrink:0;rotate:180deg}@scope(.media-menu-back-item){:scope:where(:focus-visible,[aria-expanded=true],[data-highlighted]):where(:not([aria-disabled=true])) .media-menu-back-chevron{color:inherit}}@media (hover:hover){@scope(.media-menu-back-item){:scope:hover:where(:not([aria-disabled=true])) .media-menu-back-chevron{color:inherit}}}.media-menu-back-chevron:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){rotate:0deg;scale:1}.media-menu-forward-chevron{width:calc(var(--media-icon-size,calc(var(--media-spacing) * 4.5)) * 7 / 9);height:calc(var(--media-icon-size,calc(var(--media-spacing) * 4.5)) * 7 / 9);color:var(--media-muted-foreground);filter:drop-shadow(0 1px 0 var(--media-shadow-current-color));flex-shrink:0}@scope(.media-menu-trigger-item){:scope:where(:focus-visible,[aria-expanded=true],[data-highlighted]):where(:not([aria-disabled=true])) .media-menu-forward-chevron{color:inherit}}@media (hover:hover){@scope(.media-menu-trigger-item){:scope:hover:where(:not([aria-disabled=true])) .media-menu-forward-chevron{color:inherit}}}.media-menu-forward-chevron:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){scale:-1 1}}@scope(.media-skin[data-theme=default][data-preset=video]){.media-menu-item-indicator{opacity:0;flex-shrink:0;margin-inline-start:auto;margin-inline-end:calc(var(--media-spacing) * -1)}@scope(.media-menu-radio-item){:scope[aria-checked=true] .media-menu-item-indicator{opacity:1}}.media-menu-radio-item{cursor:pointer;justify-content:space-between;align-items:center;gap:calc(var(--media-spacing) * 1.5);border-radius:var(--media-menu-item-radius);padding-inline:calc(var(--media-spacing) * 2);padding-block:calc(var(--media-spacing) * 1.5);text-align:start;white-space:nowrap;color:inherit;font-variant-numeric:tabular-nums;outline-offset:-2px;transition-property:background-color,color;transition-duration:.15s;transition-duration:var(--media-duration-fast);-webkit-user-select:none;user-select:none;text-shadow:0 1px 0 var(--media-shadow-current-color);outline:2px solid #0000;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:relative}.media-menu-radio-item:focus-visible{outline-offset:2px;outline-color:var(--media-ring)}.media-menu-radio-item[aria-disabled=true]{pointer-events:none;cursor:not-allowed;opacity:.5}.media-menu-radio-item[data-availability=unavailable],.media-menu-radio-item[data-availability=unsupported]{display:none}.media-menu-radio-item:where(:focus-visible,[aria-expanded=true],[data-highlighted]):where(:not([aria-disabled=true])){background-color:var(--media-accent);color:var(--media-accent-foreground)}@media (hover:hover){.media-menu-radio-item:hover:where(:not([aria-disabled=true])){background-color:var(--media-accent);color:var(--media-accent-foreground)}}@supports (top:anchor(top)){.media-menu-radio-item{transition-duration:var(--media-duration-instant)}.media-menu-radio-item[data-highlighted]{anchor-name:--media-menu-item-highlight-anchor}.media-menu-radio-item:where(:focus-visible,[aria-expanded=true],[data-highlighted]):where(:not([aria-disabled=true])){transition-duration:var(--media-duration-slow);background-color:#0000}@media (hover:hover){.media-menu-radio-item:hover:where(:not([aria-disabled=true])){transition-duration:var(--media-duration-slow);background-color:#0000}}}.media-menu-radio-item-icon{width:var(--media-icon-size,calc(var(--media-spacing) * 4.5));height:var(--media-icon-size,calc(var(--media-spacing) * 4.5));color:var(--media-muted-foreground);filter:drop-shadow(0 1px 0 var(--media-shadow-current-color));flex-shrink:0}@scope(.media-menu-radio-item){:scope:where(:focus-visible,[aria-expanded=true],[data-highlighted]):where(:not([aria-disabled=true])) .media-menu-radio-item-icon{color:inherit}}@media (hover:hover){@scope(.media-menu-radio-item){:scope:hover:where(:not([aria-disabled=true])) .media-menu-radio-item-icon{color:inherit}}}}@scope(.media-skin[data-theme=default][data-preset=video]){.media-menu-back-item{margin-bottom:calc(var(--media-spacing) * .5);cursor:pointer;align-items:center;gap:calc(var(--media-spacing) * 1.5);border-radius:var(--media-menu-item-radius);width:100%;padding-inline:calc(var(--media-spacing) * 2);padding-block:calc(var(--media-spacing) * 1.5);text-align:start;white-space:nowrap;outline-offset:-2px;transition-property:background-color,color;transition-duration:.15s;transition-duration:var(--media-duration-fast);-webkit-user-select:none;user-select:none;text-shadow:0 1px 0 var(--media-shadow-current-color);outline:2px solid #0000;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:relative}.media-menu-back-item:focus-visible{outline-offset:2px;outline-color:var(--media-ring)}.media-menu-back-item:where(:focus-visible,[aria-expanded=true],[data-highlighted]):where(:not([aria-disabled=true])){background-color:var(--media-accent);color:var(--media-accent-foreground)}@media (hover:hover){.media-menu-back-item:hover:where(:not([aria-disabled=true])){background-color:var(--media-accent);color:var(--media-accent-foreground)}}@supports (top:anchor(top)){.media-menu-back-item{transition-duration:var(--media-duration-instant)}.media-menu-back-item:where(:focus-visible,[aria-expanded=true],[data-highlighted]):where(:not([aria-disabled=true])){transition-duration:var(--media-duration-slow)}@media (hover:hover){.media-menu-back-item:hover:where(:not([aria-disabled=true])){transition-duration:var(--media-duration-slow)}}}.media-menu-content{max-height:inherit;overscroll-behavior:none;transition-property:translate,filter;transition-duration:.15s;transition-duration:var(--media-duration-menu);anchor-scope:--media-menu-item-highlight-anchor;outline-style:none;transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute;overflow:auto}@media (forced-colors:active){.media-menu-content{outline-offset:2px;outline:2px solid #0000}}.media-menu-content:not([data-submenu]){inset-inline:calc(var(--media-spacing) * 1);top:calc(var(--media-spacing) * 1);gap:calc(var(--media-spacing) * .5);flex-direction:column;display:flex}.media-menu-content[data-submenu]{inset-inline:calc(var(--media-spacing) * 0);top:calc(var(--media-spacing) * 0);z-index:10;max-height:inherit;padding:calc(var(--media-spacing) * 1)}.media-menu-content:not([data-submenu])[data-child-open]{filter:blur(var(--media-hidden-blur));translate:-100%}.media-menu-content:not([data-submenu])[data-child-open]:before{content:"";display:none}.media-menu-content[data-submenu]:is([data-starting-style],[data-ending-style]){pointer-events:none;filter:blur(var(--media-hidden-blur));overflow:hidden;translate:100%}@supports (top:anchor(top)){.media-menu-content:before{content:"";position-anchor:--media-menu-item-highlight-anchor;inset:anchor(inside);overflow-anchor:none;pointer-events:none;border-radius:var(--media-menu-item-radius);background-color:var(--media-accent);transition:inset var(--media-duration-fast) ease-in-out;position:absolute}.media-menu-content:has([data-highlighted=""]):before{content:"";transition-duration:0s}}.media-menu-content:not([data-submenu])[data-child-open]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){translate:100%}.media-menu-content[data-submenu]:is([data-starting-style],[data-ending-style]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){translate:-100%}.media-menu-hint{min-width:calc(var(--media-spacing) * 0);align-items:center;gap:calc(var(--media-spacing) * 1);color:currentColor;margin-inline-start:auto;padding-inline-start:calc(var(--media-spacing) * 2);display:inline-flex}@supports (color:color-mix(in lab, red, red)){.media-menu-hint{color:color-mix(in oklab, currentcolor 65%, transparent)}}.media-menu-hint-label{max-width:calc(var(--media-spacing) * 24);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-menu-radio-group{max-height:inherit;gap:calc(var(--media-spacing) * .5);anchor-scope:--media-menu-item-highlight-anchor;flex-direction:column;display:flex}@supports (top:anchor(top)){.media-menu-radio-group:before{content:"";position-anchor:--media-menu-item-highlight-anchor;inset:anchor(inside);overflow-anchor:none;pointer-events:none;border-radius:var(--media-menu-item-radius);background-color:var(--media-accent);transition:inset var(--media-duration-fast) ease-in-out;position:absolute}.media-menu-radio-group:has([data-highlighted=""]):before{content:"";transition-duration:0s}}.media-menu-separator{margin-block:calc(var(--media-spacing) * 1);border-bottom-style:solid;border-bottom-width:1px;border-color:var(--media-border);box-shadow:0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, var(--media-shadow-separator);display:block}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.media-menu-separator{border-color:var(--media-foreground)}@supports (color:color-mix(in lab, red, red)){.media-menu-separator{border-color:color-mix(in oklab, var(--media-foreground) 25%, transparent)}}}.media-menu-trigger-item{cursor:pointer;justify-content:space-between;align-items:center;gap:calc(var(--media-spacing) * 1.5);border-radius:var(--media-menu-item-radius);padding-inline:calc(var(--media-spacing) * 2);padding-block:calc(var(--media-spacing) * 1.5);text-align:start;white-space:nowrap;color:inherit;font-variant-numeric:tabular-nums;outline-offset:-2px;transition-property:background-color,color;transition-duration:.15s;transition-duration:var(--media-duration-fast);-webkit-user-select:none;user-select:none;text-shadow:0 1px 0 var(--media-shadow-current-color);outline:2px solid #0000;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:relative}.media-menu-trigger-item:focus-visible{outline-offset:2px;outline-color:var(--media-ring)}.media-menu-trigger-item[aria-disabled=true]{pointer-events:none;cursor:not-allowed;opacity:.5}.media-menu-trigger-item[data-availability=unavailable],.media-menu-trigger-item[data-availability=unsupported]{display:none}.media-menu-trigger-item:where(:focus-visible,[aria-expanded=true],[data-highlighted]):where(:not([aria-disabled=true])){background-color:var(--media-accent);color:var(--media-accent-foreground)}@media (hover:hover){.media-menu-trigger-item:hover:where(:not([aria-disabled=true])){background-color:var(--media-accent);color:var(--media-accent-foreground)}}@supports (top:anchor(top)){.media-menu-trigger-item{transition-duration:var(--media-duration-instant)}.media-menu-trigger-item[data-highlighted]{anchor-name:--media-menu-item-highlight-anchor}.media-menu-trigger-item:where(:focus-visible,[aria-expanded=true],[data-highlighted]):where(:not([aria-disabled=true])){transition-duration:var(--media-duration-slow);background-color:#0000}@media (hover:hover){.media-menu-trigger-item:hover:where(:not([aria-disabled=true])){transition-duration:var(--media-duration-slow);background-color:#0000}}}.media-menu-trigger-item-icon{width:var(--media-icon-size,calc(var(--media-spacing) * 4.5));height:var(--media-icon-size,calc(var(--media-spacing) * 4.5));color:var(--media-muted-foreground);filter:drop-shadow(0 1px 0 var(--media-shadow-current-color));flex-shrink:0}@scope(.media-menu-trigger-item){:scope:where(:focus-visible,[aria-expanded=true],[data-highlighted]):where(:not([aria-disabled=true])) .media-menu-trigger-item-icon{color:inherit}}@media (hover:hover){@scope(.media-menu-trigger-item){:scope:hover:where(:not([aria-disabled=true])) .media-menu-trigger-item-icon{color:inherit}}}}@scope(.media-skin[data-theme=default][data-preset=video]){.media-menu-badge{border-radius:var(--media-control-radius);background-color:var(--media-accent);padding-inline:calc(var(--media-spacing) * 1.5);font-size:.7em;font-weight:600}.media-menu-tier{color:currentColor;padding-inline-start:calc(var(--media-spacing) * .5);padding-top:1px;font-size:.7em;font-weight:600;line-height:1}@supports (color:color-mix(in lab, red, red)){.media-menu-tier{color:color-mix(in oklab, currentcolor 70%, transparent)}}@scope(.media-menu-trigger-item){}@media (hover:hover){@scope(.media-menu-trigger-item){}}}@scope(.media-skin[data-theme=default][data-preset=video]){.media-menu-popup{margin:calc(var(--media-spacing) * 0);height:var(--media-menu-height);max-height:min(var(--media-menu-available-height,calc(var(--media-spacing) * 56)), calc(var(--media-spacing) * 56));width:var(--media-menu-width);max-width:var(--media-menu-available-width);min-width:calc(var(--media-spacing) * 44);overscroll-behavior:none;border-radius:var(--media-popup-radius);padding:calc(var(--media-spacing) * 1);transition-property:opacity,filter,transform,scale;transition-duration:var(--media-duration-fast);--media-popup-side-offset:var(--media-popover-side-offset);border-style:solid;border-width:0;transition-timing-function:cubic-bezier(0,0,.2,1);overflow:hidden!important}.media-menu-popup:is([data-starting-style],[data-ending-style]){transition-property:opacity,filter,transform,scale;transition-duration:var(--media-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1)}.media-menu-resizable-popup{transition-property:opacity,filter,transform,scale,width,height;transition-duration:var(--media-duration-fast), var(--media-duration-fast), var(--media-duration-fast), var(--media-duration-fast), var(--media-duration-menu), var(--media-duration-menu)}.media-settings-menu-trigger-icon{transition-property:transform,translate,scale,rotate;transition-duration:.15s;transition-duration:var(--media-duration);transition-timing-function:cubic-bezier(.4,0,.2,1)}@scope(.media-settings-menu-trigger){:scope[aria-expanded=true] .media-settings-menu-trigger-icon{rotate:90deg}}@media (prefers-reduced-motion:reduce){.media-settings-menu-trigger-icon{transition-property:none!important}}.media-settings-menu-trigger-label{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@scope(.media-skin[data-theme=default][data-preset=video]){}@scope(.media-skin[data-theme=default][data-preset=video]){}@scope(.media-skin[data-theme=default][data-preset=video]){.video-controls-backdrop{pointer-events:none;inset:calc(var(--media-spacing) * 0);z-index:10;border-radius:inherit;background-image:var(--media-controls-gradient);transition-property:opacity;transition-duration:.15s;transition-duration:var(--media-duration-controls);transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute}.video-controls-backdrop:not([data-visible]){opacity:0}@container media-root (width<32rem){.video-controls-captions-button{display:none}}.video-controls-content{padding:calc(var(--media-spacing) * 1);color:var(--media-controls-foreground);transition-property:filter,opacity,scale,translate;transition-duration:.15s;transition-duration:calc(var(--media-duration-controls) / 2);text-shadow:0 1px 0 var(--media-shadow-current-color);transition-timing-function:cubic-bezier(0,0,.2,1);display:contents}@container media-root (width>=32rem){.video-controls-content{inset-inline:calc(var(--media-spacing) * 2);bottom:calc(var(--media-spacing) * 2);z-index:30;border-radius:var(--media-controls-radius);background-color:var(--media-popover);color:var(--media-popover-foreground);box-shadow:0 0 0 1px var(--media-surface-border,var(--media-border)), var(--media-shadow-surface);-webkit-backdrop-filter:var(--media-backdrop-filter-surface);backdrop-filter:var(--media-backdrop-filter-surface);align-items:center;display:flex;position:absolute}.video-controls-content:not([data-visible]){pointer-events:none;translate:0 var(--media-hidden-offset);scale:var(--media-hidden-scale) var(--media-hidden-scale);opacity:0;transition-duration:var(--media-duration-controls)}.video-controls-content:after{content:"";z-index:10;pointer-events:none;border-radius:inherit;box-shadow:var(--media-shadow-surface-inset);position:absolute;inset:0}@media (pointer:fine){.video-controls-content:not([data-visible]){filter:blur(var(--media-hidden-blur))}}}@container media-root (width>=42rem){.video-controls-content{inset-inline:calc(var(--media-spacing) * 3);bottom:calc(var(--media-spacing) * 3)}}.video-controls-primary{inset-inline:calc(var(--media-spacing) * 2);bottom:calc(var(--media-spacing) * 2);z-index:30;transform-origin:bottom;border-radius:var(--media-controls-radius);padding:calc(var(--media-spacing) * .5);transition-property:filter,opacity,scale,translate;transition-duration:.15s;transition-duration:calc(var(--media-duration-controls) / 2);align-items:center;transition-timing-function:cubic-bezier(0,0,.2,1);display:flex;position:absolute}@container media-root (width>=32rem){.video-controls-primary{display:contents}}@container media-root (width<32rem){.video-controls-primary{background-color:var(--media-popover);color:var(--media-popover-foreground);box-shadow:0 0 0 1px var(--media-surface-border,var(--media-border)), var(--media-shadow-surface);-webkit-backdrop-filter:var(--media-backdrop-filter-surface);backdrop-filter:var(--media-backdrop-filter-surface)}@scope(.video-controls-content){:scope:not([data-visible]) .video-controls-primary{pointer-events:none;translate:0 var(--media-hidden-offset);scale:var(--media-hidden-scale) var(--media-hidden-scale);opacity:0;transition-duration:var(--media-duration-controls)}}.video-controls-primary:after{content:"";z-index:10;pointer-events:none;border-radius:inherit;box-shadow:var(--media-shadow-surface-inset);position:absolute;inset:0}@media (pointer:fine){@scope(.video-controls-content){:scope:not([data-visible]) .video-controls-primary{filter:blur(var(--media-hidden-blur))}}}}.video-controls-secondary{top:calc(var(--media-spacing) * 2);right:calc(var(--media-spacing) * 2);z-index:30;transform-origin:top;border-radius:var(--media-controls-radius);padding:calc(var(--media-spacing) * .5);transition-property:filter,opacity,scale,translate;transition-duration:.15s;transition-duration:calc(var(--media-duration-controls) / 2);align-items:center;gap:1px;transition-timing-function:cubic-bezier(0,0,.2,1);display:flex;position:absolute}@container media-root (width>=32rem){.video-controls-secondary{padding:calc(var(--media-spacing) * 0);position:static}}@container media-root (width<32rem){.video-controls-secondary{background-color:var(--media-popover);color:var(--media-popover-foreground);box-shadow:0 0 0 1px var(--media-surface-border,var(--media-border)), var(--media-shadow-surface);-webkit-backdrop-filter:var(--media-backdrop-filter-surface);backdrop-filter:var(--media-backdrop-filter-surface)}@scope(.video-controls-content){:scope:not([data-visible]) .video-controls-secondary{pointer-events:none;translate:0 calc(var(--media-hidden-offset) * -1);scale:var(--media-hidden-scale) var(--media-hidden-scale);opacity:0;transition-duration:var(--media-duration-controls)}}.video-controls-secondary:after{content:"";z-index:10;pointer-events:none;border-radius:inherit;box-shadow:var(--media-shadow-surface-inset);position:absolute;inset:0}@media (pointer:fine){@scope(.video-controls-content){:scope:not([data-visible]) .video-controls-secondary{filter:blur(var(--media-hidden-blur))}}}}@container media-root (width>=32rem){.video-controls-settings-button{margin-inline-start:1px}}.video-controls-volume-button{margin-inline-start:1px}.video-time-slider-group{align-items:center;gap:calc(var(--media-spacing) * 2.5);padding-inline:calc(var(--media-spacing) * 2);flex:1;display:flex;container:media-time/inline-size}@container media-root (width>=32rem){.video-time-slider-group{padding-inline:calc(var(--media-spacing) * 3)}}@container media-time (width<16rem){.video-time-value{display:none}}}@scope(.media-skin[data-theme=default][data-preset=video]){.media-time-toggle{cursor:pointer;font-variant-numeric:tabular-nums;outline-offset:-2px;transition-property:outline-color,outline-offset;transition-duration:.15s;transition-duration:var(--media-duration-fast);border-radius:.25rem;outline:2px solid #0000;transition-timing-function:cubic-bezier(0,0,.2,1)}.media-time-toggle:focus-visible{outline-offset:2px;outline-color:var(--media-ring)}.media-time-toggle[aria-disabled=true]{cursor:not-allowed;opacity:.5}.media-time-value{font-variant-numeric:tabular-nums;transition-property:opacity;transition-duration:.15s;transition-duration:var(--media-duration-slow);transition-timing-function:cubic-bezier(0,0,.2,1)}.media-time-value[data-unavailable]{opacity:.5}}@scope(.media-skin[data-theme=default][data-preset=video]){@media (pointer:fine){.video-skin:not([data-controls-visible]),:scope.video-skin:not([data-controls-visible]){cursor:none}}}}@layer utilities;@layer base.theme{.media-skin{--media-background:oklch(0% 0 0);--media-foreground:oklch(100% 0 0);--media-controls:oklch(0% 0 0/.35);--media-controls-foreground:var(--media-foreground);--media-popover:oklch(100% 0 0/.1);--media-popover-foreground:var(--media-foreground);--media-primary:var(--media-accent-color,var(--media-default-accent-color));--media-primary-foreground:var(--media-accent-text-color,contrast-color(var(--media-accent-color,var(--media-default-accent-color))));--media-accent:var(--media-accent-color,color-mix(in oklab, var(--media-default-accent-color) 10%, transparent));--media-accent-foreground:var(--media-accent-text-color,contrast-color(var(--media-accent-color,var(--media-internal-accent-text-fallback,oklch(0% 0 0)))));--media-muted:oklch(100% 0 0/.15);--media-muted-foreground:oklch(100% 0 0/.65);--media-border:oklch(0% 0 0/.1);--media-ring:oklch(100% 0 0);--media-backdrop:oklch(0% 0 0);--media-live-color:oklch(65% .22 27);--media-shadow-surface:0 1px 3px 0 oklch(0% 0 0/.15), 0 1px 2px -1px oklch(0% 0 0/.15);--media-shadow-surface-inset:inset 0 1px 0 0 #ffffff1a, inset 0 0 0 1px #ffffff0d;--media-shadow-thumb:0 0 0 1px #0000001a, 0 1px 3px 0 #00000059, 0 1px 2px -1px #00000059;--media-shadow-tooltip:0 0 0 1px var(--media-border), var(--media-shadow-surface);--media-shadow-separator:0 1px 0 0 oklch(100% 0 0/.075);--media-shadow-current-color:oklch(from currentColor 0 0 0 / clamp(0, calc((l - .5) * .5), .15));--media-shadow-subtle-current-color:oklch(from var(--media-shadow-current-color) l c h / calc(alpha * .4));--media-text-shadow-dialog:0 1px 0 #00000040;--media-backdrop-filter-surface:blur(16px) saturate(150%);--media-backdrop-filter-indicator:blur(8px);--media-backdrop-filter-dialog:blur(16px) saturate(150%);--media-control-corner-shape:round;--media-control-radius:99px;--media-control-size:calc(var(--media-spacing) * 9);--media-controls-radius:var(--media-control-radius);--media-default-accent-color:oklch(100% 0 0);--media-duration-instant:50ms;--media-duration-fast:.1s;--media-duration:.15s;--media-duration-slow:.2s;--media-duration-slower:.25s;--media-duration-controls:.1s;--media-duration-dialog:.35s;--media-duration-indicator:var(--media-duration-slower);--media-duration-menu:.25s;--media-duration-slider:var(--media-duration-fast);--media-delay-dialog:.1s;--media-hidden-scale:.95;--media-hidden-blur:8px;--media-hidden-offset:calc(var(--media-spacing) * 1);--media-hidden-icon-scale:0;--media-hidden-indicator-scale:.9;--media-hidden-indicator-offset:-25%;--media-hidden-playback-scale:.85;--media-hidden-popup-scale:.95;--media-hidden-popup-blur:4px;--media-hidden-preview-scale:.8;--media-hidden-preview-offset:calc(var(--media-spacing) * 2);--media-hidden-seek-offset:60%;--media-menu-item-radius:calc(var(--media-spacing) * 2);--media-popover-boundary-offset:calc(var(--media-spacing) * 3);--media-popover-side-offset:calc(var(--media-spacing) * 3);--media-popup-radius:calc(var(--media-spacing) * 3);--media-popup-translate-distance:calc(var(--media-spacing) * 2);--media-tooltip-boundary-offset:var(--media-popover-boundary-offset);--media-tooltip-side-offset:var(--media-popover-side-offset);--media-dialog-radius:calc(var(--media-spacing) * 7);--media-dialog-width:calc(100% - var(--media-spacing) * 6);--media-dialog-max-width:calc(var(--media-spacing) * 72);--media-slider-preview-label-offset:calc(var(--media-spacing) * 10.5);--media-video-border-radius:var(--media-border-radius,28px);--media-scale:1;--media-scrollbar-thumb-color:oklch(from currentColor l c h / .3);--media-spacing:calc(var(--media-scale-unit,16px) * var(--media-scale) / 4);scrollbar-color:var(--media-scrollbar-thumb-color) transparent;scrollbar-width:thin}.media-skin::-webkit-scrollbar-thumb{background:var(--media-scrollbar-thumb-color);border-radius:9999px}.media-skin:fullscreen{--media-object-fit:contain;--media-video-border-radius:0}@media (width>=1280px){.media-skin:fullscreen{--media-scale:1.25}}@media (width>=1536px){.media-skin:fullscreen{--media-scale:1.5}}@media (width>=1920px){.media-skin:fullscreen{--media-scale:1.75}}.media-skin[data-theme=minimal]{--media-control-corner-shape:squircle;--media-control-radius:calc(var(--media-spacing) * 2);--media-control-size:calc(var(--media-spacing) * 9.5);--media-controls-radius:calc(var(--media-spacing) * 3);--media-popover:oklch(0% 0 0/.5);--media-border:oklch(100% 0 0/.1);--media-shadow-surface:0 1px 2px oklch(0% 0 0/.2);--media-shadow-thumb:0 0 0 1px #00000026, 0 1px 3px 0 #00000026, 0 1px 2px -1px #00000026;--media-text-shadow-dialog:0 1px 0 #00000080;--media-backdrop-filter-dialog:blur(16px) saturate(120%);--media-shadow-tooltip:0 0 0 1px var(--media-border), 0 4px 6px -1px oklch(0% 0 0/.2), 0 2px 4px -2px oklch(0% 0 0/.2);--media-duration-dialog:var(--media-duration);--media-duration-indicator:.4s;--media-hidden-offset:100%;--media-hidden-indicator-offset:-100%;--media-menu-item-radius:calc(var(--media-spacing) * 1.5);--media-popover-boundary-offset:calc(var(--media-spacing) * 2);--media-popover-side-offset:calc(var(--media-spacing) * 5);--media-popup-radius:calc(var(--media-spacing) * 2.5);--media-popup-translate-distance:calc(var(--media-spacing) * 2);--media-dialog-width:100%;--media-dialog-max-width:calc(var(--media-spacing) * 64);--media-slider-preview-label-offset:calc(var(--media-spacing) * 5);--media-video-border-radius:var(--media-border-radius,12px)}.media-skin:is([data-preset=video],[data-preset=live-video]){--media-frame-border:var(--media-border-color,var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff26));--media-controls-gradient:linear-gradient(to top in oklab, oklch(from var(--media-backdrop) l c h / .5), oklch(from var(--media-backdrop) l c h / .3) 25%, transparent);--media-caption-controls-y:calc(var(--media-spacing) * -14);--media-slider-preview-offset:calc(var(--media-spacing) * 9);--media-thumbnail-gradient:linear-gradient(to top, oklch(from var(--media-backdrop) l c h / .5), oklch(from var(--media-backdrop) l c h / .1), transparent)}.media-skin:is([data-preset=video],[data-preset=live-video])[data-theme=minimal]{--media-frame-border:var(--media-border-color,var(--lightningcss-light,#00000026)var(--lightningcss-dark,#ffffff26));--media-controls-gradient:linear-gradient(to top in oklab, oklch(from var(--media-backdrop) l c h / .7), oklch(from var(--media-backdrop) l c h / .5) calc(var(--media-spacing) * 30), transparent);--media-indicator-gradient:linear-gradient(to bottom, oklch(from var(--media-backdrop) l c h / .35), oklch(from var(--media-backdrop) l c h / .2) calc(var(--media-spacing) * 12), transparent);--media-caption-controls-y:calc(var(--media-spacing) * -18);--media-slider-preview-offset:calc(var(--media-spacing) * 11)}}@layer base.preferences{@media (pointer:fine) and (prefers-reduced-motion:no-preference){.media-skin:not([data-controls-visible]){--media-duration-controls:.3s}}@media (pointer:coarse) and (prefers-reduced-motion:no-preference){.media-skin:not([data-controls-visible]){--media-duration-controls:.15s}}@media (prefers-reduced-motion:reduce){.media-skin{--media-duration-fast:var(--media-duration-instant);--media-duration:var(--media-duration-instant);--media-duration-slow:var(--media-duration-instant);--media-duration-slower:var(--media-duration-instant);--media-duration-controls:var(--media-duration-instant);--media-duration-dialog:var(--media-duration-instant);--media-duration-indicator:var(--media-duration-instant);--media-duration-menu:0s;--media-duration-slider:0s;--media-delay-dialog:0s;--media-hidden-scale:1;--media-hidden-blur:0px;--media-hidden-offset:0px;--media-hidden-icon-scale:1;--media-hidden-indicator-scale:1;--media-hidden-indicator-offset:0px;--media-hidden-playback-scale:1;--media-hidden-popup-scale:1;--media-hidden-popup-blur:0px;--media-hidden-preview-scale:1;--media-hidden-preview-offset:0px;--media-hidden-seek-offset:0px;--media-popup-translate-distance:0px;--media-spinner-animation:none;--media-icon-airplay-fill-animation:none;--media-icon-airplay-triangle-animation:none}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.media-skin{--media-popover:var(--media-background);--media-scrollbar-thumb-color:oklch(from currentColor l c h / .8);--media-backdrop-filter-surface:none;--media-backdrop-filter-indicator:none;--media-backdrop-filter-dialog:none;--media-shadow-surface-inset:inset 0 1px 0 0 #ffffff40, inset 0 0 0 1px #ffffff20;scrollbar-width:auto}}@media (forced-colors:active){.media-skin{--media-border:CanvasText;--media-frame-border:CanvasText;--media-popover:Canvas;--media-popover-foreground:CanvasText;--media-ring:CanvasText;--media-shadow-surface-inset:inset 0 1px 0 0 CanvasText, inset 0 0 0 1px CanvasText}}}:root{--jv-bg-main:#0f0720;--jv-bg-secondary:#1e0b3a;--jv-purple:#a855f7;--jv-purple-dark:#7e22ce;--jv-purple-deep:#581c87;--jv-white:#fff;--jv-text:#f8fafc;--jv-text-muted:#f8fafc7a;--jv-border:#ffffff1a;--jv-navbar-height:76px}.home-page,.home-page *{box-sizing:border-box}.home-page button,.home-page input{font-family:inherit}.home-page{width:100%;min-height:100vh;color:var(--jv-text);background:radial-gradient(circle at 10% 10%, #a855f738, transparent 32%), radial-gradient(circle at 90% 80%, #7e22ce33, transparent 35%), linear-gradient(135deg, var(--jv-bg-main) 0%, var(--jv-bg-secondary) 48%, var(--jv-purple-deep) 100%);background-attachment:fixed;flex-direction:column;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.home-navbar{z-index:1000;width:100%;min-height:var(--jv-navbar-height);border-bottom:1px solid var(--jv-border);background:#0a0614f5;align-items:center;gap:24px;padding:0 28px;display:flex;position:sticky;top:0}.home-logo{flex-shrink:0;align-items:center;gap:10px;width:210px;min-width:210px;height:58px;display:flex}.home-logo img{object-fit:contain;flex-shrink:0;width:42px;height:42px;display:block}.home-logo-text{flex-direction:column;justify-content:center;min-width:0;display:flex}.home-logo-text strong{color:#fff;letter-spacing:-.7px;white-space:nowrap;font-size:25px;font-weight:800;line-height:1.1;display:block}.home-logo-text strong span{color:var(--jv-purple)}.home-logo-text small{color:#ffffff6b;white-space:nowrap;margin-top:5px;font-size:10px;line-height:1;display:block}.home-main-menu{flex:1;align-items:center;gap:5px;min-width:0;display:flex}.home-menu-item{color:#ffffff9e;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 15px;font-size:14px;font-weight:600;transition:color .2s,background .2s,border-color .2s;display:flex;position:relative}.home-menu-item:hover{color:#fff;background:#ffffff12;border-color:#ffffff14}.home-menu-item.active{color:#fff;background:#a855f733;border-color:#a855f740}.home-menu-item.active:after{content:"";background:var(--jv-purple);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:18px;right:18px}.home-mobile-main-menu{display:none}.home-search{flex-shrink:0;width:250px;position:relative}.home-search input{color:#fff;background:#fff1;border:1px solid #ffffff1f;border-radius:12px;outline:none;width:100%;height:42px;padding:0 40px;font-size:13px}.home-search input::placeholder{color:#ffffff6b}.home-search input:focus{border-color:#a855f7a6;box-shadow:0 0 0 2px #a855f71a}.search-icon{z-index:2;opacity:.7;pointer-events:none;font-size:15px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-clear,.search-mobile-close{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:none;border-radius:7px;width:26px;height:26px;font-size:18px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.search-clear{right:8px}.search-mobile-close{display:none;right:8px}.search-clear:hover,.search-mobile-close:hover{color:#fff;background:#ffffff26}.home-user-area{flex-shrink:0;align-items:center;display:flex}.home-welcome{display:none!important}.home-login-button{color:#fff;cursor:pointer;white-space:nowrap;background:#a855f733;border:1px solid #a855f759;border-radius:10px;flex-shrink:0;min-height:42px;padding:0 17px;font-size:13px;font-weight:650}.home-login-button:hover{background:var(--jv-purple)}.home-login-button:disabled{opacity:.65;cursor:wait}.mobile-menu-button{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;flex-shrink:0;width:42px;height:42px;font-size:20px;display:none}.home-layout{flex:1;grid-template-columns:220px minmax(0,1fr);align-items:start;width:100%;display:grid}.home-sidebar{top:var(--jv-navbar-height);height:calc(100vh - var(--jv-navbar-height));border-right:1px solid var(--jv-border);background:#0804124d;padding:26px 14px;position:sticky;overflow-y:auto}.home-sidebar::-webkit-scrollbar{width:5px}.home-sidebar::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:5px}.sidebar-title{color:#ffffff73;letter-spacing:1.1px;text-transform:uppercase;padding:0 12px 14px;font-size:11px;font-weight:700}.categories-list{flex-direction:column;gap:4px;display:flex}.category-item{color:#ffffff9e;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 10px;transition:background .18s,color .18s;display:grid}.category-item:hover{color:#fff;background:#ffffff0f}.category-item.selected{color:#fff;box-shadow:inset 3px 0 0 var(--jv-purple);background:#a855f738;border-color:#a855f740}.category-icon{justify-content:center;align-items:center;width:28px;font-size:16px;display:flex}.category-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:550;overflow:hidden}.category-count{color:#fff6;background:#ffffff0f;border-radius:7px;justify-content:center;align-items:center;min-width:22px;height:21px;padding:0 6px;font-size:10px;font-weight:650;display:inline-flex}.category-item.selected .category-count{color:#ffffffc7;background:#a855f733}.home-content{width:100%;min-width:0;padding:28px 30px 50px}.advertisement-container{background:#0000001f;border:1px dashed #ffffff26;border-radius:14px;justify-content:center;align-items:center;width:100%;min-height:92px;margin-bottom:30px;transition:opacity .2s;display:flex}.advertisement-container.advertisement-hidden{opacity:0;pointer-events:none;border:0;height:0;min-height:0;margin:0;padding:0;overflow:hidden}.home-welcome-banner{text-align:center;background:linear-gradient(135deg,#6a26a86b,#2a0a4bad);border:1px solid #b15bff59;border-radius:14px;justify-content:center;align-items:center;gap:14px;min-height:92px;margin-bottom:18px;padding:14px 22px;display:flex;box-shadow:0 8px 24px #0000002e}.home-welcome-banner>span{font-size:27px;line-height:1}.home-welcome-banner>div{text-align:center;min-width:0}.home-welcome-banner>div>div{color:#ffffffc7;margin-bottom:3px;font-size:13px}.home-welcome-banner strong{text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:22px;display:block;overflow:hidden}.catalog-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.catalog-title{min-width:0}.catalog-header h1{color:#fff;letter-spacing:-.6px;margin:0;font-size:25px;font-weight:750}.catalog-header p{color:var(--jv-text-muted);margin:6px 0 0;font-size:12px}.recent-movies-section{width:100%;min-width:0;margin:0 0 38px;position:relative}.recent-movies-header{justify-content:space-between;align-items:center;gap:18px;width:100%;min-height:42px;margin-bottom:16px;display:flex}.recent-movies-title{align-items:center;gap:11px;min-width:0;display:flex}.recent-movies-icon{background:#a855f724;border:1px solid #a855f747;border-radius:10px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;box-shadow:0 6px 18px #0000002e}.recent-movies-title h2{color:#fffffff7;letter-spacing:-.4px;margin:0;font-size:20px;font-weight:800}.recent-slider-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.recent-slider-button{color:#ffffffeb;cursor:pointer;background:#a855f721;border:1px solid #a855f759;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font:300 30px/1 Arial,sans-serif;transition:transform .18s,background .18s,border-color .18s;display:flex}.recent-slider-button:hover{background:#a855f747;border-color:#a855f7a6;transform:scale(1.06)}.recent-slider-window{border-radius:16px;width:100%;padding:5px 2px 14px;position:relative;overflow:hidden}.recent-slider-track{will-change:transform;width:100%;transition:transform .72s cubic-bezier(.22,.61,.36,1);display:flex;transform:translate(0,0)}.recent-slider-page{flex:0 0 100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:100%;min-width:100%;padding:0 12px;display:grid}.recent-slide-card{cursor:pointer;outline:none;width:100%;min-width:0}.recent-slide-poster{aspect-ratio:2/3;background:linear-gradient(145deg,#24103d,#10091d);border:1px solid #ffffff1a;border-radius:15px;width:100%;transition:transform .24s,border-color .24s,box-shadow .24s;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 12px 30px #0000004d}.recent-slide-poster img{object-fit:cover;width:100%;height:100%;transition:transform .45s;display:block;transform:scale(1.001)}.recent-slide-gradient{z-index:2;pointer-events:none;background:linear-gradient(#0000 42%,#05020c8c 76%,#05020cf0);position:absolute;inset:0}.recent-slide-rating{z-index:4;color:#fffffff0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#08040fdb;border:1px solid #ffffff29;border-radius:8px;align-items:center;gap:4px;min-height:28px;padding:0 9px;font-size:11px;font-weight:750;display:flex;position:absolute;top:11px;right:11px}.recent-slide-info{z-index:4;pointer-events:none;padding:34px 13px 13px;position:absolute;bottom:0;left:0;right:0}.recent-slide-info h3{text-overflow:ellipsis;white-space:nowrap;color:#fff;text-shadow:0 2px 8px #0000008c;margin:0;font-size:14px;font-weight:750;line-height:1.25;overflow:hidden}.recent-slide-info>div{color:#ffffff9e;margin-top:5px;font-size:10px}.recent-slide-card:hover .recent-slide-poster{border-color:#a855f799;transform:translateY(-6px)scale(1.012);box-shadow:0 20px 42px #0000006b}.recent-slide-card:hover .recent-slide-poster img{transform:scale(1.045)}.recent-slider-dots{justify-content:center;align-items:center;gap:7px;width:100%;min-height:18px;margin-top:1px;display:flex}.recent-slider-dot{cursor:pointer;background:#ffffff3d;border:0;border-radius:50%;width:7px;height:7px;padding:0;transition:width .22s,background .22s,transform .22s}.recent-slider-dot.active{background:var(--jv-purple);border-radius:5px;width:24px;box-shadow:0 0 12px #a855f76b}.movies-by-genre{flex-direction:column;gap:34px;width:100%;display:flex}.genre-row{width:100%;min-width:0}.genre-row-header{justify-content:space-between;align-items:center;gap:15px;width:100%;margin-bottom:14px;display:flex}.genre-row-title{align-items:center;gap:9px;min-width:0;display:flex}.genre-row-title h2{color:#fffffff0;letter-spacing:-.3px;margin:0;font-size:18px;font-weight:750;line-height:1.2}.genre-row-icon{background:#a855f726;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex}.genre-see-all{color:#ffffffa6;cursor:pointer;background:#a855f714;border:1px solid #a855f740;border-radius:8px;flex-shrink:0;padding:7px 11px;font-size:11px;font-weight:650}.genre-see-all:hover{color:#fff;background:#a855f733}.movies-horizontal{scroll-behavior:smooth;scroll-snap-type:x proximity;overscroll-behavior-x:contain;gap:15px;width:100%;min-width:0;padding:4px 4px 14px;display:flex;overflow:auto hidden}.movies-horizontal::-webkit-scrollbar{height:6px}.movies-horizontal::-webkit-scrollbar-track{background:#ffffff0a;border-radius:10px}.movies-horizontal::-webkit-scrollbar-thumb{background:#a855f759;border-radius:10px}.movies-horizontal .movie-card{scroll-snap-align:start;flex:0 0 150px;width:150px;min-width:150px}.movies-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 16px;width:100%;display:grid}.movie-card{cursor:pointer;outline:none;min-width:0}.movie-card:hover .movie-poster{transform:translateY(-5px);box-shadow:0 18px 38px #00000061}.movie-card:hover .movie-poster img{transform:scale(1.035)}.movie-card:focus-visible{outline:3px solid var(--jv-purple);outline-offset:5px;border-radius:13px}.movie-card:focus-visible .movie-poster{border-color:#a855f7a6;transform:translateY(-4px);box-shadow:0 12px 30px #0006}.movie-poster{aspect-ratio:2/3;background:linear-gradient(145deg,#24103d,#10091d);border:1px solid #ffffff17;border-radius:12px;width:100%;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000038}.movie-poster img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.movie-poster-gradient{z-index:2;pointer-events:none;background:linear-gradient(#0000,#05020cd9);height:48%;position:absolute;bottom:0;left:0;right:0}.movie-placeholder{background:radial-gradient(circle,#a855f72e,#0000 55%),#160b28;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.movie-placeholder span{font-size:32px}.movie-placeholder small{color:#ffffff59;font-size:10px}.movie-rating{z-index:5;color:#ffffffe6;background:#08040fd1;border:1px solid #ffffff1f;border-radius:7px;align-items:center;gap:4px;min-height:25px;padding:0 8px;font-size:10px;font-weight:700;display:flex;position:absolute;top:9px;right:9px}.movie-info{min-width:0;padding:10px 2px 0}.movie-info h3{text-overflow:ellipsis;white-space:nowrap;color:#ffffffeb;margin:0;font-size:13px;font-weight:650;line-height:1.35;overflow:hidden}.movie-meta{color:#fff6;align-items:center;gap:6px;margin-top:5px;font-size:10px;display:flex}.catalog-message{text-align:center;background:#0000001a;border:1px dashed #ffffff1a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:250px;padding:35px;display:flex}.catalog-message p{color:#ffffff7a;margin:0;font-size:13px}.catalog-message.error{border-color:#f8717133}.catalog-message.error p{color:#f87171bf}.message-icon{font-size:30px}.loading-spinner{border:3px solid #ffffff1a;border-top-color:var(--jv-purple);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite jv-spin}@keyframes jv-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.clear-search-button{color:#ffffffbf;cursor:pointer;background:#a855f71f;border:1px solid #a855f74d;border-radius:9px;margin-top:4px;padding:9px 15px;font-size:11px}.clear-search-button:hover{color:#fff;background:#a855f738}@media (width<=1100px) and (width>=701px){.home-navbar{gap:14px;padding:0 20px}.home-logo{width:175px;min-width:175px}.home-menu-item{padding:0 10px;font-size:12px}.home-search{width:205px}.home-layout{grid-template-columns:190px minmax(0,1fr)}.home-content{padding:25px 22px 45px}.movies-horizontal .movie-card{flex-basis:145px;width:145px;min-width:145px}.movies-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.recent-slider-page{gap:15px;padding:0 8px}.recent-slide-info h3{font-size:12px}}@media (width>=1400px){.home-layout{grid-template-columns:285px minmax(0,1fr)}.home-sidebar{padding:32px 18px}.sidebar-title{padding:0 14px 18px;font-size:13px}.category-item{border-radius:12px;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;min-height:54px;padding:0 13px}.category-icon{width:36px;font-size:21px}.category-name{font-size:16px;font-weight:650}.category-count{border-radius:8px;min-width:28px;height:26px;padding:0 8px;font-size:12px}.home-content{padding-left:38px;padding-right:38px}.movies-horizontal .movie-card{flex-basis:165px;width:165px;min-width:165px}.genre-row-title h2{font-size:20px}.recent-slider-page{gap:24px;padding:0 16px}.recent-slide-info h3{font-size:16px}}@media (width>=1800px){.home-layout{grid-template-columns:315px minmax(0,1fr)}.home-sidebar{padding:36px 20px}.category-item{min-height:58px}.category-name{font-size:18px}.category-icon{font-size:23px}.category-count{font-size:13px}.home-content{padding:35px 48px 65px}.movies-horizontal .movie-card{flex-basis:180px;width:180px;min-width:180px}.movie-info h3{font-size:14px}}@media (width<=700px){.home-navbar{flex-wrap:wrap;align-content:center;gap:0;height:auto;min-height:108px;padding:0 12px}.home-logo{flex:auto;width:auto;min-width:0;height:64px;margin-right:8px}.home-logo img{width:40px;height:40px}.home-logo-text strong{font-size:20px}.home-logo-text small,.home-main-menu{display:none}.home-mobile-main-menu{scrollbar-width:none;order:20;justify-content:center;align-items:stretch;gap:5px;width:100%;height:44px;min-height:44px;padding:0 2px 7px;display:flex;overflow:auto hidden}.home-mobile-main-menu::-webkit-scrollbar{display:none}.home-mobile-menu-item{color:#ffffffad;white-space:nowrap;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff17;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:6px;min-width:92px;height:37px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.home-mobile-menu-item.active{color:#fff;box-shadow:inset 0 -2px 0 var(--jv-purple);background:#a855f73d;border-color:#a855f77a}.home-search{z-index:1100;flex:0 0 42px;order:3;width:42px;height:42px}.home-search input{color:#0000;cursor:pointer;border-radius:11px;width:42px;height:42px;padding:0}.home-search input:focus{color:#0000;background:#fff1;width:42px;padding:0}.home-search.mobile-search-open{z-index:1200;width:auto;height:46px;position:fixed;top:12px;left:12px;right:12px}.home-search.mobile-search-open input,.home-search.mobile-search-open input:focus{color:#fff;cursor:text;background:#0f0720fa;border-color:#a855f7b8;width:100%;height:46px;padding:0 42px;box-shadow:0 0 0 2px #a855f729,0 14px 35px #00000073}.home-search.mobile-search-open .search-icon{left:14px}.home-search.mobile-search-open .search-clear{justify-content:center;align-items:center;display:flex}.home-search.mobile-search-open .search-mobile-close{justify-content:center;align-items:center;display:flex;right:8px}.home-search.mobile-search-open .search-clear+.search-mobile-close{right:40px}.home-login-button{order:4;height:42px;min-height:42px;padding:0 13px;font-size:11px}.home-user-area{display:contents}.mobile-menu-button{order:5;justify-content:center;align-items:center;width:42px;height:42px;margin-left:7px;display:flex}.home-layout{display:block}.home-sidebar{z-index:1050;background:#0f0720fb;width:min(300px,88vw);height:calc(100vh - 108px);padding:24px 16px;transition:transform .2s;position:fixed;top:108px;left:0;transform:translate(-105%);box-shadow:16px 0 40px #00000059}.home-sidebar.mobile-open{transform:translate(0)}.sidebar-title{padding-bottom:16px;font-size:12px}.category-item{grid-template-columns:32px minmax(0,1fr) auto;gap:9px;min-height:50px;padding:0 12px}.category-icon{width:32px;font-size:19px}.category-name{font-size:15px}.category-count{min-width:25px;height:24px;font-size:11px}.home-content{padding:18px 14px 35px}.advertisement-container.advertisement-hidden{display:none}.home-welcome-banner{min-height:96px;margin-bottom:18px;padding:14px 16px}.home-welcome-banner>span{font-size:24px}.home-welcome-banner strong{font-size:20px}.catalog-header{margin-bottom:22px}.catalog-header h1{font-size:21px}.recent-movies-section{margin-bottom:30px}.recent-movies-header{margin-bottom:12px}.recent-movies-title h2{font-size:16px}.recent-movies-icon{flex-basis:30px;width:30px;height:30px;font-size:15px}.recent-slider-button{width:34px;height:34px;font-size:25px}.recent-slider-page{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 5px}.recent-slide-poster{border-radius:12px}.recent-slide-info{padding:30px 8px 9px}.recent-slide-info h3{font-size:11px}.recent-slide-info>div{font-size:9px}.recent-slide-rating{min-height:22px;padding:0 6px;font-size:8px;top:7px;right:7px}.recent-slider-dots{gap:5px}.recent-slider-dot{width:6px;height:6px}.recent-slider-dot.active{width:18px}.movies-by-genre{gap:28px}.genre-row-header{margin-bottom:11px}.genre-row-title h2{font-size:16px}.genre-row-icon{width:27px;height:27px;font-size:14px}.genre-see-all{padding:6px 9px;font-size:10px}.movies-horizontal{gap:11px}.movies-horizontal .movie-card{flex-basis:125px;width:125px;min-width:125px}.movie-info h3{font-size:12px}.movie-rating{min-height:22px;padding:0 6px;font-size:9px;top:7px;right:7px}}@media (width<=400px){.home-navbar{padding-left:9px;padding-right:9px}.home-logo img{width:36px;height:36px}.home-logo-text strong{font-size:18px}.home-mobile-menu-item{min-width:88px;padding:0 9px;font-size:11px}.home-login-button{padding:0 9px;font-size:10px}.home-content{padding:15px 10px 30px}.recent-slider-page{gap:9px;padding:0 3px}.recent-slide-info h3{font-size:10px}.recent-slide-info>div{font-size:8px}.movies-horizontal .movie-card{flex-basis:115px;width:115px;min-width:115px}}@media (hover:none){.movie-card:hover .movie-poster,.recent-slide-card:hover .recent-slide-poster{transform:none;box-shadow:0 10px 25px #00000038}.movie-card:hover .movie-poster img,.recent-slide-card:hover .recent-slide-poster img{transform:none}}.home-page button:focus-visible,.home-page input:focus-visible{outline-offset:2px;outline:2px solid #a855f7bf}@media (width>=1400px){.home-page button:focus-visible,.home-page input:focus-visible{outline-offset:4px;outline-width:3px}}@media (prefers-reduced-motion:reduce){.home-page *,.home-page :before,.home-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.home-hero{background:radial-gradient(circle at 82% 38%,#a855f74d,#0000 28%),radial-gradient(circle at 65% 100%,#2563eb2e,#0000 35%),linear-gradient(135deg,#12082afa,#2c0d4ef0);border:1px solid #a855f761;border-radius:24px;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:center;gap:24px;min-height:390px;margin:0 0 34px;padding:54px 52px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000047,inset 0 1px #ffffff0d}.home-hero:before{content:"";pointer-events:none;opacity:.16;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000000bf,#0000 75%);mask-image:linear-gradient(90deg,#000000bf,#0000 75%)}.home-hero-content{z-index:2;max-width:760px;position:relative}.home-eyebrow,.home-section-kicker{color:#c084fc;letter-spacing:1.6px;text-transform:uppercase;font-size:11px;font-weight:800;display:inline-block}.home-hero h1{color:#fff;letter-spacing:-1.8px;max-width:760px;margin:12px 0 16px;font-size:clamp(34px,4vw,58px);font-weight:850;line-height:1.02}.home-hero p{color:#ffffffb8;max-width:690px;margin:0;font-size:16px;line-height:1.75}.home-hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.home-primary-button,.home-secondary-button{cursor:pointer;border-radius:11px;min-height:46px;padding:0 20px;font-size:13px;font-weight:750;transition:transform .18s,background .18s,border-color .18s}.home-primary-button{color:#fff;background:linear-gradient(135deg,#a855f7,#7e22ce);border:1px solid #c084fc8c;box-shadow:0 10px 28px #7e22ce47}.home-secondary-button{color:#ffffffe0;background:#ffffff0f;border:1px solid #ffffff29}.home-primary-button:hover,.home-secondary-button:hover{transform:translateY(-2px)}.home-primary-button span{margin-left:8px}.home-hero-art{justify-content:center;align-items:center;min-height:270px;display:flex;position:relative}.hero-screen{z-index:3;color:#fff;background:linear-gradient(135deg,#160b31,#3b126d);border:8px solid #d8b4fec7;border-radius:18px;justify-content:center;align-items:center;width:190px;height:125px;font-size:48px;display:flex;position:relative;transform:perspective(500px)rotateY(-8deg)rotateX(3deg);box-shadow:0 0 0 8px #a855f71a,0 25px 55px #00000059}.hero-orbit{border:1px solid #c084fc57;border-radius:50%;position:absolute;transform:rotate(-25deg)}.hero-orbit-one{width:280px;height:145px}.hero-orbit-two{border-color:#60a5fa38;width:330px;height:185px;transform:rotate(35deg)}.hero-pixel{color:#e879f9;font-size:30px;animation:3s ease-in-out infinite jvFloat;position:absolute;top:12%;right:8%}@keyframes jvFloat{50%{transform:translateY(-8px)rotate(8deg)}}.home-value-section,.home-discovery-note,.home-results-section{margin-bottom:38px}.home-section-heading{margin-bottom:18px}.home-section-heading.compact{max-width:850px}.home-section-heading h2,.home-discovery-note h2,.home-results-intro h2{color:#fff;letter-spacing:-.5px;margin:6px 0 7px;font-size:24px;line-height:1.2}.home-section-heading p,.home-discovery-note p,.home-results-intro p{color:#ffffff94;margin:0;font-size:13px;line-height:1.7}.home-value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.home-value-card{background:linear-gradient(145deg,#ffffff0e,#ffffff05);border:1px solid #a855f738;border-radius:16px;gap:15px;min-height:132px;padding:20px;display:flex}.home-value-card>span{background:#a855f726;border-radius:12px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;font-size:21px;display:flex}.home-value-card h3{color:#fff;margin:0 0 6px;font-size:15px}.home-value-card p{color:#ffffff8c;margin:0;font-size:12px;line-height:1.65}.home-discovery-note{background:#a855f70e;border:1px solid #a855f73d;border-radius:17px;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:center;gap:25px;padding:24px 26px;display:grid}.home-genre-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.home-genre-summary button{color:#ffffffc7;text-align:left;cursor:pointer;background:#00000024;border:1px solid #ffffff17;border-radius:9px;align-items:center;gap:9px;min-height:42px;padding:0 12px;display:flex}.home-genre-summary button:hover{color:#fff;background:#a855f71a;border-color:#a855f76b}.genre-row-description{color:#ffffff6e;margin:3px 0 0;font-size:11px;line-height:1.45}.genre-row-title{align-items:flex-start}.home-results-intro{border-bottom:1px solid #ffffff14;max-width:820px;margin-bottom:18px;padding-bottom:16px}.home-results-intro strong{color:#ffffffd6}.sidebar-note{background:#a855f714;border:1px solid #a855f738;border-radius:12px;gap:10px;margin:28px 4px 0;padding:15px 13px;display:flex}.sidebar-note>span{color:#c084fc;font-size:18px}.sidebar-note strong{color:#ffffffd1;margin-bottom:5px;font-size:11px;display:block}.sidebar-note small{color:#ffffff6b;font-size:10px;line-height:1.5;display:block}.home-footer{border-top:1px solid #ffffff14;grid-template-columns:1.5fr auto;gap:20px;margin-top:58px;padding:28px 0 8px;display:grid}.home-footer-brand strong{color:#fff;font-size:18px}.home-footer-brand strong span{color:#a855f7}.home-footer-brand p{color:#fff6;max-width:520px;margin:7px 0 0;font-size:11px;line-height:1.6}.home-footer-links{align-items:flex-start;gap:14px;display:flex}.home-footer-links button{color:#ffffff85;cursor:pointer;background:0 0;border:0;font-size:11px}.home-footer-links button:hover{color:#fff}.home-footer-copy{color:#ffffff45;grid-column:1/-1;padding-top:8px;font-size:10px}@media (width<=1050px){.home-hero{grid-template-columns:1fr;min-height:auto;padding:40px 34px}.home-hero-art{opacity:.32;pointer-events:none;width:36%;position:absolute;bottom:0;right:0}.home-value-grid,.home-discovery-note{grid-template-columns:1fr}}@media (width<=760px){.home-content{padding:18px 16px 40px}.home-hero{border-radius:18px;margin-bottom:26px;padding:32px 24px}.home-hero h1{letter-spacing:-1px;font-size:34px}.home-hero p{font-size:14px}.home-hero-art{display:none}.home-section-heading h2,.home-discovery-note h2,.home-results-intro h2{font-size:21px}.home-discovery-note{padding:20px}.home-footer{grid-template-columns:1fr}.home-footer-copy{grid-column:auto}}.home-secondary-button-accent{background:#22d3ee1a;border-color:#22d3ee59}.home-secondary-button-accent:hover{color:#fff;background:#22d3ee2e;border-color:#22d3ee8c}.catalog-experience-hero{background:linear-gradient(135deg,#1f123af5,#0b0b1af5);border:1px solid #ffffff1a;border-radius:24px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;min-height:250px;margin:0 0 30px;padding:30px 32px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 45px #0000003d}.catalog-experience-hero:before{content:"";pointer-events:none;background:linear-gradient(110deg,#a855f71a,#0000 42%,#22d3ee12);position:absolute;inset:0}.catalog-experience-series{background:linear-gradient(135deg,#18234ef5,#0a0d1cfa);border-color:#3b82f647}.catalog-experience-iptv{background:linear-gradient(135deg,#083745f0,#07111efa);border-color:#22d3ee47}.catalog-experience-glow{filter:blur(30px);pointer-events:none;background:#a855f72e;border-radius:50%;width:300px;height:300px;position:absolute;top:-120px;right:-90px}.catalog-experience-iptv .catalog-experience-glow{background:#22d3ee29}.catalog-experience-icon{z-index:1;background:#ffffff12;border:1px solid #ffffff24;border-radius:22px;place-items:center;width:82px;height:82px;font-size:38px;display:grid;position:relative;box-shadow:inset 0 0 25px #ffffff09}.catalog-experience-series .catalog-experience-icon{background:#3b82f621;border-color:#60a5fa4d}.catalog-experience-iptv .catalog-experience-icon{background:#22d3ee1f;border-color:#22d3ee4d}.catalog-experience-copy{z-index:1;min-width:0;position:relative}.catalog-experience-copy h1{color:#fff;letter-spacing:-.8px;margin:7px 0 9px;font-size:clamp(25px,3vw,38px);line-height:1.08}.catalog-experience-copy>p{color:#ffffffad;max-width:760px;margin:0;font-size:14px;line-height:1.7}.catalog-experience-actions{flex-wrap:wrap;gap:9px;margin-top:20px;display:flex}.catalog-experience-stats{z-index:1;gap:10px;min-width:145px;display:grid;position:relative}.catalog-experience-stats div{background:#0000002e;border:1px solid #ffffff17;border-radius:14px;min-width:145px;padding:14px 16px}.catalog-experience-stats strong{color:#fff;font-size:22px;line-height:1.1;display:block}.catalog-experience-stats span{color:#ffffff80;text-transform:uppercase;letter-spacing:.6px;margin-top:4px;font-size:10px;display:block}@media (width<=900px){.catalog-experience-hero{grid-template-columns:auto minmax(0,1fr)}.catalog-experience-stats{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.catalog-experience-hero{grid-template-columns:1fr;gap:16px;padding:24px 20px}.catalog-experience-icon{border-radius:18px;width:64px;height:64px;font-size:30px}.catalog-experience-stats{grid-column:auto;grid-template-columns:1fr 1fr;min-width:0}.catalog-experience-stats div{min-width:0}.catalog-experience-actions>button{flex:100%}}.movies-page{color:#f8fafc;box-sizing:border-box;background:0 0;width:100%;min-height:calc(100vh - 87px);padding:30px 0 40px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.movies-container{box-sizing:border-box;width:100%;max-width:none;margin:0}.movies-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.movies-header h1{margin:0;font-size:28px;font-weight:700}.movies-header p{color:#94a3b8;margin:5px 0 0;font-size:13px}.movies-add-button{color:#fff;cursor:pointer;background:#0ea5e9;border:0;border-radius:9px;padding:11px 18px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.movies-add-button:hover{background:#0284c7;transform:translateY(-1px)}.movies-toolbar{background:#111827;border:1px solid #94a3b824;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;padding:16px;display:flex}.movies-search{flex:1;min-width:240px;position:relative}.movies-search input,.movies-filter select{box-sizing:border-box;color:#f8fafc;background:#172033;border:1px solid #94a3b82e;border-radius:8px;outline:none;width:100%;padding:11px 12px;font-size:12px}.movies-search input:focus,.movies-filter select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf814}.movies-filter{width:130px}.movies-search-button{color:#38bdf8;cursor:pointer;background:#38bdf814;border:1px solid #38bdf840;border-radius:8px;padding:10px 16px;font-size:12px;font-weight:600}.movies-search-button:hover{background:#38bdf826}.movies-table-panel{background:#172033;border:1px solid #94a3b824;border-radius:14px;overflow:hidden}.movies-table-wrapper{width:100%;overflow-x:auto}.movies-table{border-collapse:collapse;width:100%;min-width:760px}.movies-table th{color:#64748b;text-align:left;letter-spacing:.08em;text-transform:uppercase;background:#111827;border-bottom:1px solid #94a3b824;padding:13px 16px;font-size:10px;font-weight:700}.movies-table td{color:#cbd5e1;border-bottom:1px solid #94a3b817;padding:15px 16px;font-size:12px}.movies-table tbody tr{transition:background .15s}.movies-table tbody tr:hover{background:#94a3b809}.movies-table tbody tr:last-child td{border-bottom:0}.movie-id{color:#38bdf8;font-family:Cascadia Code,Consolas,monospace;font-size:11px}.movie-title{color:#f8fafc;font-weight:600}.movie-year{color:#cbd5e1}.movie-date{color:#94a3b8;white-space:nowrap}.movie-file{text-overflow:ellipsis;white-space:nowrap;color:#64748b;max-width:420px;font-size:10px;overflow:hidden}.movie-actions{align-items:center;gap:7px;display:flex}.movie-action{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #94a3b824;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.movie-action.edit:hover{color:#38bdf8;background:#38bdf814;border-color:#38bdf840}.movie-action.delete:hover{color:#f87171;background:#ef444414;border-color:#ef444440}.movies-empty{text-align:center;color:#64748b;padding:55px 20px}.movies-empty strong{color:#cbd5e1;margin-bottom:6px;font-size:14px;display:block}.movies-loading{color:#94a3b8;justify-content:center;align-items:center;min-height:300px;display:flex}.movies-spinner{border:3px solid #94a3b826;border-top-color:#38bdf8;border-radius:50%;width:28px;height:28px;margin-right:12px;animation:.8s linear infinite movies-spin}@keyframes movies-spin{to{transform:rotate(360deg)}}.movies-alert{border-radius:9px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:14px 16px;font-size:12px;display:flex}.movies-alert.error{color:#fca5a5;background:#ef444414;border:1px solid #ef444433}.movies-alert.success{color:#86efac;background:#22c55e14;border:1px solid #22c55e33}.movies-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020617b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.movies-modal{background:#172033;border:1px solid #94a3b829;border-radius:14px;width:min(620px,100%);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 25px 70px #00000073}.movies-modal-header{border-bottom:1px solid #94a3b81f;justify-content:space-between;align-items:center;gap:15px;padding:20px 22px;display:flex}.movies-modal-header h2{margin:0;font-size:18px}.movies-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:7px;width:32px;height:32px;font-size:18px}.movies-modal-close:hover{color:#fff;background:#94a3b814}.movies-form{padding:22px}.movies-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.movies-form-group{flex-direction:column;gap:6px;display:flex}.movies-form-group.full{grid-column:1/-1}.movies-form-group label{color:#94a3b8;font-size:11px;font-weight:600}.movies-form-group input,.movies-form-group textarea{box-sizing:border-box;color:#f8fafc;width:100%;font:inherit;background:#0f172a;border:1px solid #94a3b82b;border-radius:8px;outline:none;padding:11px 12px;font-size:12px}.movies-form-group textarea{resize:vertical;min-height:90px}.movies-form-group input:focus,.movies-form-group textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf814}.movies-form-help{color:#64748b;font-size:9px}.movies-modal-footer{border-top:1px solid #94a3b81f;justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px;display:flex}.movies-button-secondary,.movies-button-primary{cursor:pointer;border-radius:8px;padding:10px 16px;font-size:12px;font-weight:600}.movies-button-secondary{color:#94a3b8;background:0 0;border:1px solid #94a3b829}.movies-button-secondary:hover{color:#f8fafc;background:#94a3b80f}.movies-button-primary{color:#fff;background:#0ea5e9;border:0}.movies-button-primary:hover{background:#0284c7}.movies-button-primary:disabled{opacity:.55;cursor:not-allowed}.movies-pagination{border-top:1px solid #94a3b81a;justify-content:space-between;align-items:center;gap:15px;padding:14px 16px;display:flex}.movies-pagination-info{color:#64748b;font-size:10px}.movies-pagination-buttons{gap:6px;display:flex}.movies-page-button{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #94a3b824;border-radius:7px;min-width:32px;height:32px;font-size:11px}.movies-page-button:hover:not(:disabled){color:#38bdf8;background:#38bdf814}.movies-page-button:disabled{opacity:.35;cursor:not-allowed}@media (width<=900px){.movies-page{padding:25px 20px 30px}.movies-cards,.movies-form-grid{grid-template-columns:1fr}.movies-form-group.full{grid-column:auto}}@media (width<=600px){.movies-page{padding:20px 14px 25px}.movies-header{flex-direction:column;align-items:flex-start}.movies-add-button{width:100%}.movies-toolbar{flex-direction:column;align-items:stretch}.movies-search,.movies-filter,.movies-search-button{width:100%}.movies-modal-overlay{padding:10px}.movies-modal{max-height:calc(100vh - 20px)}.movies-pagination{flex-direction:column;align-items:flex-start}}.series-page{color:#f8fafc;box-sizing:border-box;width:100%;min-height:calc(100vh - 87px)}.series-container{box-sizing:border-box;width:100%;margin:0;padding:30px 0 40px}.series-section-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.series-label{color:#38bdf8;letter-spacing:.13em;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.series-section-header h1{margin:0;font-size:26px}.series-section-header p{color:#64748b;margin:5px 0 0;font-size:12px}.series-primary-button,.series-secondary-button,.series-danger-button{cursor:pointer;border-radius:8px;padding:10px 15px;font-size:11px;font-weight:600;transition:all .2s}.series-primary-button{color:#fff;background:#0ea5e9;border:0}.series-primary-button:hover{background:#0284c7}.series-primary-button.small{padding:8px 11px;font-size:10px}.series-secondary-button{color:#94a3b8;background:0 0;border:1px solid #94a3b829}.series-secondary-button:hover{color:#f8fafc;background:#94a3b812}.series-secondary-button.small{padding:7px 10px;font-size:10px}.series-danger-button{color:#f87171;background:#ef444414;border:1px solid #ef444433}.series-danger-button:hover{background:#ef444426}.series-primary-button:disabled,.series-secondary-button:disabled,.series-danger-button:disabled{opacity:.5;cursor:not-allowed}.series-alert{border-radius:9px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:11px;display:flex}.series-alert.error{color:#fca5a5;background:#ef444414;border:1px solid #ef444433}.series-alert.success{color:#86efac;background:#22c55e14;border:1px solid #22c55e33}.series-alert button{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:18px}.series-toolbar{background:#111827;border:1px solid #94a3b824;border-radius:12px;align-items:center;gap:10px;margin-bottom:18px;padding:14px;display:flex}.series-search{flex:1;align-items:center;gap:8px;min-width:250px;display:flex}.series-search>span{color:#64748b}.series-search input{box-sizing:border-box;color:#f8fafc;background:#172033;border:1px solid #94a3b82b;border-radius:8px;outline:none;width:100%;padding:11px 12px;font-size:12px}.series-search input:focus,.series-form-group input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf814}.series-table-panel{background:#172033;border:1px solid #94a3b824;border-radius:14px;overflow:hidden}.series-table-wrapper{width:100%;overflow-x:auto}.series-table{border-collapse:collapse;width:100%;min-width:760px}.series-table th{color:#64748b;text-align:left;letter-spacing:.09em;background:#111827;border-bottom:1px solid #94a3b824;padding:13px 16px;font-size:9px;font-weight:700}.series-table td{color:#cbd5e1;border-bottom:1px solid #94a3b817;padding:15px 16px;font-size:12px}.series-table tbody tr:last-child td{border-bottom:0}.series-table tbody tr:hover{background:#94a3b809}.series-id{color:#38bdf8;font-family:Cascadia Code,Consolas,monospace;font-size:11px}.series-title-button{color:#f8fafc;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-weight:600}.series-title-button:hover{color:#38bdf8;text-decoration:underline}.series-row-actions{align-items:center;gap:6px;display:flex}.series-icon-button{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #94a3b824;border-radius:7px;justify-content:center;align-items:center;width:31px;height:31px;transition:all .2s;display:inline-flex}.series-icon-button:hover{color:#38bdf8;background:#38bdf814;border-color:#38bdf840}.series-icon-button.danger:hover{color:#f87171;background:#ef444414;border-color:#ef444440}.series-pagination{color:#64748b;border-top:1px solid #94a3b81a;justify-content:space-between;align-items:center;gap:15px;padding:13px 16px;font-size:10px;display:flex}.series-pagination>div{align-items:center;gap:8px;display:flex}.series-page-button{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #94a3b824;border-radius:7px;width:31px;height:31px}.series-page-button:hover:not(:disabled){color:#38bdf8;background:#38bdf814;border-color:#38bdf840}.series-page-button:disabled{opacity:.35;cursor:not-allowed}.series-page-number{text-align:center;min-width:105px}.series-loading,.series-empty{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:280px;display:flex}.series-empty strong{color:#cbd5e1;font-size:14px}.series-empty span{font-size:11px}.series-spinner{border:3px solid #94a3b826;border-top-color:#38bdf8;border-radius:50%;width:27px;height:27px;margin-bottom:8px;animation:.8s linear infinite series-spin}@keyframes series-spin{to{transform:rotate(360deg)}}.series-detail{width:100%}.series-detail-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.series-back-button{color:#38bdf8;cursor:pointer;background:0 0;border:0;margin-bottom:15px;padding:0;font-size:11px;display:block}.series-detail-header h2{margin:0;font-size:26px}.series-detail-header p{color:#64748b;margin:6px 0 0;font-size:11px}.series-detail-actions{align-items:center;gap:8px;display:flex}.series-panel{background:#172033;border:1px solid #94a3b824;border-radius:14px;overflow:hidden}.series-panel-header{border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;gap:15px;padding:20px 22px;display:flex}.series-panel-header h3{margin:0;font-size:17px}.season-list{padding:14px}.season-card{background:#111827;border:1px solid #94a3b81f;border-radius:10px;margin-bottom:12px;overflow:hidden}.season-card:last-child{margin-bottom:0}.season-header{border-bottom:1px solid #94a3b817;justify-content:space-between;align-items:center;gap:15px;padding:14px 16px;display:flex}.season-number{color:#f8fafc;font-size:13px;font-weight:700;display:block}.season-count{color:#64748b;margin-top:3px;font-size:9px;display:block}.season-actions{align-items:center;gap:6px;display:flex}.episode-list{padding:4px 16px}.episode-row{border-bottom:1px solid #94a3b812;align-items:center;gap:14px;min-height:55px;display:flex}.episode-row:last-child{border-bottom:0}.episode-number{color:#38bdf8;background:#38bdf814;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-family:Cascadia Code,Consolas,monospace;font-size:10px;font-weight:700;display:flex}.episode-info{flex-direction:column;flex:1;min-width:0;display:flex}.episode-info strong{text-overflow:ellipsis;white-space:nowrap;color:#e2e8f0;font-size:11px;overflow:hidden}.episode-info span{text-overflow:ellipsis;white-space:nowrap;color:#64748b;max-width:100%;margin-top:3px;font-family:Cascadia Code,Consolas,monospace;font-size:8px;overflow:hidden}.episode-actions{gap:5px;display:flex}.episode-empty{color:#64748b;text-align:center;padding:25px 5px;font-size:10px}.series-empty-detail{color:#64748b;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:50px 20px;display:flex}.series-empty-detail strong{color:#cbd5e1;font-size:14px}.series-empty-detail span{font-size:10px}.series-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020617b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.series-modal{background:#172033;border:1px solid #94a3b829;border-radius:14px;width:min(620px,100%);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 25px 70px #00000073}.series-modal.small{width:min(440px,100%)}.series-modal-header{border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:flex-start;gap:15px;padding:20px 22px;display:flex}.series-modal-header h2{margin:0;font-size:18px}.series-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:7px;width:32px;height:32px;font-size:19px}.series-modal-close:hover{color:#fff;background:#94a3b812}.series-form{padding:22px}.series-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.series-form-group{flex-direction:column;gap:6px;display:flex}.series-form-group.full{grid-column:1/-1}.series-form-group label{color:#94a3b8;font-size:11px;font-weight:600}.series-form-group input{box-sizing:border-box;color:#f8fafc;width:100%;font:inherit;background:#0f172a;border:1px solid #94a3b82b;border-radius:8px;outline:none;padding:11px 12px;font-size:12px}.series-form-group input:disabled{opacity:.55;cursor:not-allowed}.series-form-group small{color:#64748b;font-size:9px;line-height:1.4}.series-modal-footer{border-top:1px solid #94a3b81a;justify-content:flex-end;align-items:center;gap:9px;padding:16px 22px;display:flex}.series-confirm-modal{background:#172033;border:1px solid #ef44442e;border-radius:14px;width:min(430px,100%);padding:28px;box-shadow:0 25px 70px #00000073}.series-confirm-icon{color:#f87171;background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:16px;font-size:20px;font-weight:700;display:flex}.series-confirm-modal h2{margin:0 0 8px;font-size:18px}.series-confirm-modal p{color:#94a3b8;margin:0;font-size:11px;line-height:1.6}@media (width<=900px){.series-detail-header{flex-direction:column;align-items:flex-start}.series-form-grid{grid-template-columns:1fr}.series-form-group.full{grid-column:auto}}@media (width<=650px){.series-container{padding:20px 0 30px}.series-section-header{flex-direction:column;align-items:flex-start}.series-primary-button{width:100%}.series-toolbar{flex-direction:column;align-items:stretch}.series-search,.series-toolbar>.series-secondary-button{width:100%}.series-panel-header,.season-header{flex-direction:column;align-items:flex-start}.season-actions,.series-detail-actions{flex-wrap:wrap;width:100%}.series-detail-actions button{flex:1}.series-pagination{flex-direction:column;align-items:flex-start}.episode-row{align-items:flex-start;padding:10px 0}}.usuarios-page{width:100%;min-width:0;color:var(--jr-text)}.usuarios-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.usuarios-eyebrow{color:var(--jr-primary);letter-spacing:.16em;font-size:10px;font-weight:800;display:block}.usuarios-header h1{color:var(--jr-text);margin:6px 0 5px;font-size:28px;font-weight:700;line-height:1.15}.usuarios-header p{color:var(--jr-text-secondary);margin:0;font-size:12px;line-height:1.5}.usuarios-header-badge{border:1px solid var(--jr-border);color:var(--jr-text-secondary);white-space:nowrap;background:#38bdf80d;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:10px;font-weight:600;display:inline-flex}.usuarios-header-dot{background:var(--jr-success);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #22c55e14}.usuarios-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.usuario-stat{border:1px solid var(--jr-border);border-radius:var(--jr-radius);background:var(--jr-panel);align-items:center;gap:13px;min-width:0;padding:18px;display:flex}.usuario-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:700;display:flex}.usuario-stat-icon.users{color:#38bdf8;background:#38bdf81a}.usuario-stat-icon.active{color:#4ade80;background:#22c55e1a}.usuario-stat-icon.admin{color:#fbbf24;background:#fbbf241a}.usuario-stat-icon.viewer{color:#a78bfa;background:#a78bfa1a}.usuario-stat>div:last-child{flex-direction:column;min-width:0;display:flex}.usuario-stat span{color:var(--jr-text-muted);font-size:10px}.usuario-stat strong{color:var(--jr-text);margin-top:2px;font-size:21px;line-height:1.2}.usuario-stat small{color:var(--jr-text-muted);margin-top:2px;font-size:8px}.usuarios-panel{border:1px solid var(--jr-border);border-radius:var(--jr-radius);background:var(--jr-panel);min-width:0;overflow:hidden}.usuarios-toolbar{border-bottom:1px solid var(--jr-border);justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.usuarios-search{flex:1;min-width:0;position:relative}.usuarios-search>span{color:var(--jr-text-muted);pointer-events:none;font-size:13px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.usuarios-search input{border:1px solid var(--jr-border);box-sizing:border-box;background:var(--jr-bg-secondary);width:100%;height:40px;color:var(--jr-text);border-radius:9px;outline:none;padding:0 38px 0 36px;font-family:inherit;font-size:11px;transition:border-color .2s,background .2s}.usuarios-search input::placeholder{color:var(--jr-text-muted)}.usuarios-search input:focus{background:var(--jr-bg);border-color:#38bdf880}.usuarios-search-clear{width:26px;height:26px;color:var(--jr-text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.usuarios-search-clear:hover{color:var(--jr-text);background:#94a3b814}.usuarios-filters{flex-shrink:0;gap:8px;display:flex}.usuarios-filters select{border:1px solid var(--jr-border);background:var(--jr-bg-secondary);min-width:155px;height:40px;color:var(--jr-text-secondary);cursor:pointer;border-radius:9px;outline:none;padding:0 30px 0 11px;font-family:inherit;font-size:10px}.usuarios-results{color:var(--jr-text-muted);align-items:center;gap:5px;padding:12px 18px;font-size:9px;display:flex}.usuarios-results strong{color:var(--jr-text-secondary);font-weight:700}.usuarios-table-wrapper{width:100%;overflow-x:auto}.usuarios-table{border-collapse:collapse;width:100%;min-width:900px}.usuarios-table th{border-top:1px solid var(--jr-border);border-bottom:1px solid var(--jr-border);color:var(--jr-text-muted);letter-spacing:.04em;text-align:left;text-transform:uppercase;background:#94a3b806;padding:11px 18px;font-size:9px;font-weight:700}.usuarios-table td{border-bottom:1px solid var(--jr-border);color:var(--jr-text-secondary);vertical-align:middle;padding:14px 18px;font-size:10px}.usuarios-table tbody tr{transition:background .15s}.usuarios-table tbody tr:hover{background:#94a3b809}.usuarios-table tbody tr:last-child td{border-bottom:0}.usuario-cell{align-items:center;gap:10px;min-width:170px;display:flex}.usuario-avatar{width:34px;height:34px;color:var(--jr-primary);background:linear-gradient(135deg,#38bdf82e,#0e74902e);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.usuario-name{flex-direction:column;gap:2px;min-width:0;display:flex}.usuario-name strong{text-overflow:ellipsis;white-space:nowrap;max-width:190px;color:var(--jr-text);font-size:11px;overflow:hidden}.usuario-name span{color:var(--jr-text-muted);font-size:8px}.usuario-email{text-overflow:ellipsis;white-space:nowrap;max-width:220px;color:var(--jr-text-secondary);display:block;overflow:hidden}.usuario-role{letter-spacing:.04em;border-radius:6px;align-items:center;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.usuario-role.admin{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2424}.usuario-role.viewer{color:#a78bfa;background:#a78bfa1a;border:1px solid #a78bfa24}.usuario-status{align-items:center;gap:6px;font-size:9px;font-weight:700;display:inline-flex}.usuario-status>span{border-radius:50%;width:6px;height:6px}.usuario-status.active{color:#4ade80}.usuario-status.active>span{background:#4ade80;box-shadow:0 0 0 3px #4ade8014}.usuario-status.inactive{color:#f87171}.usuario-status.inactive>span{background:#f87171;box-shadow:0 0 0 3px #f8717114}.usuario-date{white-space:nowrap;color:var(--jr-text-muted)}.usuario-uid{text-overflow:ellipsis;white-space:nowrap;max-width:150px;color:var(--jr-text-muted);font-family:Cascadia Code,Consolas,monospace;font-size:8px;display:block;overflow:hidden}.usuarios-state{box-sizing:border-box;min-height:260px;color:var(--jr-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:30px;display:flex}.usuarios-state strong{color:var(--jr-text-secondary);font-size:12px}.usuarios-state span{font-size:9px}.usuarios-state-icon{width:42px;height:42px;color:var(--jr-text-secondary);background:#94a3b814;border-radius:10px;justify-content:center;align-items:center;margin-bottom:4px;font-size:16px;font-weight:800;display:flex}.usuarios-error .usuarios-state-icon{color:#f87171;background:#f8717114}.usuarios-spinner{border:3px solid #94a3b81f;border-top-color:var(--jr-primary);border-radius:50%;width:28px;height:28px;margin-bottom:5px;animation:.8s linear infinite usuarios-spin}@keyframes usuarios-spin{to{transform:rotate(360deg)}}@media (width<=1100px){.usuarios-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.usuarios-toolbar{flex-direction:column;align-items:stretch}.usuarios-filters{width:100%}.usuarios-filters select{flex:1}}@media (width<=600px){.usuarios-header{flex-direction:column;gap:12px;margin-bottom:16px}.usuarios-header h1{font-size:23px}.usuarios-header p{font-size:10px}.usuarios-header-badge{align-self:flex-start}.usuarios-stats{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.usuario-stat{gap:9px;padding:13px}.usuario-stat-icon{border-radius:8px;width:34px;height:34px;font-size:14px}.usuario-stat span{font-size:8px}.usuario-stat strong{font-size:18px}.usuario-stat small{font-size:7px}.usuarios-panel{border-radius:11px}.usuarios-toolbar{gap:9px;padding:12px}.usuarios-search input{height:42px;font-size:10px}.usuarios-filters{flex-direction:column;gap:7px}.usuarios-filters select{width:100%;min-width:0;height:42px}.usuarios-results{padding:10px 12px}.usuarios-table{min-width:900px}.usuarios-table th{padding:10px 12px}.usuarios-table td{padding:12px}}@media (width<=380px){.usuarios-stats{grid-template-columns:1fr}.usuarios-header h1{font-size:21px}}.iptv-page{color:#f8fafc;box-sizing:border-box;width:100%;min-height:calc(100vh - 87px);padding:30px 0 40px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.iptv-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.iptv-label{color:#38bdf8;letter-spacing:.14em;font-size:10px;font-weight:800;display:block}.iptv-header h1{margin:6px 0 4px;font-size:28px}.iptv-header p{color:#94a3b8;margin:0;font-size:12px}.iptv-secondary-button{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #94a3b829;border-radius:8px;padding:10px 14px;font-size:11px;font-weight:600}.iptv-secondary-button:hover{background:#94a3b812}.iptv-secondary-button:disabled{opacity:.5}.iptv-alert{border-radius:9px;margin-bottom:16px;padding:12px 14px;font-size:11px}.iptv-alert.error{color:#fca5a5;background:#ef444414;border:1px solid #ef444433}.iptv-alert.success{color:#86efac;background:#22c55e14;border:1px solid #22c55e33}.iptv-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.iptv-stat{background:#172033;border:1px solid #94a3b824;border-radius:14px;align-items:center;gap:12px;padding:16px;display:flex}.iptv-stat>span{color:#38bdf8;background:#38bdf81a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;display:flex}.iptv-stat.pending>span{color:#fbbf24;background:#fbbf241a}.iptv-stat.active>span{color:#4ade80;background:#22c55e1a}.iptv-stat.error-stat>span{color:#f87171;background:#ef44441a}.iptv-stat small{color:#94a3b8;letter-spacing:.08em;font-size:8px;font-weight:700;display:block}.iptv-stat strong{margin-top:2px;font-size:21px;display:block}.iptv-toolbar{background:#111827;border:1px solid #94a3b824;border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:14px;display:flex}.iptv-search{flex:1;position:relative}.iptv-search>span{color:#64748b;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.iptv-search input,.iptv-toolbar select{box-sizing:border-box;color:#f8fafc;background:#172033;border:1px solid #94a3b82b;border-radius:8px;outline:none;height:40px;font-size:11px}.iptv-search input{width:100%;padding:0 12px 0 34px}.iptv-toolbar select{min-width:150px;padding:0 10px}.iptv-search input:focus,.iptv-toolbar select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf814}.iptv-table-panel{background:#172033;border:1px solid #94a3b824;border-radius:14px;overflow:hidden}.iptv-table-wrapper{width:100%;overflow-x:auto}.iptv-table{border-collapse:collapse;width:100%;min-width:1050px}.iptv-table th{color:#64748b;text-align:left;letter-spacing:.08em;background:#111827;border-bottom:1px solid #94a3b824;padding:12px 14px;font-size:9px;font-weight:700}.iptv-table td{color:#cbd5e1;vertical-align:middle;border-bottom:1px solid #94a3b817;padding:13px 14px;font-size:11px}.iptv-table tbody tr:hover{background:#94a3b809}.iptv-name{color:#f8fafc;font-size:12px;display:block}.iptv-id{color:#64748b;margin-top:3px;font-family:monospace;font-size:8px;display:block}.iptv-url{text-overflow:ellipsis;white-space:nowrap;color:#94a3b8;max-width:350px;font-family:monospace;font-size:9px;display:block;overflow:hidden}.iptv-status{text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:700;display:inline-flex}.iptv-status.pendiente{color:#fbbf24;background:#fbbf241a}.iptv-status.activo{color:#4ade80;background:#22c55e1a}.iptv-status.error{color:#f87171;background:#ef44441a}.iptv-status.validando{color:#38bdf8;background:#38bdf81a}.iptv-active{font-size:9px;font-weight:700}.iptv-active.yes{color:#4ade80}.iptv-active.no{color:#64748b}.iptv-actions{gap:5px;display:flex}.iptv-actions button{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #94a3b824;border-radius:7px;width:30px;height:30px}.iptv-actions button:hover{color:#38bdf8;background:#38bdf814}.iptv-actions button.danger:hover{color:#f87171;background:#ef444414}.iptv-empty{text-align:center;padding:55px 20px}.iptv-empty strong{color:#cbd5e1;margin-bottom:5px;font-size:14px;display:block}.iptv-empty span{color:#64748b;font-size:11px}.iptv-pagination{color:#64748b;justify-content:space-between;align-items:center;margin-top:12px;font-size:10px;display:flex}.iptv-pagination div{gap:5px;display:flex}.iptv-pagination button{color:#cbd5e1;cursor:pointer;background:#172033;border:1px solid #94a3b824;border-radius:7px;width:32px;height:30px}.iptv-pagination button:disabled{opacity:.35;cursor:not-allowed}.iptv-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030712bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.iptv-modal,.iptv-confirm{background:#172033;border:1px solid #94a3b829;border-radius:14px;width:min(720px,100%);box-shadow:0 25px 70px #00000073}.iptv-modal-header{border-bottom:1px solid #94a3b81f;justify-content:space-between;gap:20px;padding:20px;display:flex}.iptv-modal-header span{color:#38bdf8;letter-spacing:.12em;font-size:9px;font-weight:700}.iptv-modal-header h2{margin:5px 0 0;font-size:18px}.iptv-modal-header button{color:#94a3b8;cursor:pointer;background:0 0;border:0;font-size:22px}.iptv-modal form{padding:20px}.iptv-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.iptv-form-grid label{color:#94a3b8;flex-direction:column;gap:6px;font-size:10px;display:flex}.iptv-form-grid label.full{grid-column:1/-1}.iptv-form-grid input,.iptv-form-grid select{box-sizing:border-box;color:#f8fafc;background:#111827;border:1px solid #94a3b82b;border-radius:8px;outline:none;height:38px;padding:0 10px}.iptv-form-grid input:focus,.iptv-form-grid select:focus{border-color:#38bdf8}.iptv-form-grid label.checkbox{flex-direction:row;align-self:end;align-items:center;height:38px}.iptv-form-grid label.checkbox input{width:16px;height:16px}.iptv-modal-actions,.iptv-confirm>div{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.iptv-modal-actions button,.iptv-confirm button{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #94a3b829;border-radius:8px;padding:9px 13px;font-size:10px;font-weight:600}.iptv-modal-actions button[type=submit]{color:#fff;background:#0ea5e9;border:0}.iptv-modal-actions button:disabled{opacity:.5}.iptv-confirm{width:min(430px,100%);padding:22px}.iptv-confirm h2{margin:0 0 8px;font-size:18px}.iptv-confirm p{color:#94a3b8;margin:0;font-size:12px}.iptv-confirm button.danger{color:#f87171;background:#ef44441a;border-color:#ef444440}@media (width<=1000px){.iptv-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.iptv-toolbar{flex-wrap:wrap}.iptv-search{min-width:100%}}@media (width<=600px){.iptv-stats,.iptv-form-grid{grid-template-columns:1fr}.iptv-form-grid label.full{grid-column:auto}.iptv-header{align-items:flex-start}.iptv-header h1{font-size:23px}}:root{--jr-bg:linear-gradient(180deg, #1b1f3b 0%, #3a2c6e 50%, #5b2b82 100%);--jr-bg-secondary:#111827;--jr-panel:#172033;--jr-panel-hover:#1c293d;--jr-border:#94a3b824;--jr-text:#f8fafc;--jr-text-secondary:#b8bdc1;--jr-text-muted:#c8bccb;--jr-primary:#38bdf8;--jr-primary-dark:#0284c7;--jr-success:#22c55e;--jr-danger:#ef4444;--jr-sidebar-width:260px;--jr-radius:14px}.dashboard{background:radial-gradient(180deg, #1b1f3b 0%, #3a2c6e 50%, #5b2b82 100%), var(--jr-bg);min-height:100vh;color:var(--jr-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.dashboard-sidebar{width:var(--jr-sidebar-width);border-right:1px solid var(--jr-border);box-sizing:border-box;z-index:10;background:linear-gradient(#101827 0%,#0c1422 100%);flex-direction:column;min-height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0}.dashboard-brand{border-bottom:1px solid var(--jr-border);align-items:center;gap:12px;padding:26px 20px;display:flex}.dashboard-logo{color:#fff;width:82px;height:82px;box-shadow:none;background:0 0;border-radius:11px;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex;overflow:hidden}.dashboard-brand h1{margin:0;font-size:18px;font-weight:700}.dashboard-brand span{color:var(--jr-text-muted);margin-top:3px;font-size:11px;display:block}.dashboard-nav{flex:1;padding:24px 12px}.dashboard-nav-section{margin-bottom:28px}.dashboard-nav-title{color:var(--jr-text-muted);letter-spacing:.12em;padding:0 12px 8px;font-size:10px;font-weight:700;display:block}.dashboard-nav-item{width:100%;color:var(--jr-text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;margin-bottom:4px;padding:11px 12px;font-size:13px;transition:background .2s,color .2s;display:flex}.dashboard-nav-item:hover{color:var(--jr-text);background:#94a3b814}.dashboard-nav-item.active{color:var(--jr-primary);box-shadow:inset 3px 0 0 var(--jr-primary);background:#38bdf81f}.dashboard-nav-item.disabled{opacity:.55;cursor:default}.dashboard-nav-item.disabled:hover{color:var(--jr-text-secondary);background:0 0}.dashboard-nav-icon{text-align:center;width:20px;font-size:16px}.dashboard-coming{color:var(--jr-text-muted);text-transform:uppercase;background:#94a3b814;border-radius:5px;margin-left:auto;padding:3px 6px;font-size:8px}.dashboard-sidebar-footer{border-top:1px solid var(--jr-border);padding:18px}.dashboard-security{color:var(--jr-text-muted);align-items:center;gap:8px;font-size:11px;display:flex}.status-dot{background:var(--jr-success);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 9px #22c55ea6}.dashboard-main{width:calc(100% - var(--jr-sidebar-width));margin-left:var(--jr-sidebar-width);flex:0 0 calc(100vw - var(--jr-sidebar-width));box-sizing:border-box;min-width:0;min-height:100vh;padding:0 38px 40px}.dashboard-topbar{border-bottom:1px solid var(--jr-border);justify-content:space-between;align-items:center;gap:20px;min-height:86px;display:flex}.dashboard-topbar h2{margin:0;font-size:24px;font-weight:700}.dashboard-topbar p{color:var(--jr-text-muted);margin:4px 0 0;font-size:12px}.dashboard-user{align-items:center;gap:10px;display:flex}.dashboard-user-avatar{width:38px;height:38px;color:var(--jr-primary);background:linear-gradient(135deg,#334155,#1e293b);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.dashboard-user-info{flex-direction:column;min-width:130px;display:flex}.dashboard-user-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.dashboard-user-info span{text-overflow:ellipsis;white-space:nowrap;color:var(--jr-text-muted);font-size:10px;overflow:hidden}.logout-button{border:1px solid var(--jr-border);width:34px;height:34px;color:var(--jr-text-secondary);cursor:pointer;background:0 0;border-radius:8px;transition:all .2s}.logout-button:hover{color:#f87171;background:#ef44441a;border-color:#ef44444d}.dashboard-welcome{border:1px solid var(--jr-border);border-radius:var(--jr-radius);background:linear-gradient(135deg,#1e293beb,#0f172aeb);justify-content:space-between;align-items:center;gap:20px;margin-top:30px;padding:28px;display:flex}.welcome-label{color:var(--jr-primary);letter-spacing:.14em;font-size:10px;font-weight:700}.dashboard-welcome h3{margin:8px 0 5px;font-size:24px}.dashboard-welcome p{color:var(--jr-text-secondary);margin:0;font-size:13px}.welcome-status{color:#86efac;white-space:nowrap;background:#22c55e0d;border:1px solid #22c55e2e;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex}.dashboard-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.dashboard-card{border:1px solid var(--jr-border);border-radius:var(--jr-radius);background:var(--jr-panel);align-items:center;gap:14px;min-width:0;padding:20px;transition:transform .2s,background .2s;display:flex}.dashboard-card:hover{background:var(--jr-panel-hover);transform:translateY(-2px)}.card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.card-icon.movies{color:#38bdf8;background:#38bdf81a}.card-icon.series{color:#a78bfa;background:#a78bfa1a}.card-icon.users{color:#fbbf24;background:#fbbf241a}.card-icon.status{color:#4ade80;background:#22c55e1a}.card-content{flex-direction:column;min-width:0;display:flex}.card-content>span{color:var(--jr-text-muted);font-size:11px}.card-content strong{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:18px;overflow:hidden}.card-content small{color:var(--jr-text-muted);margin-top:2px;font-size:9px}.role-value{color:var(--jr-primary);text-transform:capitalize}.active-value{color:#4ade80}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.dashboard-panel{border:1px solid var(--jr-border);border-radius:var(--jr-radius);background:var(--jr-panel);min-width:0;padding:24px}.panel-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.panel-label{color:var(--jr-text-muted);letter-spacing:.12em;font-size:9px;font-weight:700}.panel-header h3{margin:5px 0 0;font-size:17px}.panel-badge{color:var(--jr-primary);text-transform:uppercase;background:#38bdf81a;border-radius:6px;padding:5px 9px;font-size:9px;font-weight:700}.profile-list{flex-direction:column;display:flex}.profile-row{border-bottom:1px solid var(--jr-border);justify-content:space-between;align-items:center;gap:20px;min-height:48px;display:flex}.profile-row:last-child{border-bottom:0}.profile-row span:first-child{color:var(--jr-text-muted);font-size:11px}.profile-row strong{text-overflow:ellipsis;white-space:nowrap;text-align:right;max-width:65%;font-size:11px;overflow:hidden}.uid-value{color:var(--jr-text-secondary);font-family:Cascadia Code,Consolas,monospace;font-size:9px!important}.inline-status{align-items:center;gap:7px;display:inline-flex}.inline-status.active{color:#4ade80}.inline-status.inactive{color:#f87171}.connection-list{flex-direction:column;display:flex}.connection-item{border-bottom:1px solid var(--jr-border);justify-content:space-between;align-items:center;gap:20px;min-height:62px;display:flex}.connection-item:last-child{border-bottom:0}.connection-info{align-items:center;gap:12px;display:flex}.connection-icon{width:34px;height:34px;color:var(--jr-primary);background:#94a3b814;border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.connection-info div{flex-direction:column;display:flex}.connection-info strong{font-size:11px}.connection-info span{color:var(--jr-text-muted);margin-top:2px;font-size:9px}.connection-ok{color:#4ade80;align-items:center;gap:7px;font-size:9px;display:flex}.dashboard-alert{border-radius:10px;align-items:flex-start;gap:12px;margin-top:20px;padding:16px;display:flex}.dashboard-alert.error{color:#fca5a5;background:#ef444414;border:1px solid #ef444433}.alert-icon{background:#ef444426;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex}.dashboard-alert strong{font-size:12px}.dashboard-alert p{opacity:.8;margin:4px 0 0;font-size:11px}.dashboard-development{border-radius:var(--jr-radius);background:#38bdf809;border:1px dashed #38bdf833;align-items:flex-start;gap:14px;margin-top:20px;padding:20px;display:flex}.development-icon{width:34px;height:34px;color:var(--jr-primary);background:#38bdf81a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dashboard-development strong{font-size:12px}.dashboard-development p{max-width:800px;color:var(--jr-text-secondary);margin:5px 0 0;font-size:11px;line-height:1.6}.dashboard-footer{border-top:1px solid var(--jr-border);color:var(--jr-text-muted);justify-content:space-between;gap:20px;margin-top:30px;padding-top:20px;font-size:9px;display:flex}.dashboard-loading{background:var(--jr-bg);min-height:100vh;color:var(--jr-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}.dashboard-loading p{margin:0;font-size:12px}.dashboard-spinner{border:3px solid #94a3b826;border-top-color:var(--jr-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite dashboard-spin}@keyframes dashboard-spin{to{transform:rotate(360deg)}}.dashboard-main{width:auto;min-width:0;max-width:none;margin-left:var(--jr-sidebar-width);box-sizing:border-box;flex:auto;padding-bottom:40px;padding-left:28px;padding-right:28px}.dashboard-topbar,.dashboard-welcome,.dashboard-cards,.dashboard-grid,.dashboard-development,.dashboard-footer,.dashboard-main>.movies-page{box-sizing:border-box;width:100%;max-width:none}@media (width<=1100px){.dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=850px){.dashboard{display:flex}.dashboard-sidebar{width:70px;min-width:70px}.dashboard-brand{justify-content:center;gap:0;padding:18px 10px}.dashboard-logo{width:46px;height:46px}.dashboard-brand>div:last-child{display:none}.dashboard-nav{padding:18px 8px}.dashboard-nav-section{margin-bottom:20px}.dashboard-nav-item{justify-content:center;gap:0;padding:13px 8px;font-size:0}.dashboard-nav-item .dashboard-nav-icon{width:22px;font-size:17px}.dashboard-nav-title,.dashboard-coming,.dashboard-sidebar-footer{display:none}.dashboard-main{width:auto;min-width:0;min-height:100vh;margin-left:var(--jr-sidebar-width);box-sizing:border-box;flex:auto;padding:0 38px 40px}.dashboard-topbar{gap:12px;min-height:72px}.dashboard-topbar h2{font-size:21px}.dashboard-welcome{padding:22px}.dashboard-grid{grid-template-columns:1fr}}@media (width<=600px){html,body,#root{width:100%;min-width:0;max-width:100%;margin:0;overflow-x:hidden}.dashboard{width:100%;min-width:0;max-width:100%;overflow-x:hidden}.dashboard-sidebar{width:64px;min-width:64px}.dashboard-brand{padding:16px 7px}.dashboard-logo{border-radius:10px;width:44px;height:44px}.dashboard-nav{padding:16px 6px}.dashboard-nav-item{border-radius:9px;min-height:44px;padding:11px 6px}.dashboard-nav-item .dashboard-nav-icon{width:22px;font-size:17px}.dashboard-main{box-sizing:border-box;flex:auto;width:auto;min-width:0;max-width:none;margin-left:64px;padding-bottom:22px;padding-left:10px;padding-right:10px;overflow-x:hidden}.dashboard-topbar{gap:8px;min-height:64px;padding:12px 2px}.dashboard-topbar h2{font-size:18px;line-height:1.2}.dashboard-topbar p{margin-top:3px;font-size:10px}.dashboard-user{flex-shrink:0;gap:6px}.dashboard-user-avatar{flex-shrink:0;width:32px;height:32px}.dashboard-user-info{display:none}.logout-button{flex-shrink:0;width:32px;height:32px}.dashboard-welcome{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:14px;width:100%;margin-top:16px;padding:18px}.welcome-label{font-size:9px}.dashboard-welcome h3{margin:7px 0 5px;font-size:20px;line-height:1.25}.dashboard-welcome p{font-size:11px;line-height:1.5}.welcome-status{box-sizing:border-box;justify-content:center;width:100%;padding:9px 10px}.dashboard-cards{grid-template-columns:1fr;gap:10px;width:100%;margin-top:14px}.dashboard-card{box-sizing:border-box;width:100%;min-width:0;padding:15px}.card-icon{flex-shrink:0;width:40px;height:40px}.card-content{flex:1;min-width:0}.card-content>span{font-size:10px}.card-content strong{font-size:17px}.card-content small{white-space:normal;font-size:9px;line-height:1.35}.dashboard-grid{grid-template-columns:1fr;gap:12px;width:100%;margin-top:14px}.dashboard-panel{box-sizing:border-box;width:100%;min-width:0;padding:16px}.panel-header{gap:10px;margin-bottom:14px}.panel-header h3{font-size:15px}.panel-badge{flex-shrink:0;padding:5px 7px}.profile-row{gap:10px;min-height:44px}.profile-row span:first-child{flex-shrink:0;font-size:10px}.profile-row strong{max-width:62%;font-size:10px}.uid-value{font-size:8px!important}.connection-item{gap:10px;min-height:54px}.connection-info{gap:9px;min-width:0}.connection-icon{flex-shrink:0;width:30px;height:30px}.connection-info div{min-width:0}.connection-info strong{font-size:10px}.connection-info span{font-size:8px}.connection-ok{flex-shrink:0;font-size:8px}.dashboard-alert{gap:9px;margin-top:14px;padding:13px}.alert-icon{width:22px;height:22px}.dashboard-alert strong{font-size:11px}.dashboard-alert p{font-size:10px;line-height:1.45}.dashboard-development{gap:10px;margin-top:14px;padding:15px}.development-icon{flex-shrink:0;width:30px;height:30px}.dashboard-development strong{font-size:11px}.dashboard-development p{font-size:10px;line-height:1.5}.dashboard-footer{box-sizing:border-box;flex-direction:column;gap:6px;width:100%;margin-top:20px;padding-top:14px;font-size:8px}}@media (width<=380px){.dashboard-sidebar{width:58px;min-width:58px}.dashboard-main{margin-left:58px;padding-left:8px;padding-right:8px}.dashboard-logo{width:40px;height:40px}.dashboard-nav-item{padding-left:4px;padding-right:4px}.dashboard-topbar h2{font-size:16px}.dashboard-welcome{padding:15px}.dashboard-welcome h3{font-size:18px}}.catalog-count{align-items:center;gap:10px;line-height:1;display:flex}.catalog-arrow{opacity:.9;font-size:1.15rem;font-weight:400}.card-content small{line-height:1.4}.catalog-count:has(.catalog-arrow){min-height:28px}.dashboard-logo img{object-fit:contain;width:100%;height:100%;display:block}.card-icon.iptv{color:#2dd4bf;background:#2dd4bf1a}.movie-details-page{--movie-bg:#120820;--movie-bg-dark:#0c0616;--movie-bg-soft:#1a0c2d;--movie-purple:#8b3dff;--movie-purple-light:#b45cff;--movie-purple-bright:#a855f7;--movie-purple-dark:#581c87;--movie-purple-soft:#8b3dff29;--movie-purple-border:#a855f752;--movie-text:#fff;--movie-text-soft:#d2c9dc;--movie-text-muted:#958aa2;--movie-panel:#1c0d30c7;--movie-panel-light:#3718587a;min-height:100vh;color:var(--movie-text);box-sizing:border-box;background:radial-gradient(circle at 85% 10%,#7e22ce52,#0000 30%),radial-gradient(circle at 15% 45%,#5b21b633,#0000 35%),linear-gradient(#170923 0%,#1b0b2e 28%,#160922 60%,#0e0618 100%)}.movie-details-page *,.movie-details-page :before,.movie-details-page :after{box-sizing:border-box}.movie-details-page .home-navbar{z-index:100;-webkit-backdrop-filter:blur(18px);box-sizing:border-box;background:#0a0512eb;border-bottom:1px solid #ffffff14;align-items:center;gap:18px;width:100%;min-height:70px;padding:8px 24px;display:flex;position:relative;box-shadow:0 8px 30px #0003}.movie-details-page .home-logo{cursor:pointer;flex-shrink:0;align-items:center;gap:10px;display:flex}.movie-details-page .home-logo img{object-fit:contain;filter:drop-shadow(0 4px 12px #8b3dff47);width:48px;height:48px;display:block}.movie-details-page .home-logo-text{flex-direction:column;line-height:1;display:flex}.movie-details-page .home-logo-text strong{color:#fff;letter-spacing:-.7px;font-size:22px;font-weight:850}.movie-details-page .home-logo-text strong span{color:var(--movie-purple-light)}.movie-details-page .home-logo-text small{color:#81798e;white-space:nowrap;margin-top:5px;font-size:9px;font-weight:500}.movie-details-page .home-main-menu{align-items:center;gap:5px;margin-left:10px;display:flex}.movie-details-page .home-menu-item{color:#b8b2c1;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;height:44px;padding:0 15px;font-size:13px;font-weight:650;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative}.movie-details-page .home-menu-item span:first-child{font-size:14px}.movie-details-page .home-menu-item:hover{color:#fff;background:#a855f71a;border-color:#a855f724;transform:translateY(-1px)}.movie-details-page .home-menu-item.active{color:#fff;background:linear-gradient(135deg,#7e22ce85,#581c877a);border-color:#a855f752;box-shadow:inset 0 0 0 1px #ffffff08,0 8px 24px #5b21b629}.movie-details-page .home-menu-item.active:after{content:"";opacity:.9;background:linear-gradient(90deg,#0000,#a855f7,#0000);border-radius:999px;height:2px;position:absolute;bottom:-1px;left:15px;right:15px}.movie-details-page .home-search{flex:1;align-items:center;min-width:180px;max-width:260px;margin-left:auto;display:flex;position:relative}.movie-details-page .home-search .search-icon{color:#85808f;pointer-events:none;z-index:2;font-size:13px;position:absolute;left:12px}.movie-details-page .home-search input{color:#fff;background:#ffffff0e;border:1px solid #ffffff17;border-radius:10px;outline:none;width:100%;height:40px;padding:0 34px;font-family:inherit;font-size:12px;transition:border-color .2s,background .2s,box-shadow .2s}.movie-details-page .home-search input::placeholder{color:#77717f}.movie-details-page .home-search input:focus{background:#ffffff13;border-color:#a855f794;box-shadow:0 0 0 3px #8b3dff1a,0 6px 20px #00000029}.movie-details-page .search-clear{color:#9d97a5;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:25px;height:25px;font-size:17px;transition:background .2s,color .2s;display:flex;position:absolute;right:8px}.movie-details-page .search-clear:hover{color:#fff;background:#ffffff14}.movie-details-page .home-login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#9333ea);border:1px solid #a855f76b;border-radius:9px;flex-shrink:0;height:40px;padding:0 17px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s}.movie-details-page .home-login-button:hover{border-color:#c084fc99;transform:translateY(-1px);box-shadow:0 8px 22px #7c3aed52}.movie-details-page .mobile-menu-button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9px;flex-shrink:0;width:40px;height:40px;font-size:20px;transition:background .2s,border-color .2s;display:none}.movie-details-page .mobile-menu-button:hover{background:#a855f724;border-color:#a855f759}.movie-details-hero{isolation:isolate;background:linear-gradient(135deg,#32145a,#170923);border-bottom:1px solid #a855f733;min-height:500px;position:relative;overflow:hidden}.movie-details-hero:before{content:"";z-index:0;pointer-events:none;background-image:var(--movie-backdrop-image);opacity:.82;filter:saturate(1.05)contrast(1.02);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;transform:scale(1.02)}.movie-details-hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#11071cc2 0%,#14082266 28%,#1408221f 55%,#10071b38 78%,#0d05168c 100%),linear-gradient(#0f061a14 0%,#0f061a05 55%,#0f061abd 100%);position:absolute;inset:0}.movie-details-hero-content{z-index:5;box-sizing:border-box;grid-template-columns:230px minmax(280px,.85fr) minmax(450px,1.55fr);align-items:center;gap:22px;width:min(1500px,100%);margin:0 auto;padding:34px 30px 48px;display:grid;position:relative}.movie-details-hero-content:before{content:"";z-index:-1;background:linear-gradient(135deg,#35145433,#11071e14);border:1px solid #ffffff0b;border-radius:24px;position:absolute;inset:22px 18px 25px;box-shadow:inset 0 1px #ffffff06}.movie-poster-column{min-width:0}.movie-detail-poster{aspect-ratio:2/3;background:#160e20;border:1px solid #ffffff24;border-radius:10px;width:230px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 25px 55px #0000007a,0 0 0 1px #8b3dff1a}.movie-detail-poster:hover{transform:translateY(-3px);box-shadow:0 30px 65px #0000008c,0 0 30px #8b3dff29}.movie-detail-poster:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0a,#0000 25% 75%,#00000029);position:absolute;inset:0}.movie-detail-poster picture{width:100%;height:100%;display:block}.movie-detail-poster img{object-fit:cover;width:100%;height:100%;display:block}.movie-detail-poster-empty{color:#777;background:linear-gradient(135deg,#241333,#11091b);justify-content:center;align-items:center;width:100%;height:100%;font-size:50px;display:flex}.movie-poster-actions{width:100%}.movie-poster-actions button{transition:transform .2s,box-shadow .2s,border-color .2s}.movie-poster-actions button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #7c3aed57}.movie-poster-actions button:disabled{opacity:.7;cursor:wait}.movie-detail-info{text-shadow:0 2px 14px #00000073;align-self:center;min-width:0;padding:18px 14px}.movie-detail-kicker{color:#e9d5ff;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:10px;font-size:13px;font-weight:650}.movie-detail-info h1{color:#fff;letter-spacing:-1.7px;text-shadow:0 4px 22px #000000a6;max-width:650px;margin:0;font-size:clamp(32px,3.2vw,52px);font-weight:850;line-height:1.03}.movie-original-title{color:#d2c8dc;opacity:.92;margin:10px 0 20px;font-size:15px;font-style:italic}.movie-detail-meta{color:#f1eef5;flex-wrap:wrap;gap:9px;margin-bottom:18px;font-size:14px;font-weight:650;display:flex}.movie-detail-genres{flex-wrap:wrap;gap:9px;display:flex}.movie-genre{color:#e4c7ff;-webkit-backdrop-filter:blur(8px);background:#4c1d738f;border:1px solid #c084fc6b;border-radius:999px;align-items:center;padding:8px 13px;font-size:12px;font-weight:650;transition:background .2s,border-color .2s,transform .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff09}.movie-genre:hover{background:#7e22ce8c;border-color:#c084fca6;transform:translateY(-1px)}.movie-player-section{align-self:center;width:100%;min-width:0}.movie-player{aspect-ratio:16/9;background:#020106;border:1px solid #ffffff21;border-radius:5px;width:100%;position:relative;overflow:hidden;box-shadow:0 25px 65px #00000094,0 0 35px #4819731f}.movie-player iframe{border:0;width:100%;height:100%;display:block}.movie-player .movie-file-video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.movie-player-empty{color:#a1a1aa;background:linear-gradient(135deg,#10091a,#050308);flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex}.movie-player-empty span{opacity:.75;font-size:48px}.movie-player-empty p{margin:0;font-size:15px}.movie-details-content{z-index:5;box-sizing:border-box;background:0 0;width:min(1500px,100%);margin:0 auto;padding:38px 28px 80px;position:relative}.movie-details-content:before{content:"";background:linear-gradient(90deg,#0000,#a855f740,#0000);width:100%;height:1px;margin-bottom:34px;display:block}.movie-synopsis-section{text-align:center;padding:0 30px 42px}.movie-detail-section h2,.movie-section-title h2{color:#fff;letter-spacing:-.3px;margin:0;font-size:21px;font-weight:800}.movie-synopsis-section p{color:#d1c8d9;max-width:1050px;margin:15px auto 0;font-size:15px;line-height:1.75}.movie-section-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.movie-section-title h2{padding-left:12px;position:relative}.movie-section-title h2:before{content:"";background:linear-gradient(#b45cff,#7c3aed);border-radius:999px;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.movie-section-title span{color:#91869d;font-size:12px}.movie-cast-section{margin-bottom:52px}.movie-cast-list{scrollbar-width:thin;scrollbar-color:#6d3f91 transparent;gap:20px;padding:2px 2px 15px;display:flex;overflow-x:auto}.movie-cast-list::-webkit-scrollbar{height:6px}.movie-cast-list::-webkit-scrollbar-track{background:0 0}.movie-cast-list::-webkit-scrollbar-thumb{background:#6d3f91;border-radius:10px}.movie-cast-item{text-align:center;flex:0 0 135px;min-width:135px}.movie-cast-photo{aspect-ratio:2/3;background:#17111f;border:1px solid #ffffff17;border-radius:10px;width:135px;margin-bottom:9px;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden;box-shadow:0 8px 22px #00000038}.movie-cast-item:hover .movie-cast-photo{border-color:#a855f773;transform:translateY(-4px);box-shadow:0 14px 28px #0000004d}.movie-cast-photo img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.movie-cast-item:hover .movie-cast-photo img{transform:scale(1.04)}.movie-cast-empty{color:#777;justify-content:center;align-items:center;width:100%;height:100%;font-size:35px;display:flex}.movie-cast-item strong{color:#f5f5f5;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.3;display:block;overflow:hidden}.movie-cast-item span{color:#92889c;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;display:block;overflow:hidden}.movie-videos-section{margin-bottom:52px}.movie-videos-list{scrollbar-width:thin;scrollbar-color:#6d3f91 transparent;gap:16px;padding:2px 2px 14px;display:flex;overflow-x:auto}.movie-videos-list::-webkit-scrollbar{height:6px}.movie-videos-list::-webkit-scrollbar-track{background:0 0}.movie-videos-list::-webkit-scrollbar-thumb{background:#6d3f91;border-radius:10px}.movie-video-item{color:#fff;text-align:left;cursor:pointer;background:#1d0e2eb8;border:1px solid #ffffff14;border-radius:10px;flex:0 0 220px;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;overflow:hidden;box-shadow:0 8px 20px #00000029}.movie-video-item:hover{background:#2d1345e0;border-color:#a855f78c;transform:translateY(-4px);box-shadow:0 14px 30px #0000004d}.movie-video-item.active{border-color:#a855f7;box-shadow:0 0 0 1px #a855f752,0 12px 30px #60278f38}.movie-video-thumbnail{aspect-ratio:16/9;background:#0b0710;position:relative;overflow:hidden}.movie-video-thumbnail:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#00000057);position:absolute;inset:0}.movie-video-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .3s,filter .3s;display:block}.movie-video-item:hover .movie-video-thumbnail img{filter:brightness(1.05);transform:scale(1.05)}.movie-video-play{z-index:3;background:#7c3aedf0;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;transition:transform .2s,background .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 18px #00000073,0 0 18px #8b3dff38}.movie-video-item:hover .movie-video-play{background:#9333ea;transform:translate(-50%,-50%)scale(1.08)}.movie-video-name{white-space:nowrap;text-overflow:ellipsis;padding:10px 12px;font-size:12px;font-weight:600;overflow:hidden}.movie-video-name span{color:#b45cff;margin-right:6px}.movie-suggestions-section{margin-top:24px}.movie-suggestions-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;display:grid}.movie-suggestion-card{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;padding:0;transition:transform .2s}.movie-suggestion-card:hover{transform:translateY(-5px)}.movie-suggestion-poster{aspect-ratio:2/3;background:#17111f;border:1px solid #ffffff12;border-radius:10px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 8px 22px #00000040}.movie-suggestion-card:hover .movie-suggestion-poster{border-color:#a855f766;box-shadow:0 15px 30px #00000052}.movie-suggestion-poster picture{width:100%;height:100%;display:block}.movie-suggestion-poster img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.movie-suggestion-card:hover .movie-suggestion-poster img{transform:scale(1.05)}.movie-suggestion-empty{color:#777;justify-content:center;align-items:center;width:100%;height:100%;font-size:40px;display:flex}.movie-suggestion-rating{z-index:3;color:#fff;-webkit-backdrop-filter:blur(5px);background:#000000b8;border:1px solid #ffffff1a;border-radius:7px;padding:5px 7px;font-size:10px;font-weight:700;position:absolute;top:8px;right:8px}.movie-suggestion-info{padding-top:9px}.movie-suggestion-info strong{color:#f5f5f5;white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.35;display:block;overflow:hidden}.movie-suggestion-info span{color:#958b9f;margin-top:4px;font-size:11px;display:block}.movie-mobile-menu-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);background:#0009;justify-content:flex-end;align-items:flex-start;display:flex;position:fixed;inset:0}.movie-mobile-menu{background:linear-gradient(#1a0b2b,#100719);border-left:1px solid #ffffff14;width:min(320px,85vw);min-height:100vh;padding:20px;box-shadow:-15px 0 40px #0006}.movie-mobile-menu-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;display:flex}.movie-mobile-menu-header strong{color:#fff;font-size:20px}.movie-mobile-menu-header button{color:#fff;cursor:pointer;background:#ffffff0f;border:0;border-radius:8px;width:35px;height:35px;font-size:22px;transition:background .2s}.movie-mobile-menu-header button:hover{background:#a855f72e}.movie-mobile-menu>button:not(.movie-mobile-menu-header button){color:#fff;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:12px;width:100%;margin-bottom:10px;padding:15px;font-size:14px;font-weight:650;transition:background .2s,border-color .2s;display:flex}.movie-mobile-menu>button:hover{background:#8b3dff2e;border-color:#a855f759}.movie-details-message{color:#fff;background:linear-gradient(135deg,#170923,#0d0616);flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:100vh;display:flex}.movie-details-message p{color:#c1b7ca;margin:0}.movie-details-message .message-icon{font-size:42px}.movie-details-message .loading-spinner{border:4px solid #ffffff1f;border-top-color:#a855f7;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite movie-spin}@keyframes movie-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1250px){.movie-details-page .home-navbar{gap:10px;padding-left:16px;padding-right:16px}.movie-details-page .home-logo-text small{display:none}.movie-details-page .home-logo-text strong{font-size:20px}.movie-details-page .home-main-menu{margin-left:0}.movie-details-page .home-menu-item{padding:0 11px}.movie-details-hero-content{grid-template-columns:210px minmax(250px,.8fr) minmax(390px,1.4fr);padding-left:22px;padding-right:22px}.movie-detail-poster{width:210px}}@media (width<=1000px){.movie-details-page .home-search{max-width:190px}.movie-details-page .home-login-button{padding:0 12px}.movie-details-hero-content{grid-template-columns:190px minmax(0,1fr);align-items:start;gap:18px;padding:28px 22px 42px}.movie-detail-poster{width:190px}.movie-detail-info{padding:10px 5px}.movie-player-section{grid-area:auto/1/auto/-1;width:100%;margin-top:5px}.movie-player{max-width:850px;margin:0 auto}.movie-details-content{padding:32px 22px 65px}.movie-synopsis-section{padding:0 20px 38px}}@media (width<=800px){.movie-details-page .home-main-menu{display:none}.movie-details-page .home-search{max-width:220px}.movie-details-page .mobile-menu-button{justify-content:center;align-items:center;display:flex}.movie-details-page .home-login-button{display:none}.movie-details-hero{min-height:auto}.movie-details-hero-content{padding-top:25px}.movie-detail-info h1{font-size:clamp(30px,5vw,44px)}.movie-details-hero:before{opacity:.72}.movie-details-hero:after{background:linear-gradient(90deg,#11071cad,#11071c3d,#11071c85),linear-gradient(#0f061a14,#0f061ab8)}}@media (width<=650px){.movie-details-page .home-navbar{min-height:62px;padding:7px 12px}.movie-details-page .home-logo img{width:40px;height:40px}.movie-details-page .home-logo-text strong{font-size:18px}.movie-details-page .home-search{min-width:0;max-width:none;margin-left:auto}.movie-details-page .home-search input{height:37px;padding-left:30px;font-size:11px}.movie-details-page .mobile-menu-button{width:37px;height:37px}.movie-details-hero{min-height:auto}.movie-details-hero-content{flex-direction:column;align-items:center;gap:20px;padding:25px 14px 42px;display:flex}.movie-details-hero-content:before{border-radius:18px;inset:12px 8px 16px}.movie-details-hero:before{opacity:.64;background-position:top}.movie-details-hero:after{background:linear-gradient(#11071c33 0%,#11071c38 38%,#11071cc7 100%)}.movie-poster-column{max-width:190px;width:190px!important}.movie-detail-poster{width:190px}.movie-detail-info{text-align:center;width:100%;padding:8px 0}.movie-detail-kicker{font-size:13px}.movie-detail-info h1{font-size:32px;line-height:1.05}.movie-original-title{margin-bottom:17px}.movie-detail-meta,.movie-detail-genres{justify-content:center}.movie-player-section{width:100%}.movie-player{border-radius:5px;width:100%}.movie-details-content{padding:30px 14px 50px}.movie-details-content:before{margin-bottom:28px}.movie-synopsis-section{padding:0 5px 35px}.movie-synopsis-section h2{font-size:20px}.movie-synopsis-section p{text-align:left;font-size:14px}.movie-section-title{flex-direction:column;align-items:flex-start;gap:5px}.movie-cast-list{gap:14px}.movie-cast-item{flex:0 0 110px;min-width:110px}.movie-cast-photo{width:110px}.movie-videos-list{gap:12px}.movie-video-item{flex:0 0 220px}.movie-suggestions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (width<=420px){.movie-details-page .home-logo-text{display:none}.movie-details-page .home-search{flex:1}.movie-details-hero-content{padding-left:12px;padding-right:12px}.movie-poster-column{max-width:170px;width:170px!important}.movie-detail-poster{width:170px}.movie-detail-info h1{font-size:28px}.movie-genre{padding:7px 10px;font-size:11px}.movie-cast-item{flex-basis:100px;min-width:100px}.movie-cast-photo{width:100px}.movie-suggestion-info strong{font-size:12px}}@media (width<=360px){.movie-details-page .home-navbar{gap:7px;padding-left:8px;padding-right:8px}.movie-details-page .home-logo img{width:36px;height:36px}.movie-details-page .home-search input{font-size:10px}.movie-details-hero-content{padding-top:20px;padding-bottom:34px}.movie-poster-column{max-width:155px;width:155px!important}.movie-detail-poster{width:155px}.movie-detail-info h1{font-size:26px}.movie-video-item{flex-basis:205px}}.movie-details-page button:focus-visible,.movie-details-page input:focus-visible{outline-offset:3px;outline:2px solid #c084fcd9}@media (prefers-reduced-motion:reduce){.movie-details-page *,.movie-details-page :before,.movie-details-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.series-player-action{justify-content:flex-end;align-items:center;margin-top:10px;display:flex}.series-section-description{color:#85808f;margin:6px 0 20px;font-size:12px;line-height:1.5}.series-seasons-section{margin-bottom:48px}.series-season-tabs{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;padding:2px 0 3px;display:flex}.series-season-tab{color:#aaa4b3;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff17;border-radius:9px;min-height:42px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:700;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s}.series-season-tab:hover{color:#fff;background:#8b3dff24;border-color:#a855f759;transform:translateY(-1px)}.series-season-tab.active{color:#fff;background:linear-gradient(135deg,#7c3aed,#9333ea);border-color:#a855f7a6;box-shadow:0 8px 22px #7c3aed33}.series-episodes-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:100%;display:grid}.series-episode-card{background:#151019;border:1px solid #ffffff12;border-radius:10px;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.series-episode-card:hover{border-color:#a855f76b;transform:translateY(-4px);box-shadow:0 12px 30px #00000059}.series-episode-card.active{border-color:#a855f7bf;box-shadow:0 0 0 1px #a855f738,0 12px 30px #00000059}.series-episode-image{aspect-ratio:16/9;background:#17111f;width:100%;position:relative;overflow:hidden}.series-episode-image img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.series-episode-card:hover .series-episode-image img{transform:scale(1.045)}.series-episode-placeholder{color:#777;background:linear-gradient(135deg,#17111f,#21152e);justify-content:center;align-items:center;width:100%;height:100%;font-size:38px;display:flex}.series-episode-placeholder span{line-height:1}.series-episode-gradient{pointer-events:none;background:linear-gradient(#00000005 35%,#000000b8);position:absolute;inset:0}.series-episode-play{color:#fff;cursor:pointer;opacity:0;background:#7c3aedf0;border:1px solid #ffffff3d;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;font-family:inherit;font-size:18px;transition:opacity .2s,transform .2s,background .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 25px #00000073}.series-episode-card:hover .series-episode-play,.series-episode-card.active .series-episode-play{opacity:1}.series-episode-play:hover{background:#9333ea;transform:translate(-50%,-50%)scale(1.08)}.series-episode-number{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b8;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:800;position:absolute;bottom:10px;left:10px}.series-episode-info{padding:13px 14px 15px}.series-episode-info h3{color:#f5f5f5;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:750;line-height:1.35;overflow:hidden}.series-episode-meta{color:#85808f;flex-wrap:wrap;gap:6px;margin-top:7px;font-size:10px;display:flex}.series-episode-info p{color:#aaa4b2;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:9px 0 0;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.movie-details-page .movie-player-section{min-width:0}.movie-details-page .movie-player{aspect-ratio:16/9;width:100%}.movie-details-page .movie-player .movie-file-video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.movie-details-page .movie-trailer-wrapper{width:100%;height:100%}.movie-details-page .movie-trailer-wrapper iframe{border:0;width:100%;height:100%;display:block}.movie-details-page .movie-cast-list{scrollbar-width:thin;scrollbar-color:#5f3b82 transparent;gap:20px;padding:2px 2px 15px;display:flex;overflow-x:auto}.movie-details-page .movie-cast-list::-webkit-scrollbar{height:6px}.movie-details-page .movie-cast-list::-webkit-scrollbar-track{background:0 0}.movie-details-page .movie-cast-list::-webkit-scrollbar-thumb{background:#5f3b82;border-radius:10px}.movie-details-page .movie-cast-item{text-align:center;flex:0 0 135px;min-width:135px}.movie-details-page .movie-cast-photo{aspect-ratio:2/3;background:#17111f;border:1px solid #ffffff12;border-radius:10px;width:135px;margin-bottom:9px;overflow:hidden}.movie-details-page .movie-cast-photo img{object-fit:cover;width:100%;height:100%;display:block}.movie-details-page .movie-cast-empty{color:#777;justify-content:center;align-items:center;width:100%;height:100%;font-size:35px;display:flex}.movie-details-page .movie-cast-item strong{color:#f5f5f5;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.3;display:block;overflow:hidden}.movie-details-page .movie-cast-item span{color:#88818f;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;display:block;overflow:hidden}.movie-details-page .movie-crew-list{flex-wrap:wrap;gap:9px;display:flex}.movie-details-page .movie-crew-list span{color:#c8c3d0;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:8px 13px;font-size:12px;display:inline-flex}@media (width<=1250px){.series-episodes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1000px){.series-episodes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.series-episodes-grid{gap:16px}}@media (width<=650px){.series-player-action{justify-content:center}.series-season-tabs{scrollbar-width:thin;flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.series-season-tab{flex-shrink:0;min-height:40px;padding:0 14px;font-size:12px}.series-episodes-grid{grid-template-columns:1fr;gap:15px}.series-episode-play{opacity:1;width:50px;height:50px}.movie-details-page .movie-cast-list{gap:14px}.movie-details-page .movie-cast-item{flex:0 0 110px;min-width:110px}.movie-details-page .movie-cast-photo{width:110px}}@media (width<=420px){.series-season-tab{padding:0 12px;font-size:11px}.series-episode-info h3{font-size:13px}.movie-details-page .movie-cast-item{flex-basis:100px;min-width:100px}.movie-details-page .movie-cast-photo{width:100px}}