[data-media-player]{width:100%;display:inline-flex;align-items:center;position:relative;contain:style;box-sizing:border-box;-webkit-user-select:none;user-select:none}[data-media-player] *{box-sizing:border-box}:where([data-media-player][data-view-type=video]){aspect-ratio:16 / 9}[data-media-player]:focus,[data-media-player]:focus-visible{outline:none}[data-media-player][data-view-type=video][data-started]:not([data-controls]){pointer-events:auto;cursor:none}[data-media-player] slot{display:contents}[data-media-provider]{display:flex;position:relative;box-sizing:border-box;align-items:center;border-radius:inherit;width:100%;aspect-ratio:inherit;overflow:hidden}[data-media-player]:not([data-view-type=audio]) [data-media-provider],[data-media-player][data-fullscreen] [data-media-provider]{height:100%}[data-media-player][data-view-type=audio] [data-media-provider]{display:contents;background-color:unset}[data-media-provider] audio{width:100%}:where(video:not([width]):not([height]),iframe:not([width]):not([height])){width:100%;aspect-ratio:16 / 9}:where([data-media-provider] video),:where([data-media-provider] iframe){aspect-ratio:inherit;display:inline-block;height:auto;object-fit:contain;touch-action:manipulation;border-radius:inherit;width:100%}[data-media-provider] iframe{height:100%}[data-media-player][data-view-type=audio] video,[data-media-player][data-view-type=audio] iframe{display:none}[data-media-player][data-fullscreen] video{height:100%}[data-media-provider] iframe:not([src]){display:none}iframe.vds-youtube[data-no-controls]{height:1000%}.vds-blocker{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:auto;aspect-ratio:inherit;pointer-events:auto;border-radius:inherit;z-index:1}[data-ended] .vds-blocker{background-color:#000}.vds-icon:focus{outline:none}.vds-google-cast{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#dedede;font-family:sans-serif;font-weight:500}.vds-google-cast svg{--size: max(18%, 40px);width:var(--size);height:var(--size);margin-bottom:8px}.vds-google-cast-info{font-size:calc(var(--media-height) / 100 * 6)}:where(.vds-buffering-indicator){position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}:where(.vds-buffering-indicator) :where(.vds-buffering-icon,.vds-buffering-spinner){opacity:0;pointer-events:none;transition:var(--media-buffering-transition, opacity .2s ease)}:where(.vds-buffering-indicator) :where(.vds-buffering-icon,svg.vds-buffering-spinner,.vds-buffering-spinner svg){width:var(--media-buffering-size, 96px);height:var(--media-buffering-size, 96px)}:where(.vds-buffering-indicator) :where(.vds-buffering-track,circle[data-part=track]){color:var(--media-buffering-track-color, #f5f5f5);opacity:var(--media-buffering-track-opacity, .25);stroke-width:var(--media-buffering-track-width, 8)}:where(.vds-buffering-indicator) :where(.vds-buffering-track-fill,circle[data-part=track-fill]){color:var(--media-buffering-track-fill-color, var(--media-brand));opacity:var(--media-buffering-track-fill-opacity, .75);stroke-width:var(--media-buffering-track-fill-width, 9);stroke-dasharray:100;stroke-dashoffset:var(--media-buffering-track-fill-offset, 50)}:where([data-buffering]) :where(.vds-buffering-icon,.vds-buffering-spinner){opacity:1;animation:var(--media-buffering-animation, vds-buffering-spin 1s linear infinite)}@keyframes vds-buffering-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion){:where([data-buffering]) :where(.vds-buffering-icon,.vds-buffering-spinner){animation-duration:8s}}:where(.vds-button){position:relative;display:inline-flex;justify-content:center;align-items:center;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none;border-radius:var(--media-button-border-radius, 9999%);width:var(--media-button-size, 38px);height:var(--media-button-size, 38px);transition:transform .2s ease-out;contain:layout style;cursor:pointer;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-shrink:0}.vds-button{border:var(--media-button-border);color:var(--media-button-color, var(--media-controls-color, #f5f5f5));padding:var(--media-button-padding, 0px)}:where([data-fullscreen] .vds-button){width:var(--media-fullscreen-button-size, 42px);height:var(--media-fullscreen-button-size, 42px)}@media screen and (max-width: 599px){:where([data-fullscreen] .vds-button){width:var(--media-sm-fullscreen-button-size, 42px);height:var(--media-sm-fullscreen-button-size, 42px)}}:where(.vds-button .vds-icon){width:var(--media-button-icon-size, 70%);height:var(--media-button-icon-size, 70%);border-radius:var(--media-button-border-radius, 8px)}:where(.vds-menu-button .vds-icon){display:flex!important}:where(.vds-button[aria-hidden=true]){display:none!important}@media (hover: hover) and (pointer: fine){.vds-button:hover{background-color:var(--media-button-hover-bg, rgb(255 255 255 / .2))}.vds-button:hover{transform:var(--media-button-hover-transform, scale(1.05));transition:var(--media-button-hover-transition, transform .2s ease-in)}.vds-button[aria-expanded=true]{transform:unset}}@media (pointer: coarse){.vds-button:hover{border-radius:var(--media-button-touch-hover-border-radius, 100%);background-color:var( --media-button-touch-hover-bg, rgb(255 255 255 / .2) )}}:where(.vds-button:focus){outline:none}:where(.vds-button[data-focus],.vds-button:focus-visible){box-shadow:var(--media-focus-ring)}:where(.vds-live-button){min-width:auto;min-height:auto;width:var(--media-live-button-width, 40px);height:var(--media-live-button-height, 40px);padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none}:where(.vds-live-button-text){font-family:var(--media-font-family, sans-serif);font-size:var(--media-live-button-font-size, 12px);font-weight:var(--media-live-button-font-weight, 600);letter-spacing:var(--media-live-button-letter-spacing, 1.5px);transition:color .3s ease}.vds-live-button-text{background-color:var(--media-live-button-bg, #8a8a8a);border-radius:var(--media-live-button-border-radius, 2px);color:var(--media-live-button-color, #161616);padding:var(--media-live-button-padding, 1px 4px)}:where(.vds-live-button[data-focus] .vds-live-button-text){box-shadow:var(--media-focus-ring)}:where(.vds-live-button[data-edge]){cursor:unset}.vds-live-button[data-edge] .vds-live-button-text{background-color:var(--media-live-button-edge-bg, #dc2626);color:var(--media-live-button-edge-color, #f5f5f5)}@media (pointer: fine){:where(.vds-live-button:hover){background-color:unset}}.vds-button:not([data-paused]) .vds-play-icon,.vds-button[data-ended] .vds-play-icon,.vds-button[data-paused] .vds-pause-icon,.vds-button[data-ended] .vds-pause-icon,.vds-button:not([data-ended]) .vds-replay-icon,.vds-button[data-active] .vds-pip-enter-icon,.vds-button:not([data-active]) .vds-pip-exit-icon,.vds-button[data-active] .vds-fs-enter-icon,.vds-button:not([data-active]) .vds-fs-exit-icon,.vds-button:not([data-active]) .vds-cc-on-icon,.vds-button[data-active] .vds-cc-off-icon,.vds-button:not([data-muted]) .vds-mute-icon,.vds-button:not([data-state=low]) .vds-volume-low-icon,.vds-button:not([data-state=high]) .vds-volume-high-icon{display:none}:where(.vds-captions){--overlay-padding: var(--media-captions-padding, 1%);--cue-color: var(--media-user-text-color, var(--media-cue-color, white));--cue-bg-color: var(--media-user-text-bg, var(--media-cue-bg, rgba(0, 0, 0, .7)));--cue-default-font-size: var(--media-cue-font-size, calc(var(--overlay-height) / 100 * 4.5));--cue-font-size: calc(var(--cue-default-font-size) * var(--media-user-font-size, 1));--cue-line-height: var(--media-cue-line-height, calc(var(--cue-font-size) * 1.2));--cue-padding-x: var(--media-cue-padding-x, calc(var(--cue-font-size) * .6));--cue-padding-y: var(--media-cue-padding-x, calc(var(--cue-font-size) * .4));--cue-padding: var(--cue-padding-y) var(--cue-padding-x);position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;contain:layout style;margin:var(--overlay-padding);font-size:var(--cue-font-size);font-family:var(--media-user-font-family, sans-serif);box-sizing:border-box;pointer-events:none;-webkit-user-select:none;user-select:none;word-spacing:normal;word-break:break-word}:where([data-fullscreen][data-orientation=portrait] .vds-captions){--cue-default-font-size: var(--media-cue-font-size, calc(var(--overlay-width) / 100 * 4.5))}:where([data-view-type=audio] .vds-captions){position:relative;margin:0}:where(.vds-captions[aria-hidden=true]){opacity:0;visibility:hidden}.vds-captions[data-example]{opacity:1!important;visibility:visible!important}:where([data-view-type=video] .vds-captions [data-part=cue-display][data-example]){--cue-text-align: center;--cue-width: 100%;--cue-top: 90%;--cue-left: 0%}:where([data-view-type=audio] .vds-captions [data-part=cue-display]){--cue-width: 100%;position:relative!important}:where(.vds-captions [data-part=cue-display]){position:absolute;direction:ltr;overflow:visible;contain:content;top:var(--cue-top);left:var(--cue-left);right:var(--cue-right);bottom:var(--cue-bottom);width:var(--cue-width, auto);height:var(--cue-height, auto);box-sizing:border-box;transform:var(--cue-transform);text-align:var(--cue-text-align);writing-mode:var(--cue-writing-mode, unset);white-space:pre-line;unicode-bidi:plaintext;min-width:min-content;min-height:min-content;background-color:var(--media-user-display-bg, var(--media-cue-display-bg));border-radius:var(--media-cue-display-border-radius)}.vds-captions [data-part=cue-display]{padding:var(--media-cue-display-padding)}:where(.vds-captions[data-dir=rtl] [data-part=cue-display]){direction:rtl}:where(.vds-captions [data-part=cue]){display:inline-block;contain:content;font-variant:var(--media-user-font-variant);border:var(--media-cue-border, unset);border-radius:var(--media-cue-border-radius, 2px);-webkit-backdrop-filter:var(--media-cue-backdrop, blur(8px));backdrop-filter:var(--media-cue-backdrop, blur(8px));line-height:var(--cue-line-height);box-sizing:border-box;box-shadow:var(--media-cue-box-shadow, var(--cue-box-shadow));white-space:var(--cue-white-space, pre-wrap);outline:var(--cue-outline);text-shadow:var(--media-user-text-shadow, var(--cue-text-shadow))}.vds-captions [data-part=cue]{background-color:var(--cue-bg-color);color:var(--cue-color);padding:var(--cue-padding)}:where(.vds-captions [data-part=cue-display][data-vertical] [data-part=cue]){--cue-padding: var(--cue-padding-x) var(--cue-padding-y)}:where(.vds-captions [data-part=region]){--anchor-x-percent: calc(var(--region-anchor-x) / 100);--anchor-x: calc(var(--region-width) * var(--anchor-x-percent));--anchor-y-percent: calc(var(--region-anchor-y) / 100);--anchor-y: calc(var(--region-height) * var(--anchor-y-percent));--vp-anchor-x: calc(var(--region-viewport-anchor-x) * 1%);--vp-anchor-y-percent: calc(var(--region-viewport-anchor-y) / 100);--vp-anchor-y: calc(var(--overlay-height) * var(--vp-anchor-y-percent));position:absolute;display:inline-flex;flex-flow:column;justify-content:flex-start;width:var(--region-width);height:var(--region-height);min-height:0px;max-height:var(--region-height);writing-mode:horizontal-tb;top:var(--region-top, calc(var(--vp-anchor-y) - var(--anchor-y)));left:var(--region-left, calc(var(--vp-anchor-x) - var(--anchor-x)));right:var(--region-right);bottom:var(--region-bottom);overflow:hidden;overflow-wrap:break-word;box-sizing:border-box}:where(.vds-captions [data-part=region][data-scroll=up]){justify-content:end}:where(.vds-captions [data-part=region][data-active][data-scroll=up]){transition:top .433s}:where(.vds-captions [data-part=region]>[data-part=cue-display]){position:relative;width:auto;left:var(--cue-offset);height:var(--cue-height, auto);text-align:var(--cue-text-align);unicode-bidi:plaintext;margin-top:2px}:where(.vds-captions [data-part=region] [data-part=cue]){position:relative;border-radius:0}:where(.vds-chapter-title){--color: var(--media-chapter-title-color, rgba(255 255 255 / .64));display:inline-block;font-family:var(--media-font-family, sans-serif);font-size:var(--media-chapter-title-font-size, 16px);font-weight:var(--media-chapter-title-font-weight, 400);color:var(--color);flex:1 1 0%;padding-inline:6px;overflow:hidden;text-align:start;white-space:nowrap;text-overflow:ellipsis}.vds-chapter-title:before{content:var(--media-chapter-title-separator, "•");display:inline-block;margin-right:var(--media-chapter-title-separator-gap, 6px);color:var(--media-chapter-title-separator-color, var(--color))}.vds-chapter-title:empty:before{content:"";margin:0}:where(.vds-controls),:where(.vds-controls-group){position:relative;display:inline-block;width:100%;box-sizing:border-box}:where([data-view-type=audio] .vds-controls){display:inline-block;max-width:100%}:where([data-view-type=video] .vds-controls){display:flex;position:absolute;flex-direction:column;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:10;opacity:0;visibility:hidden;pointer-events:none;padding:var(--media-controls-padding, 0px);transition:var(--media-controls-out-transition, opacity .2s ease-out)}:where([data-view-type=video] .vds-controls[data-visible]){opacity:1;visibility:visible;transition:var(--media-controls-in-transition, opacity .2s ease-in)}:where(.vds-controls-spacer){flex:1 1 0%;pointer-events:none}:where(.vds-gestures){display:contents}:where(.vds-gesture){position:absolute;display:block;contain:content;z-index:0;opacity:0;visibility:hidden;pointer-events:none!important}:where(.vds-icon svg){display:block;width:100%;height:100%;vertical-align:middle}:where(.vds-kb-action.hidden){opacity:0}:where(.vds-kb-text-wrapper){text-align:center;position:absolute;left:0;right:0;top:var(--media-kb-text-top, 10%);z-index:20;pointer-events:none}:where(.vds-kb-text){display:inline-block;font-size:var(--media-kb-text-size, 150%);font-family:var(--media-font-family, sans-serif);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--media-kb-border-radius, 2.5px);pointer-events:none}.vds-kb-text{color:var(--media-kb-text-color, var(--default-color));background-color:var(--media-kb-text-bg, var(--default-bg));padding:var(--media-kb-text-padding, 10px 20px)}.light .vds-kb-text{--default-color: #1a1a1a;--default-bg: rgb(240 240 240 / .6)}.dark .vds-kb-text{--default-color: #f5f5f5;--default-bg: rgb(10 10 10 / .6)}:where(.vds-kb-text:empty){display:none}:where(.vds-kb-bezel){--size: var(--media-kb-bezel-size, 52px);position:absolute;left:50%;top:45%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--size);height:var(--size);margin-left:calc(-1 * calc(var(--size) / 2));margin-right:calc(-1 * calc(var(--size) / 2));z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:var(--media-kb-bezel-bg, var(--default-bg));animation:var(--media-kb-bezel-animation, vds-bezel-fade .35s linear 1 normal forwards);border-radius:var(--media-kb-bezel-border-radius, calc(var(--size) / 2));pointer-events:none}.vds-kb-bezel:not(:has(svg)){display:none!important}.light .vds-kb-bezel{--default-bg: rgb(255 255 255 / .6)}.dark .vds-kb-bezel{--default-bg: rgb(10 10 10 / .6)}@media (prefers-reduced-motion){:where(.vds-kb-bezel){animation:none}}:where(.vds-kb-bezel:has(slot:empty)){opacity:0}:where(.vds-kb-action[data-action=seek-forward] .vds-kb-bezel){top:45%;left:unset;right:10%}:where(.vds-kb-action[data-action=seek-backward] .vds-kb-bezel){top:45%;left:10%}:where(.vds-kb-icon){--size: var(--media-kb-icon-size, 38px);width:var(--size);height:var(--size)}.vds-kb-icon{color:var(--media-kb-icon-color, var(--default-color))}.light .vds-kb-icon{--default-color: #1a1a1a}.dark .vds-kb-icon{--default-color: #f5f5f5}@keyframes vds-bezel-fade{0%{opacity:1}to{opacity:0;transform:scale(2)}}:where(.vds-menu-items){--color-inverse: var(--media-menu-color-inverse, var(--default-inverse));--color-gray-50: var(--media-menu-color-gray-50, var(--default-gray-50));--color-gray-100: var(--media-menu-color-gray-100, var(--default-gray-100));--color-gray-200: var(--media-menu-color-gray-200, var(--default-gray-200));--color-gray-300: var(--media-menu-color-gray-300, var(--default-gray-300));--color-gray-400: var(--media-menu-color-gray-400, var(--default-gray-400));--text-color: var(--media-menu-text-color, var(--default-text));--text-secondary-color: var(--media-menu-text-secondary-color, var(--default-text-secondary));--root-border: var(--media-menu-border, var(--default-root-border))}.light .vds-menu-items{--default-inverse: black;--default-gray-50: rgb(80 80 80 / .15);--default-gray-100: rgb(80 80 80 / .45);--default-gray-200: rgb(235 235 235 / .6);--default-gray-300: rgb(238 238 238);--default-gray-400: rgb(250 250 250);--default-text: #1a1a1a;--default-text-secondary: #6b6b6b;--default-root-border: 1px solid rgb(10 10 10 / .1)}.dark .vds-menu-items{--default-inverse: white;--default-gray-50: rgb(245 245 245 / .1);--default-gray-100: rgb(245 245 245 / .45);--default-gray-200: rgb(10 10 10 / .6);--default-gray-300: rgb(27 27 27);--default-gray-400: rgb(10 10 10);--default-text: #f5f5f5;--default-text-secondary: #8a8a8a;--default-root-border: 1px solid rgb(255 255 255 / .1)}:where(.vds-menu-items){--font-family: var(--media-font-family, sans-serif);--font-size: var(--media-menu-font-size, 14px);--font-weight: var(--media-menu-font-weight, 500);--root-bg: var(--media-menu-bg, var(--color-gray-400));--root-padding: var(--media-menu-padding, 12px);--root-border-radius: var(--media-menu-border-radius, 4px);--divider: var(--media-menu-divider, 1px solid var(--color-gray-50));--section-bg: var(--media-menu-section-bg, var(--color-gray-300));--section-border: var(--media-menu-section-border);--section-divider: var(--media-menu-section-divider, var(--divider));--top-bar-bg: var(--media-menu-top-bar-bg, var(--color-gray-200));--top-bar-divider: var(--media-menu-divider, transparent);--text-hint-color: var(--media-menu-hint-color, var(--text-secondary-color));--chapter-divider: var(--media-chapters-divider, var(--divider));--chapter-active-bg: var(--media-chapters-item-active-bg, var(--color-gray-50));--chapter-active-border-left: var(--media-chapters-item-active-border-left);--chapter-progress-bg: var(--media-chapters-progress-bg, var(--color-inverse));--chapter-time-font-size: var(--media-chapters-time-font-size, 12px);--chapter-time-font-weight: var(--media-chapters-time-font-weight, 500);--chapter-time-gap: var(--media-chapters-time-gap, 6px);--chapter-duration-bg: var(--media-chapters-duration-bg);--item-border: var(--media-menu-item-border, 0);--item-bg: var(--media-menu-item-bg, transparent);--item-hover-bg: var(--media-menu-item-hover-bg, var(--color-gray-50));--item-icon-size: var(--media-menu-item-icon-size, 18px);--item-padding: var(--media-menu-item-padding, 10px);--item-min-height: var(--media-menu-item-height, 40px);--item-border-radius: var(--media-menu-item-border-radius, 2px);--scrollbar-track-bg: var(--media-menu-scrollbar-track-bg, transparent);--scrollbar-thumb-bg: var(--media-menu-scrollbar-thumb-bg, var(--color-gray-50));--webkit-scrollbar-bg: var(--color-gray-400);--webkit-scrollbar-track-bg: var(--media-menu-scrollbar-track-bg, var(--color-gray-50));--checkbox-bg: var(--media-menu-checkbox-bg, var(--color-gray-100));--checkbox-active-bg: var(--media-menu-checkbox-bg-active, #1ba13f);--checkbox-handle-bg: var(--media-menu-checkbox-handle-bg, #f5f5f5);--checkbox-handle-border: var(--media-menu-checkbox-handle-border);--radio-icon-color: var(--media-menu-radio-icon-color, var(--text-color))}:where(.vds-menu[data-root] media-menu[data-root]){display:contents}:where(.vds-menu){font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight)}:where(.vds-menu[data-disabled][data-root]){display:none}:where(.vds-menu[data-submenu]){display:inline-block}:where(.vds-menu-items:focus){outline:none}:where(.vds-menu-item:focus,.vds-radio:focus){outline:none}:where(.vds-menu-item:focus-visible,.vds-menu-item[data-focus],.vds-radio:focus-visible,.vds-radio[data-focus]){outline:none;box-shadow:var(--media-focus-ring)}:where(.vds-menu[data-open] .vds-tooltip-content){display:none!important}.vds-menu-items [data-hidden]{display:none!important}@media (prefers-reduced-motion: no-preference){:where(.vds-menu-items){scroll-behavior:smooth}}:where(.vds-menu-items){box-sizing:border-box;min-width:var(--media-menu-min-width, 280px);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-bg) var(--scrollbar-track-bg);transform:translateZ(0)}:where(.vds-menu-items)::-webkit-scrollbar{background-color:var(--webkit-scrollbar-bg);border-radius:var(--root-border-radius);height:6px;width:5px}:where(.vds-menu-items)::-webkit-scrollbar-track{background-color:var(--webkit-scrollbar-track-bg);border-radius:4px}:where(.vds-menu-items)::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-bg);border-radius:4px}:where(.vds-menu-items)::-webkit-scrollbar-corner{background-color:var(--scrollbar-thumb-bg)}:where(.vds-menu-button){outline:none;box-sizing:border-box}:where(.vds-menu-button .vds-rotate-icon){transition:transform .2s ease-out}:where(.vds-menu-button[aria-expanded=true] .vds-rotate-icon){transform:rotate(var(--media-menu-icon-rotate-deg, 90deg));transition:transform .2s ease-in}:where(.vds-menu-button){display:inline-flex;align-items:center;justify-content:center}@media (prefers-reduced-motion){:where(.vds-menu-button .vds-rotate-icon){transition:unset}}:where(.vds-menu-items){display:flex;align-items:center;flex-direction:column;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);transition:height .35s ease}@media (prefers-reduced-motion){:where(.vds-menu-items){transition:unset}}:where(.vds-menu-items[data-root]){background-color:var(--root-bg);border-radius:var(--root-border-radius);box-shadow:var(--media-menu-box-shadow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);height:var(--menu-height, auto);will-change:width,height;overflow-y:auto;overscroll-behavior:contain;opacity:0;z-index:9999999;box-sizing:border-box;max-height:var(--media-menu-max-height, 250px);filter:var( --media-menu-filter, drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06)) )}@-moz-document url-prefix(){:where(.vds-menu-items[data-root]){-webkit-backdrop-filter:none;backdrop-filter:none}}.vds-menu-items[data-root]{border:var(--root-border);padding:var(--root-padding)}:where([data-view-type=video]) :where(.vds-menu-items[data-root]){max-height:var(--media-menu-video-max-height, calc(var(--player-height) * .7))}:where(.vds-menu-items[data-transition=height]){--scrollbar-thumb-bg: rgba(0, 0, 0, 0);pointer-events:none;overflow:hidden}.vds-menu-button[aria-disabled=true],.vds-menu-item[aria-disabled=true],.vds-menu-item[data-disabled]{display:none}:where(.vds-menu-items[data-root]){--enter-transform: translateY(0px);--exit-transform: translateY(12px)}:where(.vds-menu-items[data-root]:not([data-placement])){--enter-transform: translateY(-24px)}:where(.vds-menu-items[data-root][aria-hidden=true]){animation:var(--media-menu-exit-animation, vds-menu-exit .2s ease-out)}:where(.vds-menu-items[data-root][aria-hidden=false]){animation:var(--media-menu-enter-animation, vds-menu-enter .3s ease-out);animation-fill-mode:forwards}:where(.vds-menu-items[data-placement~=bottom]){--enter-transform: translateY(0);--exit-transform: translateY(-12px)}@keyframes vds-menu-enter{0%{opacity:0;transform:var(--exit-transform)}to{opacity:1;transform:var(--enter-transform)}}@keyframes vds-menu-exit{0%{opacity:1;transform:var(--enter-transform)}to{opacity:0;transform:var(--exit-transform)}}@media (prefers-reduced-motion){:where(.vds-menu-items){animation:none;opacity:1}}:where(media-menu-portal){display:contents}:where(.vds-menu-items[data-root]:not([data-placement])){position:fixed;left:16px;right:16px;top:unset;bottom:0;max-height:var(--media-sm-menu-portrait-max-height, 40vh);max-height:var(--media-sm-menu-portrait-max-height, 40dvh)}:where(.vds-menu-items[data-root]:not([data-placement])){max-width:480px;margin:0 auto}@media (orientation: landscape) and (pointer: coarse){:where(.vds-menu-items[data-root]:not([data-placement])){max-height:var(--media-sm-menu-landscape-max-height, min(70vh, 400px));max-height:var(--media-sm-menu-landscape-max-height, min(70dvh, 400px))}}:where(.vds-menu[data-submenu] .vds-menu-button){display:flex;align-items:center;justify-content:flex-start}:where(.vds-menu-items[data-submenu]){width:100%}:where(.vds-menu[aria-hidden=true]),:where(.vds-menu-items[data-submenu][aria-hidden=true]){display:none}:where(.vds-menu-item,.vds-radio){position:relative;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:left;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:var(--item-border-radius);box-sizing:border-box;min-height:var(--item-min-height);font-size:var(--font-size);outline:none}.vds-menu-item,.vds-radio{color:var(--text-color);background-color:var(--item-bg);padding:var(--item-padding)}.vds-menu-item:focus-visible,.vds-menu-item[data-focus],.vds-radio:focus-visible,.vds-radio[data-focus]{cursor:pointer;background-color:var(--item-hover-bg)}@media (hover: hover) and (pointer: fine){.vds-menu-item[role]:hover,.vds-radio:hover{cursor:pointer;background-color:var(--item-hover-bg)}}:where(.vds-menu-items[data-submenu]){align-items:flex-start;justify-content:center;flex-direction:column}:where(.vds-menu-item[aria-expanded=true]){font-weight:700;border-radius:0;border-top-left-radius:var(--item-border-radius);border-top-right-radius:var(--item-border-radius)}.vds-menu-item[aria-expanded=true]{border-bottom:var(--top-bar-divider)}:where(.vds-menu-item[aria-expanded=true]){position:sticky;top:calc(-1 * var(--root-padding));left:0;width:100%;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin-bottom:4px}.vds-menu-item[aria-expanded=true]{background-color:var(--top-bar-bg)}:where(.vds-menu-item-label){flex:1 0 0%;text-align:start}:where(.vds-menu-item .vds-icon,.vds-radio .vds-icon){--size: var(--item-icon-size);width:var(--size);height:var(--size);margin-right:var(--media-menu-item-icon-spacing, 6px)}:where(.vds-menu-open-icon,.vds-menu-close-icon){--size: var(--media-menu-arrow-icon-size, 18px);width:var(--size);height:var(--size)}:where(.vds-menu-item-hint,.vds-menu-open-icon,.vds-radio-hint){color:var(--text-hint-color);font-size:var(--media-menu-hint-font-size, 13px);font-weight:var(--media-menu-hint-font-weight, 400)}:where(.vds-menu-items .vds-menu-open-icon){margin-right:0}:where(.vds-menu-items) :where(.vds-menu-item-hint,.vds-menu-open-icon){margin-left:auto}:where(.vds-menu-items) :where(.vds-menu-item-hint+.vds-menu-open-icon),:where(.vds-menu-item-hint+media-icon .vds-menu-open-icon),:where(.vds-menu-item-hint+slot>.vds-menu-open-icon){margin-left:2px}:where(.vds-menu-item[aria-hidden=true]),:where(.vds-menu-item[aria-expanded=true] .vds-menu-open-icon){display:none!important}:where(.vds-menu-items) :where(.vds-menu-item[aria-disabled=true],.vds-menu-item[data-disabled]) :where(.vds-menu-open-icon){opacity:0}:where(.vds-menu-close-icon),:where(.vds-menu-item[aria-expanded=true]>.vds-icon){display:none!important}:where(.vds-menu-item[aria-expanded=true] .vds-menu-close-icon){display:inline!important;margin-left:calc(-1 * var(--item-padding) / 2)}:where(.vds-menu-checkbox){--checkbox-width: var(--media-menu-checkbox-width, 40px);--checkbox-height: var(--media-menu-checkbox-height, 18px);--checkbox-top: calc((var(--checkbox-height) - var(--checkbox-diameter)) / 2);--checkbox-diameter: var( --media-menu-checkbox-handle-diameter, calc(var(--checkbox-height) - 2px) );--checkbox-gap: var(--media-menu-checkbox-gap, 2.5px);position:relative;display:inline-block;width:var(--checkbox-width);height:var(--checkbox-height);border-radius:calc(var(--checkbox-height) / 2);transition:.3s all ease-in-out;box-sizing:border-box;cursor:pointer;pointer-events:auto}.vds-menu-checkbox{background-color:var(--checkbox-bg)}:where(.vds-menu-checkbox:focus-visible){outline:none;box-shadow:var(--media-focus-ring)}.vds-menu-checkbox[aria-checked=true]{background-color:var(--checkbox-active-bg)}:where(.vds-menu-checkbox):after{content:"";display:inline-block;width:var(--checkbox-diameter);height:var(--checkbox-diameter);border-radius:calc(var(--checkbox-diameter) / 2);position:absolute;top:var(--checkbox-top);transform:translate(var(--checkbox-gap));transition:.3s all ease-in-out;border:var(--checkbox-handle-border);box-sizing:border-box}.vds-menu-checkbox:after{background-color:var(--checkbox-handle-bg)}:where(.vds-menu-checkbox[aria-checked=true]):after{transform:translate(calc(var(--checkbox-width) - var(--checkbox-diameter) - var(--checkbox-gap)))}@media (prefers-reduced-motion: no-preference){:where(.vds-menu-checkbox[data-active]):after{width:calc(var(--checkbox-width) - calc(var(--checkbox-gap) * 2))}}:where(.vds-menu-checkbox[aria-checked=true][data-active]):after{transform:translate(var(--checkbox-gap))}:where(.vds-menu-items .vds-slider){--media-slider-track-bg: var(--media-menu-slider-track-bg, var(--color-gray-50));--media-slider-track-fill-bg: var(--media-menu-slider-track-fill-bg, var(--color-inverse));--media-slider-height: var(--media-menu-slider-height, 32px);--track-focus-height: var(--track-height) !important}:where(.vds-menu-items .vds-slider-thumb){opacity:1!important}:where(.vds-menu-slider-item.group){flex-direction:column}:where(.vds-menu-slider-title){margin-top:4px}:where(.vds-menu-slider-body){width:100%;display:flex;align-items:center;margin-top:6px}:where(.vds-menu-slider-item .vds-icon){margin:0;color:var(--text-hint-color)}:where(.vds-menu-slider-item[data-min] .vds-icon.down,.vds-menu-slider-item[data-max] .vds-icon.up){color:var(--text-color);animation:.6s ease-in-out vds-slider-icon;transition:all 1.2s ease}@keyframes vds-slider-icon{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}:where(.vds-menu-items .vds-slider-track-fill){transition:opacity .3s ease}:where(.vds-menu-items .vds-slider[data-active] .vds-slider-track-fill){opacity:0}:where(.vds-radio-group){box-sizing:border-box;width:100%;display:flex;flex-direction:column}.vds-radio{cursor:pointer;contain:content;padding-left:calc(var(--item-icon-size) + var(--item-padding))}.vds-radio[aria-checked=true]{padding-left:0}.vds-radio .vds-icon{display:none;color:var(--radio-icon-color)}.vds-radio[aria-checked=true] .vds-icon{display:inline-block;margin-left:6px}:where(.vds-radio-hint){margin-left:auto}.vds-color-picker{width:32px;height:32px;border:0;background-color:transparent;outline:none}.vds-color-picker::-webkit-color-swatch{border-radius:2px}.vds-color-picker::-moz-color-swatch{border-radius:2px}.vds-color-picker:focus-visible::-webkit-color-swatch{box-shadow:var(--media-focus-ring)}.vds-color-picker:focus-visible::-moz-color-swatch{box-shadow:var(--media-focus-ring)}:where(.vds-menu-section){width:100%}:where(.vds-menu-item+.vds-menu-section){margin-top:8px}:where(.vds-menu-section+.vds-menu-section){margin-top:24px}:where(.vds-menu-section:first-child){margin-top:8px}:where(.vds-menu-section:last-child){margin-bottom:8px}:where(.vds-menu-section-title),:where(.vds-menu-slider-title){width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--text-secondary-color);font-size:var(--media-menu-section-header-font-size, 12px);font-weight:var(--media-menu-section-header-font-weight, 500);padding-inline:2px}:where(.vds-menu-section-body){width:100%}:where(.vds-menu-section-title+.vds-menu-section-body){margin-top:var(--media-menu-section-gap, 8px)}.vds-menu-section-body{background-color:var(--section-bg);border:var(--section-border);border-radius:var(--media-menu-section-border-radius, 2px)}:where(.vds-menu-section:not([data-open]) .vds-menu-item:not(:last-child)){border-bottom:var(--section-divider)}:where(.vds-menu-section-body .vds-menu:last-child>.vds-menu-item){border-bottom:unset}.vds-menu-section[data-open],.vds-menu-section[data-open]>.vds-menu-section-body{display:contents!important;background-color:transparent!important}.vds-menu-section[data-open]>.vds-menu-section-title,.vds-menu-section[data-open]>.vds-menu-section-body>:not([data-open]){display:none}:where(.vds-chapters-menu-items){min-width:var(--media-chapters-min-width, var(--media-menu-min-width, 220px))}.vds-chapters-menu-items{padding:var(--media-chapters-padding, 0)}:where(.vds-menu-items:has(.vds-chapters-radio-group[data-thumbnails])){min-width:var(--media-chapters-with-thumbnails-min-width, 300px)}:where(.vds-chapter-radio){border-radius:0}.vds-chapter-radio{border-bottom:var(--chapter-divider);padding:var(--item-padding)}.vds-chapter-radio[aria-checked=true]{padding-left:var(--item-padding)}:where(.vds-chapter-radio:last-child){border-bottom:0}.vds-chapter-radio[aria-checked=true]{background-color:var(--chapter-active-bg);border-left:var(--chapter-active-border-left)}:where(.vds-chapter-radio[aria-checked=true]):after{content:" ";width:var(--progress);height:var(--media-chapters-progress-height, 4px);position:absolute;bottom:0;left:0}.vds-chapter-radio[aria-checked=true]:after{border-radius:var(--media-chapters-progress-border-radius, 0);background-color:var(--chapter-progress-bg)}.vds-chapters-radio-group :where(.vds-thumbnail){margin-right:var(--media-chapters-thumbnail-gap, 12px);flex-shrink:0;min-width:var(--media-chapters-thumbnail-min-width, 100px);min-height:var(--media-chapters-thumbnail-min-height, 56px);max-width:var(--media-chapters-thumbnail-max-width, 120px);max-height:var(--media-chapters-thumbnail-max-height, 68px)}.vds-chapters-radio-group .vds-thumbnail{border:var(--media-chapters-thumbnail-border, 0)}:where(.vds-chapters-radio-group .vds-chapter-radio-label){color:var(--text-secondary-color);font-size:var(--font-size);font-weight:var(--font-weight);white-space:nowrap}:where(.vds-chapter-radio[aria-checked=true] .vds-chapter-radio-label){color:var(--text-color)}:where(.vds-chapters-radio-group .vds-chapter-radio-start-time){display:inline-block;letter-spacing:var(--media-chapters-start-time-letter-spacing, .4px);border-radius:var(--media-chapters-start-time-border-radius, 2px);font-size:var(--chapter-time-font-size);font-weight:var(--chapter-time-font-weight);margin-top:var(--chapter-time-gap)}.vds-chapters-radio-group .vds-chapter-radio-start-time{color:var(--text-secondary-color);background-color:var(--section-bg);padding:var(--media-chapters-start-time-padding, 1px 4px)}:where(.vds-chapters-radio-group .vds-chapter-radio-duration){color:var(--text-hint-color);font-size:var(--chapter-time-font-size);font-weight:var(--chapter-time-font-weight);margin-top:var(--chapter-time-gap)}.vds-chapters-radio-group .vds-chapter-radio-duration{background-color:var(--chapter-duration-bg);border-radius:var(--media-chapters-duration-border-radius, 2px)}.vds-chapters-radio-group:not([data-thumbnails]) :where(.vds-thumbnail,media-thumbnail){display:none}:where(.vds-chapter-radio-content){display:flex;align-items:flex-start;flex-direction:column}:where(.vds-chapters-radio-group:not([data-thumbnails]) .vds-chapter-radio-content){width:100%;flex-direction:row;display:flex;flex-wrap:wrap;align-items:center}:where(.vds-chapters-radio-group:not([data-thumbnails]) .vds-chapter-radio-start-time){margin-top:0;margin-left:auto}:where(.vds-chapters-radio-group:not([data-thumbnails]) .vds-chapter-radio-duration){margin-top:4px;flex-basis:100%}.vds-menu-items[data-keyboard] .vds-chapters-radio-group:focus-within{padding:var(--media-chapters-focus-padding, 4px)}:where(.vds-poster){display:block;contain:content;position:absolute;top:50%;transform:translateY(-50%);left:0;opacity:0;width:100%;height:100%;z-index:1;border:0;pointer-events:none;box-sizing:border-box;transition:opacity .2s ease-out;background-color:var(--media-poster-bg, black)}:where(.vds-poster img){object-fit:inherit;object-position:inherit;pointer-events:none;user-select:none;-webkit-user-select:none;box-sizing:border-box}.vds-poster :where(img){border:0;width:100%;height:100%;object-fit:contain}:where(.vds-poster[data-hidden]){display:none}:where(.vds-poster[data-visible]){opacity:1}.vds-poster:not(:defined),.vds-poster img:not([src]){display:none}:where(.vds-slider){--width: var(--media-slider-width, 100%);--height: var(--media-slider-height, 48px);--thumb-size: var(--media-slider-thumb-size, 15px);--thumb-focus-size: var(--media-slider-focused-thumb-size, calc(var(--thumb-size) * 1.1));--track-width: var(--media-slider-track-width, 100%);--track-height: var(--media-slider-track-height, 5px);--track-focus-width: var(--media-slider-focused-track-width, var(--track-width));--track-focus-height: var(--media-slider-focused-track-height, calc(var(--track-height) * 1.25));display:inline-flex;align-items:center;width:var(--width);height:var(--height);margin:0 calc(var(--thumb-size) / 2);position:relative;contain:layout style;outline:none;pointer-events:auto;cursor:pointer;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}:where(.vds-slider[aria-hidden=true]){display:none!important}:where(.vds-slider[aria-disabled=true]){cursor:unset}:where(.vds-slider:focus){outline:none}:where(.vds-slider:not([data-chapters])[data-focus],.vds-slider:not([data-chapters]):focus-visible) :where(.vds-slider-track){box-shadow:var(--media-focus-ring)}:where(.vds-slider .vds-slider-track){z-index:0;position:absolute;width:var(--track-width);height:var(--track-height);top:50%;left:0;border-radius:var(--media-slider-track-border-radius, 2px);transform:translateY(-50%) translateZ(0);background-color:var(--media-slider-track-bg, rgb(255 255 255 / .3));contain:strict}:where(.vds-slider[data-focus],.vds-slider:focus-visible) :where(.vds-slider-track){outline-offset:var(--thumb-size)}:where(.vds-slider:not([data-chapters])[data-active] .vds-slider-track){width:var(--track-focus-width);height:var(--track-focus-height)}:where(.vds-slider .vds-slider-track-fill){z-index:2;background-color:var(--media-slider-track-fill-bg, var(--media-brand));width:var(--slider-fill, 0%);will-change:width}:where(.vds-slider .vds-slider-thumb){position:absolute;top:50%;left:var(--slider-fill);opacity:0;contain:layout size style;width:var(--thumb-size);height:var(--thumb-size);border:var(--media-slider-thumb-border, 1px solid #cacaca);border-radius:var(--media-slider-thumb-border-radius, 9999px);background-color:var(--media-slider-thumb-bg, #fff);transform:translate(-50%,-50%) translateZ(0);transition:opacity .15s ease-in;pointer-events:none;will-change:left;z-index:2}:where(.vds-slider[data-dragging],.vds-slider[data-focus],.vds-slider:focus-visible) :where(.vds-slider-thumb){box-shadow:var(--media-slider-focused-thumb-shadow, 0 0 0 4px hsla(0, 0%, 100%, .4))}:where(.vds-slider[data-active] .vds-slider-thumb){opacity:1;transition:var(--media-slider-thumb-transition, opacity .2s ease-in, box-shadow .2s ease)}:where(.vds-slider[data-dragging] .vds-slider-thumb){width:var(--thumb-focus-size);height:var(--thumb-focus-size)}:where(.vds-slider-value){display:inline-block;contain:content;font-size:14px;font-family:var(--media-font-family, sans-serif)}:where(.vds-slider-thumbnail){display:block;contain:content;box-sizing:border-box}:where(.vds-slider-video){background-color:#000;box-sizing:border-box;contain:content;display:inline-block;border:var(--media-thumbnail-border, 1px solid white)}:where(.vds-slider-video video){display:block;height:auto;width:156px}:where(.vds-slider-video[data-loading]){opacity:0}:where(.vds-slider-video[data-hidden],.vds-slider-video[data-hidden] video){display:none;width:0px}:where(.vds-slider .vds-slider-preview){display:flex;flex-direction:column;align-items:center;opacity:0;background-color:var(--media-slider-preview-bg);border-radius:var(--media-slider-preview-border-radius, 2px);pointer-events:none;transition:opacity .2s ease-out;will-change:left,opacity;contain:layout paint style}:where(.vds-slider-preview[data-visible]){opacity:1;transition:opacity .2s ease-in}.vds-slider-value{background-color:var(--media-slider-value-bg, black);border-radius:var(--media-slider-value-border-radius, 2px);border:var(--media-slider-value-border);color:var(--media-slider-value-color, white);padding:var(--media-slider-value-padding, 1px 10px)}:where(.vds-slider-video:not([data-hidden])+.vds-slider-chapter-title,.vds-slider-thumbnail:not([data-hidden])+.vds-slider-chapter-title){margin-top:var(--media-slider-chapter-title-gap, 6px)}:where(.vds-slider-video:not([data-hidden])+.vds-slider-value,.vds-slider-thumbnail:not([data-hidden])+.vds-slider-value,.vds-slider-chapter-title+.vds-slider-value){margin-top:var(--media-slider-value-gap, 2px)}:where(.vds-slider[aria-orientation=vertical]){--width: var(--media-slider-width, 48px);--height: var(--media-slider-height, 100%);--track-width: var(--media-slider-track-width, 4px);--track-height: var(--media-slider-track-height, 100%);--track-focus-width: var(--media-slider-focused-track-width, calc(var(--track-width) * 1.25));--track-focus-height: var(--media-slider-focused-track-height, var(--track-height));margin:calc(var(--thumb-size) / 2) 0}:where(.vds-slider[aria-orientation=vertical] .vds-slider-track){top:unset;bottom:0;left:50%;transform:translate(-50%) translateZ(0)}:where(.vds-slider[aria-orientation=vertical] .vds-slider-track-fill){width:var(--track-width);height:var(--slider-fill);will-change:height;transform:translate(-50%) translateZ(0)}:where(.vds-slider[aria-orientation=vertical] .vds-slider-progress){top:unset;bottom:0;width:var(--track-width);height:var(--slider-progress, 0%);will-change:height}:where(.vds-slider[aria-orientation=vertical] .vds-slider-thumb){top:unset;bottom:var(--slider-fill);left:50%;will-change:bottom;transform:translate(-50%,50%) translateZ(0)}:where(.vds-slider[aria-orientation=vertical] .vds-slider-preview){will-change:bottom,opacity}:where([data-live] .vds-time-slider .vds-slider-track-fill){background-color:var(--media-slider-track-fill-live-bg, #dc2626)}:where(.vds-time-slider .vds-slider-progress){z-index:1;left:0;width:var(--slider-progress, 0%);will-change:width;background-color:var(--media-slider-track-progress-bg, rgb(255 255 255 / .5))}:where([data-media-player]:not([data-can-play]) .vds-time-slider .vds-slider-value){display:none}:where(.vds-slider-steps){display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;position:absolute;top:0;left:0}:where(.vds-slider-step){width:var(--media-slider-step-width, 2.5px);height:calc(var(--track-height) + 1px);background-color:var(--media-slider-step-color, rgb(124, 124, 124));opacity:0;transition:opacity .3s ease}:where(.vds-slider[data-active] .vds-slider-step){opacity:1}:where(.vds-time-slider .vds-slider-chapters){position:relative;display:flex;align-items:center;width:100%;height:100%;contain:layout style;border-radius:var(--media-slider-track-border-radius, 1px)}:where(.vds-slider[data-focus],.vds-slider:focus-visible) :where(.vds-slider-chapters){box-shadow:var(--media-focus-ring);height:var(--track-height)}:where(.vds-time-slider .vds-slider-chapter){margin-right:2px}:where(.vds-time-slider .vds-slider-chapter:last-child){margin-right:0}:where(.vds-time-slider .vds-slider-chapter){position:relative;display:flex;align-items:center;width:100%;height:100%;will-change:height,transform;contain:layout style;border-radius:var(--media-slider-track-border-radius, 1px)}:where(.vds-time-slider .vds-slider-chapter .vds-slider-track-fill){width:var(--chapter-fill, 0%);will-change:width}:where(.vds-time-slider .vds-slider-chapter .vds-slider-progress){width:var(--chapter-progress, 0%);will-change:width}@media (hover: hover) and (pointer: fine){:where(.vds-time-slider:hover .vds-slider-chapters){contain:strict}:where(.vds-time-slider .vds-slider-chapter:hover:not(:only-of-type)){transform:var(--media-slider-chapter-hover-transform, scaleY(2));transition:var( --media-slider-chapter-hover-transition, transform .1s cubic-bezier(.4, 0, 1, 1) )}}:where(.vds-time-slider .vds-slider-chapter-title){font-family:var(--media-font-family, sans-serif);font-size:var(--media-slider-chapter-title-font-size, 14px);color:var(--media-slider-chapter-title-color, #f5f5f5);background-color:var(--media-slider-chapter-title-bg)}:where(.vds-thumbnail){--min-width: var(--media-thumbnail-min-width, 140px);--max-width: var(--media-thumbnail-max-width, 180px);--aspect-ratio: var(--media-thumbnail-aspect-ratio, var(--thumbnail-aspect-ratio));display:block;width:var(--thumbnail-width);height:var(--thumbnail-height);background-color:var(--media-thumbnail-bg, black);contain:strict;overflow:hidden;box-sizing:border-box;min-width:var(--min-width);min-height:var(--media-thumbnail-min-height, calc(var(--min-width) / var(--aspect-ratio)));max-width:var(--max-width);max-height:var(--media-thumbnail-max-height, calc(var(--max-width) / var(--aspect-ratio)))}.vds-thumbnail{border:var(--media-thumbnail-border, 1px solid white)}:where(.vds-thumbnail img){min-width:unset!important;max-width:unset!important;will-change:width,height,transform}:where(.vds-thumbnail[data-loading] img){opacity:0}:where(.vds-thumbnail[aria-hidden=true]){display:none!important}:where(.vds-time-group){display:flex;align-items:center}.vds-time-divider{margin:0 var(--media-time-divider-gap, 2.5px);color:var(--media-time-divider-color, #e0e0e0)}:where(.vds-time){display:inline-block;contain:content;font-size:var(--media-time-font-size, 15px);font-weight:var(--media-time-font-weight, 400);font-family:var(--media-font-family, sans-serif);border-radius:var(--media-time-border-radius, 2px);letter-spacing:var(--media-time-letter-spacing, .025em)}.vds-time{outline:0;color:var(--media-time-color, var(--default-color));background-color:var(--media-time-bg);border:var(--media-time-border);padding:var(--media-time-padding, 2px)}:where(.vds-time:focus-visible){box-shadow:var(--media-focus-ring)}.light .vds-time{--default-color: rgb(10 10 10)}.dark .vds-time{--default-color: #f5f5f5}:where(.vds-tooltip,media-tooltip){display:contents}:where(.vds-tooltip-content){display:inline-block;box-sizing:border-box;font-family:var(--media-font-family, sans-serif);font-size:var(--media-tooltip-font-size, 13px);font-weight:var(--media-tooltip-font-weight, 500);opacity:0;pointer-events:none;white-space:nowrap;z-index:10;will-change:transform,opacity}.vds-tooltip-content{border-radius:var(--media-tooltip-border-radius, 4px);background-color:var(--media-tooltip-bg-color, var(--default-bg));border:var(--media-tooltip-border, var(--default-border));color:var(--media-tooltip-color, var(--default-color));padding:var(--media-tooltip-padding, 4px 8px)}.light .vds-tooltip-content{--default-color: #1a1a1a;--default-bg: white;--default-border: 1px solid rgb(0 0 0 / .2)}.dark .vds-tooltip-content{--default-color: #f5f5f5;--default-bg: black;--default-border: 1px solid rgb(255 255 255 / .1)}:where(.vds-menu .vds-menu-button[role=button][data-pressed] .vds-tooltip-content){opacity:0;display:none}:where(.vds-tooltip-content){--enter-transform: translateY(0px) scale(1);--exit-transform: translateY(12px) scale(.8)}:where(.vds-tooltip-content:not([data-visible])){animation:var( --media-tooltip-exit-animation, vds-tooltip-exit .2s ease-out )}:where(.vds-tooltip-content[data-visible]){animation:var( --media-tooltip-enter-animation, vds-tooltip-enter .2s ease-in );animation-fill-mode:forwards}:where(.vds-tooltip-content[data-placement~=bottom]){--enter-transform: translateY(0) scale(1);--exit-transform: translateY(-12px) scale(.8)}:where(.vds-tooltip-content[data-placement~=left]){--enter-transform: translateX(0) scale(1);--exit-transform: translateX(12px) scale(.8)}:where(.vds-tooltip-content[data-placement~=right]){--enter-transform: translateX(0) scale(1);--exit-transform: translateX(-12px) scale(.8)}@keyframes vds-tooltip-enter{0%{opacity:0;transform:var(--exit-transform)}to{opacity:1;transform:var(--enter-transform)}}@keyframes vds-tooltip-exit{0%{opacity:1;transform:var(--enter-transform)}to{opacity:0;transform:var(--exit-transform)}}@media (prefers-reduced-motion){:where(.vds-tooltip-content){animation:none}:where(.vds-tooltip-content[data-visible]){opacity:1}}[data-media-player]:not([data-paused]) .vds-play-tooltip-text,[data-media-player][data-paused] .vds-pause-tooltip-text,[data-media-player][data-pip] .vds-pip-enter-tooltip-text,[data-media-player]:not([data-pip]) .vds-pip-exit-tooltip-text,[data-media-player][data-fullscreen] .vds-fs-enter-tooltip-text,[data-media-player]:not([data-fullscreen]) .vds-fs-exit-tooltip-text,[data-media-player]:not([data-captions]) .vds-cc-on-tooltip-text,[data-media-player][data-captions] .vds-cc-off-tooltip-text,[data-media-player]:not([data-muted]) .vds-mute-tooltip-text,[data-media-player][data-muted] .vds-unmute-tooltip-text{display:none}[data-media-player] .vds-video-layout:not([data-match]){display:none!important}[data-media-player][data-layout=video]{background-color:var(--video-bg, black)}[data-media-player][data-layout=video]:not([data-fullscreen]){border-radius:var(--video-border-radius, 6px);border:var(--video-border, 1px solid rgb(255 255 255 / .1))}:where(.vds-video-layout){--media-brand: var(--video-brand, #f5f5f5);--media-font-family: var(--video-font-family, sans-serif);--media-controls-color: var(--video-controls-color, #f5f5f5);--media-tooltip-y-offset: 6px;--media-menu-y-offset: 6px;--media-focus-ring-color: var(--video-focus-ring-color, rgb(78 156 246));--media-focus-ring: var(--video-focus-ring, 0 0 0 3px var(--media-focus-ring-color));color:var(--video-controls-color, #f5f5f5);display:contents}:where([data-media-player][data-focus]:not([data-playing]) .vds-video-layout .vds-controls){border-radius:var(--video-border-radius, 6px);box-shadow:var(--media-focus-ring)}:where(.vds-video-layout .vds-controls[data-visible]){border-radius:var(--video-border-radius, 6px);background-image:linear-gradient(to top,rgb(0 0 0 / .6),10%,transparent,95%,rgb(0 0 0 / .3))}.vds-video-layout .vds-controls-group{align-items:center;display:flex;pointer-events:auto;z-index:0;padding:4px 6px}.vds-video-layout .vds-controls-group:first-child{z-index:50}.vds-video-layout .vds-controls-group:nth-last-child(2){padding:0 12px;z-index:11;margin-bottom:-16px}.vds-video-layout:not([data-sm]) .vds-controls-group:last-child{--media-menu-y-offset: 26px;--media-tooltip-y-offset: 26px;--media-slider-preview-offset: 26px;z-index:10}:where(.vds-video-layout .vds-button){margin-right:2.5px}:where(.vds-video-layout[data-sm] .vds-chapter-title){font-size:var(--video-sm-chapter-title-font-size, 15px)}:where([data-fullscreen] .vds-video-layout .vds-chapter-title){font-size:var(--video-fullscreen-chapter-title-font-size, 16px)}:where(.vds-video-layout:not([data-sm]) .vds-mute-button){margin-left:-2.5px;margin-right:-5px}:where(.vds-video-layout[data-sm]){--media-button-size: var(--video-sm-button-size, 36px)}:where(.vds-video-layout .vds-time-slider){--media-slider-height: 45px;flex-grow:0}:where(.vds-video-layout .vds-slider-thumbnail){--media-thumbnail-border: var(--video-slider-thumbnail-border, 1px solid #f5f5f5);border-radius:var(--video-slider-thumbnail-border-radius, 2px)}.vds-video-layout .vds-time-slider .vds-slider-value{background-color:var(--video-time-bg, unset);text-shadow:-1px -1px 0 #333333,1px -1px 0 #333333,-1px 1px 0 #333333,1px 1px 0 #333333}:where(.vds-video-layout[data-sm] .vds-time){text-shadow:unset}:where(.vds-video-layout[data-lg] .vds-volume){--gap: var(--video-volume-gap, 10px);display:contents}:where(.vds-video-layout[data-lg] .vds-volume-popup){display:contents}:where(.vds-video-layout[data-lg] .vds-volume-slider){margin:0;max-width:0;transition:all .15s ease}:where(.vds-video-layout[data-lg] .vds-volume[data-active] .vds-volume-slider),:where(.vds-video-layout[data-lg] .vds-volume:has([data-active]) .vds-volume-slider){margin-left:var(--gap);opacity:1;visibility:visible;max-width:var(--video-volume-slider-max-width, 72px)}.vds-video-layout[data-lg] .vds-volume-slider:after{content:"";position:fixed;top:0;left:calc(-1 * var(--gap));width:var(--gap);height:100%;z-index:1;pointer-events:auto}:where(.vds-video-layout[data-sm] .vds-volume){--media-slider-height: var(--video-volume-height, 96px);--media-slider-preview-offset: calc(-200% - 6px) ;--gap: var(--video-volume-gap, 10px);position:relative;display:flex;align-items:center;justify-content:center}:where(.vds-video-layout[data-sm] .vds-volume-popup){display:block;position:absolute;top:calc(100% + var(--gap));left:50%;opacity:0;transform:translate(-50%);transition:opacity .15s ease-out,visibility .15s ease-out;border-radius:var(--video-volume-border-radius, 8px);filter:var(--media-volume-filter, drop-shadow(0 1px 1px rgb(0 0 0 / .05)));visibility:hidden}.vds-video-layout[data-sm] .vds-mute-button:after{content:"";position:fixed;bottom:calc(-1 * var(--gap));right:0;width:100%;height:var(--gap);z-index:1;pointer-events:auto}.vds-video-layout .vds-volume-popup{background-color:var(--video-volume-bg, var(--media-menu-bg, var(--default-bg)));border:var(--video-volume-border, var(--default-border))}.light .vds-video-layout .vds-volume-popup,.vds-video-layout.light .vds-volume-popup{--default-bg: rgb(250 250 250);--default-border: 1px solid rgb(10 10 10 / .1)}.dark .vds-video-layout .vds-volume-popup,.vds-video-layout.dark .vds-volume-popup{--default-bg: rgb(10 10 10);--default-border: 1px solid rgb(255 255 255 / .1)}:where(.vds-video-layout[data-sm] .vds-volume[data-active] .vds-volume-popup),:where(.vds-video-layout[data-sm] .vds-volume:has([data-active]) .vds-volume-popup){transition:opacity .15s ease-in,visibility .15s ease-in;opacity:1;visibility:visible}:where(.vds-video-layout[data-sm] .vds-volume[data-active] .vds-tooltip-content){display:none!important}:where(.vds-video-layout .vds-time[data-type=current]){margin-right:2px}:where(.vds-video-layout .vds-time[data-type=current][remainder]){margin-left:2px}.vds-video-layout .vds-time{--default-color: #f5f5f5 !important}:where([data-preview] .vds-video-layout .vds-captions){opacity:0}:where(.vds-video-layout .vds-captions){z-index:10;transition:var(--video-captions-transition, bottom .3s ease-in-out)}@media (min-width: 980px){:where([data-fullscreen] .vds-video-layout .vds-captions){bottom:var(--video-lg-fullscreen-captions-offset, 54px)}}:where([data-media-player][data-controls] .vds-video-layout .vds-captions){bottom:var(--video-captions-offset, 78px)}:where([data-media-player][data-controls] .vds-video-layout[data-sm] .vds-captions){bottom:var(--video-sm-captions-offset, 48px)}:where(.vds-video-layout .vds-time-slider .vds-slider-chapter-title){width:100%;text-align:center;text-shadow:-1px -1px 0 #212121,1px -1px 0 #212121,-1px 1px 0 #212121,1px 1px 0 #212121}:where(.vds-video-layout .vds-gesture){top:0;left:0;width:100%;height:100%;z-index:0}:where(.vds-video-layout .vds-gesture[action="seek:-10"]){width:var(--video-gesture-seek-width, 20%);z-index:1}:where(.vds-video-layout .vds-gesture[action="seek:10"]){left:unset;right:0;width:var(--video-gesture-seek-width, 20%);z-index:1}@media (pointer: coarse){:where(.vds-video-layout .vds-gesture[action="toggle:paused"]){display:none}}@media not (pointer: coarse){:where([data-media-player] .vds-video-layout .vds-gesture[action="toggle:controls"]){display:none}}:where(.vds-video-layout .vds-live-button){margin-left:12px}:where(.vds-video-layout:not([data-sm]) .vds-time-group){margin-left:10px}:where(.vds-video-layout[data-sm] .vds-time){font-size:var(--video-sm-time-font-size, 14px)}:where([data-fullscreen] .vds-video-layout .vds-time){font-size:var(--video-fullscreen-time-font-size, 16px)}:where(.vds-video-layout .vds-load-container){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;pointer-events:none;z-index:99}:where([data-media-player][data-load=play]:not([data-started]) .vds-video-layout[data-match] .vds-load-container){display:flex}:where(.vds-video-layout .vds-load-container .vds-play-button){--size: var(--video-load-button-size, 56px);--color: var(--video-load-button-color, rgb(0 0 0 / .8));--bg-color: var(--video-load-button-bg, var(--media-brand));--media-button-hover-transform: 0;--media-button-border: var(--video-load-button-border, var(--color));--media-button-hover-bg: var(--video-load-button-bg, var(--media-brand));width:var(--size);height:var(--size);pointer-events:auto;margin-bottom:2px;overflow:hidden}.vds-video-layout .vds-load-container .vds-play-button{border-radius:var(--video-load-button-border-radius, 100%);color:var(--color)}.vds-video-layout .vds-load-container .vds-play-button{background-color:var(--bg-color)}:where(.vds-video-layout[data-sm] .vds-load-container .vds-play-button){--size: var(--video-sm-load-button-size, 48px);--media-button-hover-transform: translateY(0%);width:var(--size);height:var(--size);transform:translateY(0)}:where(.vds-video-layout[data-sm] .vds-controls-group:nth-last-child(2)){pointer-events:none}:where(.vds-video-layout[data-sm] .vds-controls-group:last-child){z-index:2;margin-top:-2.5px;margin-bottom:-6px}:where([data-fullscreen] .vds-video-layout[data-sm] .vds-controls-group:last-child){margin-bottom:0}.vds-video-layout[data-sm] .vds-controls-group{padding:2px}:where(.vds-video-layout[data-sm]) :where(.vds-button,.vds-slider:not(.vds-time-slider),.vds-time,.vds-time-divider,.vds-chapter-title){transition:opacity .15s ease}:where([data-media-player]:not([data-started]) .vds-video-layout[data-sm]) :where(.vds-button .vds-slider,.vds-time-group){opacity:0;visibility:hidden}:where(.vds-video-layout[data-sm] .vds-time-slider){transition:transform .1s linear}@media (pointer: coarse){:where([data-preview] .vds-video-layout:not([data-no-scrub-gesture])) :where(.vds-button,.vds-slider:not(.vds-time-slider),.vds-time,.vds-chapter-title,.vds-time-divider,.vds-captions,.vds-live-button){opacity:0}:where([data-preview] .vds-video-layout:not([data-no-scrub-gesture]) .vds-time-slider){--track-height: var(--video-sm-slider-focus-track-height, 12px);transform:translateY(-6px);transition:transform .1s linear}}:where(.vds-video-layout[data-sm] .vds-controls .vds-play-button){--size: var(--video-sm-play-button-size, 45px);--media-button-hover-transform: translateY(25%);width:var(--size);height:var(--size);transform:translateY(25%);border-radius:100%;pointer-events:auto;margin-bottom:2px;overflow:hidden}.vds-video-layout[data-sm] .vds-controls .vds-play-button{background-color:var(--video-sm-play-button-bg, rgba(0 0 0 / .6))}:where([data-media-player]:not([data-started]) .vds-video-layout[data-sm] .vds-controls-group:not(:nth-child(3))){opacity:0;visibility:hidden}:where(.vds-video-layout[data-sm] .vds-buffering-indicator){--media-buffering-size: 64px;transform:translate(-2px,-4px)}:where(.vds-video-layout .vds-start-duration .vds-time){position:absolute;right:8px;bottom:8px;margin-right:8px;margin-bottom:8px;z-index:10}.vds-video-layout .vds-start-duration .vds-time{padding:var(--video-sm-start-duration-padding, 3px 6px);color:var(--video-sm-start-duration-color, var(--video-controls-color));background-color:var(--video-sm-start-duration-bg, rgba(0 0 0 / .64))}:where([data-started] .vds-video-layout .vds-start-duration .vds-time){display:none}:where([data-media-player]:not([data-can-play]) .vds-video-layout .vds-start-duration .vds-time){opacity:0}:where(.vds-video-layout[data-sm] .vds-time[data-type=current]){margin-left:8px}:where([data-fullscreen] .vds-video-layout .vds-controls-group:nth-last-child(2)){margin-bottom:-16px}@media (orientation: portrait){:where([data-fullscreen] .vds-video-layout .vds-captions){bottom:30lvh;bottom:10dvh}}@media (orientation: landscape){:where([data-fullscreen] .vds-video-layout .vds-controls-group:nth-last-child(2)){margin-bottom:-12px}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}:root{--bg-deep: #07100F;--bg-base: #0B1718;--bg-card: #0F1F1F;--bg-elevated: #14292A;--bg-overlay: rgba(7, 16, 15, .7);--border: #1B3232;--border-strong: #244444;--text-primary: #ECF8F5;--text-secondary: #B9D2CE;--text-muted: #7C9A95;--text-faint: #4F6B68;--primary: #2DD4BF;--primary-600: #14B8A6;--primary-700: #0F9488;--primary-soft: rgba(45, 212, 191, .12);--primary-deep: #042F2D;--primary-glow: rgba(45, 212, 191, .18);--gold: #F5BD42;--gold-soft: rgba(245, 189, 66, .14);--success: #34D399;--warning: #FBBF24;--danger: #F87171;--info: #60A5FA;--purple: #A78BFA;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 8px 24px rgba(0,0,0,.45);--shadow-lg: 0 24px 48px rgba(0,0,0,.55);--shadow-glow: 0 0 0 1px var(--primary-soft), 0 12px 30px var(--primary-glow);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--sidebar-w: 248px;--topbar-h: 64px;--font-display: "Sora", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--transition: .18s cubic-bezier(.2,.8,.2,1)}[data-theme=light]{--bg-deep: #F4F7F7;--bg-base: #FFFFFF;--bg-card: #FFFFFF;--bg-elevated: #F8FAFA;--bg-overlay: rgba(255,255,255,.7);--border: #E2EAE9;--border-strong: #C8D8D6;--text-primary: #0B1718;--text-secondary: #244C49;--text-muted: #5C7975;--text-faint: #94B0AD;--primary: #0F9488;--primary-600: #0D7E73;--primary-700: #0B675E;--primary-soft: rgba(15, 148, 136, .1);--primary-deep: #042F2D;--primary-glow: rgba(15, 148, 136, .18);--gold: #B45309;--gold-soft: rgba(180, 83, 9, .1);--success: #047857;--warning: #B45309;--danger: #B91C1C;--info: #1D4ED8;--purple: #6D28D9;--shadow-sm: 0 1px 2px rgba(11,23,24,.06);--shadow-md: 0 4px 16px rgba(11,23,24,.1);--shadow-lg: 0 16px 32px rgba(11,23,24,.12);--shadow-glow: 0 0 0 1px var(--primary-soft), 0 8px 20px var(--primary-glow)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition),color var(--transition)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;margin:0;color:var(--text-primary)}h1{font-size:28px;line-height:1.15}h2{font-size:22px;line-height:1.2}h3{font-size:18px;line-height:1.25}h4{font-size:15px;line-height:1.3}p{margin:0}a{color:var(--primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--primary-600)}input,textarea,select,button{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none;padding:0}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;background:var(--bg-base)}.app-shell.full{grid-template-columns:1fr}.main-pane{display:flex;flex-direction:column;min-width:0;min-height:100vh;background:var(--bg-base)}.page{padding:32px clamp(20px,4vw,48px);flex:1;max-width:1600px;width:100%;margin:0 auto}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}.page-title{font-size:26px;font-weight:700;font-family:var(--font-display)}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:14px}.row{display:flex;align-items:center;gap:12px}.col{display:flex;flex-direction:column;gap:12px}.spacer{flex:1}.hidden{display:none!important}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.fade-in{animation:fadeIn .28s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.spin{animation:spin .9s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.topbar .icon-btn.topbar-burger,.sidebar .sidebar-close,.sidebar-backdrop{display:none}@media (max-width: 1024px){.app-shell{grid-template-columns:1fr}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .18s ease-out}.topbar .icon-btn.topbar-burger{display:grid}.sidebar .sidebar-close{display:grid;place-items:center}}@media (max-width: 640px){.page{padding:20px 14px}h1,.page-title{font-size:22px}.page-subtitle{font-size:13px}}@media (pointer: coarse){.btn{min-height:40px}.btn-sm{min-height:36px}.nav-item{padding:12px}.filter-pill{padding:9px 14px}}.topbar{height:var(--topbar-h);display:flex;align-items:center;gap:16px;padding:0 24px;background:var(--bg-base);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar .brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:16px}.topbar .brand-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--primary),var(--primary-700));display:grid;place-items:center;color:#07100f;font-weight:800}.topbar .search{flex:1 1 0;min-width:0;max-width:520px;display:flex;align-items:center;gap:10px;height:40px;padding:0 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;transition:border-color var(--transition)}.topbar .search input{min-width:0}.topbar .search:focus-within{border-color:var(--primary);box-shadow:var(--shadow-glow)}.topbar .search input{flex:1;background:none;border:none;outline:none;color:var(--text-primary)}.topbar .search input::placeholder{color:var(--text-faint)}.topbar .search .search-clear{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin:0;padding:0;border:none;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer}.topbar .search .search-clear:hover{color:var(--text-primary);background:var(--bg-elevated, var(--bg-card))}.topbar .icon-btn{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--text-secondary);transition:background var(--transition),color var(--transition)}.topbar .icon-btn:hover{background:var(--bg-card);color:var(--text-primary)}.notif-popover{position:fixed;top:calc(var(--topbar-h) + 8px);right:max(12px,env(safe-area-inset-right,0px));left:auto;width:min(380px,calc(100vw - 24px));max-height:min(70dvh,480px);background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-md);z-index:60;display:flex;flex-direction:column;overflow:hidden}.notif-popover-header{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;min-width:0}.notif-popover-header>div{font-weight:700;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-popover-header .btn{flex-shrink:0;white-space:nowrap;padding:4px 10px;font-size:11px}.notif-popover-list{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.notif-popover-footer{padding:10px 16px;border-top:1px solid var(--border);text-align:center;flex-shrink:0}.data-table .btn,.data-table a.btn,.table-actions .btn,.table-actions a.btn{white-space:nowrap;flex-shrink:0;height:auto}.topbar .user-chip{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border);transition:background var(--transition)}.topbar .user-chip:hover{background:var(--bg-elevated)}.topbar .user-chip .name{font-size:13px;font-weight:600}.topbar .user-chip .role{font-size:11px;color:var(--text-muted)}.sidebar{background:var(--bg-deep);border-right:1px solid var(--border);padding:20px 14px;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto}.sidebar .brand{display:flex;align-items:center;gap:10px;padding:0 8px 18px;margin-bottom:14px;border-bottom:1px solid var(--border)}.sidebar .nav-section{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);padding:14px 12px 6px}.sidebar .nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--text-secondary);font-size:13.5px;font-weight:500;transition:background var(--transition),color var(--transition);width:100%;text-align:left}.sidebar .nav-item:hover{background:var(--bg-card);color:var(--text-primary)}.sidebar .nav-item.active{background:var(--primary-soft);color:var(--primary)}[data-theme=light] .sidebar .nav-item.active{color:var(--primary-700)}.sidebar .nav-item .badge{margin-left:auto;background:var(--gold-soft);color:var(--gold);font-size:10px;padding:2px 7px;border-radius:999px;font-weight:700}.sidebar .branch-card{margin-top:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;gap:12px;align-items:center}.sidebar .branch-card .logo{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:#07100f;font-weight:800;font-size:13px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:13.5px;font-weight:600;transition:all var(--transition);cursor:pointer;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-700));color:#07100f}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--border)}.btn-ghost:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-strong)}.btn-soft{background:var(--primary-soft);color:var(--primary)}[data-theme=light] .btn-soft{color:var(--primary-700)}.btn-soft:hover{background:var(--primary);color:#07100f}.btn-danger{background:#f871711f;color:var(--danger);border-color:#f871714d}.btn-danger:hover{background:var(--danger);color:#fff}.btn-sm{padding:6px 12px;font-size:12px}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:border-color var(--transition)}.panel:hover{border-color:var(--border-strong)}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}.panel-title{font-family:var(--font-display);font-size:16px;font-weight:700}.panel-subtitle{color:var(--text-muted);font-size:12.5px;margin-top:2px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;display:flex;flex-direction:column;gap:6px;transition:transform var(--transition),border-color var(--transition)}.stat-card:hover{transform:translateY(-2px);border-color:var(--primary-soft)}.stat-label{font-size:12px;color:var(--text-muted)}.stat-value{font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--text-primary)}.stat-delta{font-size:11.5px;display:inline-flex;align-items:center;gap:4px;font-weight:600}.stat-delta.up{color:var(--success)}.stat-delta.down{color:var(--danger)}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-4>*,.grid-3>*,.grid-2>*{min-width:0}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.panel{overflow-wrap:anywhere;word-break:break-word;min-width:0}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em}.tag-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.tag.success{background:#34d3991f;color:var(--success)}.tag.warning{background:#fbbf241f;color:var(--warning)}.tag.danger{background:#f8717124;color:var(--danger)}.tag.info{background:#60a5fa24;color:var(--info)}.tag.primary{background:var(--primary-soft);color:var(--primary)}[data-theme=light] .tag.primary{color:var(--primary-700)}.tag.gold{background:var(--gold-soft);color:var(--gold)}.tag.purple{background:#a78bfa24;color:var(--purple)}.course-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.course-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow-md)}.course-thumb{aspect-ratio:16/10;position:relative;display:grid;place-items:center;padding:16px;color:#fff;font-family:var(--font-display);font-weight:800;font-size:22px;text-align:center;line-height:1.15;overflow:hidden}.course-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.45) 100%)}.course-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}.course-title{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-meta{font-size:12px;color:var(--text-muted);display:flex;gap:10px}.course-progress{height:4px;border-radius:999px;background:var(--border);overflow:hidden}.course-progress>div{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-600))}.course-badges{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:6px;z-index:1;flex-wrap:wrap}.thumb-1{background:linear-gradient(135deg,var(--primary-700),var(--primary))}.thumb-2{background:linear-gradient(135deg,#312e81,#6366f1)}.thumb-3{background:linear-gradient(135deg,#831843,#ec4899)}.thumb-4{background:linear-gradient(135deg,#14532d,#22c55e)}.thumb-5{background:linear-gradient(135deg,#7c2d12,#f97316)}.thumb-6{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}.thumb-7{background:linear-gradient(135deg,#581c87,#a855f7)}.thumb-8{background:linear-gradient(135deg,#064e3b,#10b981)}.thumb-9{background:linear-gradient(135deg,#422006,#f5bd42)}.rail{margin-bottom:32px}.rail-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px;padding:0 4px;gap:12px}.rail-title{font-family:var(--font-display);font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px}.rail-badge{font-size:10px;padding:3px 10px;border-radius:999px;background:var(--gold-soft);color:var(--gold);font-weight:700;letter-spacing:.04em}.rail-scroll{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scroll-behavior:smooth}.rail-scroll::-webkit-scrollbar{height:4px}.rail-scroll>*{flex:0 0 280px;scroll-snap-align:start}.hero{position:relative;border-radius:var(--radius-xl);overflow:hidden;min-height:360px;display:flex;align-items:flex-end;padding:36px 40px;margin-bottom:36px;color:#fff;background:linear-gradient(135deg,var(--primary-deep) 0%,var(--primary-700) 60%,var(--primary) 100%)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(800px 360px at 80% 30%,var(--primary-glow),transparent 70%),linear-gradient(180deg,#07100f0d,#07100f59)}.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:84%;pointer-events:none;-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);background:linear-gradient(180deg,#042f2d00,#042f2d4d 34%,#042f2d9e 66%,#042f2de0);background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--primary-deep) 30%,transparent) 34%,color-mix(in srgb,var(--primary-deep) 62%,transparent) 66%,color-mix(in srgb,var(--primary-deep) 88%,transparent) 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 30%);mask-image:linear-gradient(180deg,transparent 0%,#000 30%)}.hero-content{position:relative;z-index:1;max-width:720px;display:flex;flex-direction:column;gap:14px}.hero-meta{align-self:flex-start;display:inline-flex;align-items:center;max-width:100%;padding:5px 12px;border-radius:999px;background:var(--primary);color:#07100f;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1.35;box-shadow:0 2px 10px #00000040}.hero-title{font-family:var(--font-display);font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.05;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.5)}.hero-desc{font-size:15px;line-height:1.55;opacity:.92;max-width:560px;text-shadow:0 1px 8px rgba(0,0,0,.5)}.hero-actions{display:flex;gap:10px;margin-top:8px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 14px;text-align:left;font-size:13px;border-bottom:1px solid var(--border)}.data-table th{color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.data-table tbody tr{transition:background var(--transition)}.data-table tbody tr:hover{background:var(--bg-elevated)}.cell-user{display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#07100f;font-weight:700;font-size:13px;flex-shrink:0}.thumb-cell{width:60px;aspect-ratio:16/10;border-radius:8px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:11px;flex-shrink:0}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12.5px;color:var(--text-secondary);font-weight:500}.input,.select,.textarea{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:10px 14px;color:var(--text-primary);outline:none;font-size:13.5px;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:var(--shadow-glow)}.textarea{resize:vertical;min-height:100px;font-family:inherit}.filter-pills{display:flex;gap:8px;flex-wrap:wrap}.filter-pill{padding:7px 14px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border);font-size:12.5px;color:var(--text-secondary);font-weight:500;transition:all var(--transition)}.filter-pill:hover{border-color:var(--border-strong);color:var(--text-primary)}.filter-pill.active{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}[data-theme=light] .filter-pill.active{color:var(--primary-700)}.progress{height:6px;background:var(--border);border-radius:999px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-600));transition:width .32s ease}.progress.warning>div{background:var(--warning)}.progress.danger>div{background:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .18s ease-out}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;max-width:520px;width:calc(100% - 32px);max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal h3{margin-bottom:6px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.chatbot-fab{position:fixed;bottom:24px;right:24px;z-index:90;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-700));display:grid;place-items:center;color:#07100f;box-shadow:0 8px 24px #2dd4bf66;transition:transform var(--transition)}.chatbot-fab:hover{transform:scale(1.08)}.chatbot-panel{position:fixed;bottom:96px;right:24px;width:380px;max-width:calc(100vw - 32px);height:520px;max-height:calc(100vh - 120px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:90;overflow:hidden}.chatbot-header{padding:16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.chatbot-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.chatbot-msg{max-width:80%;padding:10px 14px;border-radius:14px;font-size:13px;line-height:1.5}.chatbot-msg.bot{background:var(--bg-elevated);color:var(--text-primary);align-self:flex-start;border-bottom-left-radius:4px}.chatbot-msg.user{background:var(--primary);color:#07100f;align-self:flex-end;border-bottom-right-radius:4px}.ai-md-preview p{margin:0 0 .55em}.ai-md-preview p:last-child{margin-bottom:0}.ai-md-preview ul,.ai-md-preview ol{margin:.35em 0 .55em;padding-left:1.25em}.ai-md-preview li{margin:.15em 0}.ai-md-preview h1,.ai-md-preview h2,.ai-md-preview h3,.ai-md-preview h4{margin:.7em 0 .35em;font-size:1.05em;line-height:1.3}.ai-md-preview code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;padding:.1em .35em;border-radius:4px;background:color-mix(in srgb,var(--text-primary) 8%,transparent)}.ai-md-preview pre{margin:.5em 0;padding:10px 12px;border-radius:8px;overflow-x:auto;background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.ai-md-preview pre code{padding:0;background:none}.ai-md-preview strong{font-weight:700}.ai-md-preview em{font-style:italic}.chatbot-input{padding:12px;border-top:1px solid var(--border);display:flex;gap:8px}.player-wrap{display:grid;grid-template-columns:1fr 380px;gap:24px;padding:24px clamp(16px,3vw,32px)}@media (max-width: 1100px){.player-wrap{grid-template-columns:1fr}}.video-stage{background:#000;border-radius:var(--radius-lg);aspect-ratio:16/9;position:relative;overflow:hidden;display:grid;place-items:center}.video-stage video,.video-stage .video-placeholder{width:100%;height:100%;object-fit:cover}.video-stage [data-uv-seek-host],.video-stage .uv-vidstack-player,.video-stage media-player{width:100%;height:100%;max-height:100%}.pres-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#00000073;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background var(--transition),border-color var(--transition),opacity var(--transition)}.pres-arrow:hover{background:#000000b8;border-color:var(--primary)}.pres-arrow:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.pres-arrow[disabled]{opacity:0;pointer-events:none}.pres-arrow-left{left:12px}.pres-arrow-right{right:12px}.pres-counter{position:absolute;bottom:12px;right:12px;z-index:2;padding:4px 10px;border-radius:999px;background:#0009;color:#fff;font-size:12px;font-family:var(--font-mono, monospace);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width: 640px){.pres-arrow{width:36px;height:36px}.pres-arrow-left{left:6px}.pres-arrow-right{right:6px}}.video-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,var(--primary-deep),var(--primary-700));color:#fff;font-family:var(--font-display);font-size:20px;text-align:center;padding:24px}.crumbs{color:var(--text-muted);font-size:12.5px;margin-bottom:6px}.crumbs span{color:var(--text-primary);font-weight:600}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--border);margin-bottom:16px;flex-wrap:wrap}.tab{padding:10px 14px;font-size:13px;color:var(--text-muted);border-bottom:2px solid transparent;transition:all var(--transition);font-weight:500}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}[data-theme=light] .tab.active{color:var(--primary-700);border-bottom-color:var(--primary-700)}.episode-list{display:flex;flex-direction:column;gap:6px;max-height:600px;overflow-y:auto}.episode{display:flex;gap:12px;padding:10px;border-radius:10px;cursor:pointer;transition:background var(--transition);align-items:center}.episode:hover{background:var(--bg-elevated)}.episode.current{background:var(--primary-soft)}.episode .ep-num{width:28px;height:28px;border-radius:8px;background:var(--bg-elevated);display:grid;place-items:center;font-size:11px;color:var(--text-muted);font-weight:700;flex-shrink:0}.episode.current .ep-num,.episode.done .ep-num{background:var(--primary);color:#fff}.episode.done.current .ep-num{box-shadow:0 0 0 2px var(--primary-glow)}.ep-title{font-size:13px;font-weight:500}.ep-meta{font-size:11.5px;color:var(--text-muted)}.login-page{min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr;background:var(--bg-deep)}.login-cinema{position:relative;padding:60px 50px;background:linear-gradient(135deg,var(--primary-deep) 0%,var(--primary-700) 50%,var(--primary) 100%);display:flex;flex-direction:column;justify-content:space-between;color:#fff;overflow:hidden}.login-cinema:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(800px 600px at 70% 30%,rgba(245,189,66,.2),transparent 70%)}.login-brand{position:relative;display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:800;font-size:20px}.login-tagline{position:relative}.login-tagline h2{font-family:var(--font-display);font-size:clamp(28px,3vw,40px);font-weight:800;line-height:1.1;color:#fff;margin-bottom:12px}.login-tagline p{font-size:15px;opacity:.92;line-height:1.6;max-width:460px}.login-form{padding:60px clamp(24px,5vw,64px);display:flex;flex-direction:column;justify-content:center;max-width:540px}.login-form h1{margin-bottom:8px}.login-form .subtitle{color:var(--text-muted);margin-bottom:32px}.login-form .field+.field{margin-top:14px}.login-form .btn-primary{width:100%;justify-content:center;height:44px;margin-top:18px}.login-form .input:focus-within{border-color:var(--primary);box-shadow:var(--shadow-glow)}.login-form .btn:focus-visible{outline-color:var(--primary)}.login-password-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:4px;padding:0;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:8px;flex-shrink:0}.login-password-toggle:hover{color:var(--text-primary);background:var(--bg-elevated)}.login-password-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.login-brand-mobile{display:none}@media (max-width: 900px){.login-page{grid-template-columns:1fr;justify-items:center}.login-cinema{display:none!important}.login-form{width:100%;max-width:420px;margin:0 auto;padding:40px 24px;box-sizing:border-box}.login-form h1,.login-form .subtitle{text-align:center}.login-brand-mobile{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px}.login-brand-mobile img{max-height:36px;max-width:150px;object-fit:contain}.login-brand-mobile .brand-mark{width:36px;height:36px;border-radius:9px;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;text-transform:uppercase}.login-brand-mobile strong{font-size:16px;font-weight:700}}.divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--text-muted);font-size:12px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.sso-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.sso-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;font-size:13px;font-weight:600;transition:all var(--transition);color:var(--text-primary)}.sso-btn:hover{border-color:var(--primary);background:var(--bg-elevated)}.branch-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:all var(--transition);display:flex;flex-direction:column;gap:14px}.branch-card:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:var(--shadow-md)}.branch-header{display:flex;align-items:center;gap:14px}.branch-logo{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:#07100f;font-weight:800;font-size:16px;flex-shrink:0}.branch-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:14px;border-top:1px solid var(--border)}.branch-stat{text-align:center}.branch-stat-value{font-family:var(--font-display);font-weight:700;font-size:16px}.branch-stat-label{font-size:10.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.cert-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;position:relative;overflow:hidden;transition:all var(--transition)}.cert-card:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--shadow-md)}.cert-card.featured{border-color:var(--gold)}.cert-ribbon{position:absolute;top:14px;right:-28px;background:linear-gradient(90deg,var(--gold),#D97706);color:#1f2937;padding:4px 32px;font-size:10px;font-weight:800;transform:rotate(34deg);letter-spacing:.1em}.cert-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.cert-icon{width:48px;height:48px;border-radius:12px;background:var(--gold-soft);color:var(--gold);display:grid;place-items:center}.cert-hash{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);word-break:break-all;padding:8px 12px;background:var(--bg-elevated);border-radius:8px;margin:12px 0}.cert-actions{display:flex;gap:8px;flex-wrap:wrap}.skill-row{display:flex;align-items:center;gap:14px;margin-bottom:14px}.skill-name{width:180px;font-size:13.5px;font-weight:500}.skill-bar{flex:1;height:10px;background:var(--border);border-radius:999px;position:relative;overflow:visible}.skill-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-600));border-radius:999px}.skill-target{position:absolute;top:-4px;bottom:-4px;width:3px;background:var(--gold);border-radius:2px}.skill-value{width:56px;text-align:right;font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.timeline{display:flex;flex-direction:column;gap:16px;padding-left:12px}.timeline-item{position:relative;padding:0 0 18px 28px;border-left:2px solid var(--border)}.timeline-item:last-child{border-left-color:transparent;padding-bottom:0}.timeline-dot{position:absolute;left:-8px;top:0;width:14px;height:14px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border)}.timeline-dot.done{background:var(--success);border-color:var(--success)}.timeline-dot.current{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.timeline-title{font-weight:600;font-size:14px}.timeline-meta{font-size:12px;color:var(--text-muted);margin-top:2px}.goal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.goal-card:hover{border-color:var(--border-strong)}.goal-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.goal-title{font-weight:600;font-size:14px}.goal-desc{color:var(--text-muted);font-size:12.5px}.automation-rule{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;display:flex;flex-direction:column;gap:14px;transition:border-color var(--transition)}.automation-rule:hover{border-color:var(--border-strong)}.automation-rule.suggested{background:linear-gradient(135deg,rgba(245,189,66,.08),transparent 60%);border-color:var(--gold-soft)}.automation-flow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.automation-step{background:var(--bg-elevated);padding:8px 14px;border-radius:10px;font-size:13px;flex:1;min-width:240px}.automation-step.when{border-left:3px solid var(--primary)}.automation-step.then{border-left:3px solid var(--gold)}.automation-arrow{color:var(--text-muted);font-weight:700}.switch{width:40px;height:22px;background:var(--border-strong);border-radius:999px;position:relative;cursor:pointer;transition:background var(--transition);flex-shrink:0}.switch.active{background:var(--primary)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform var(--transition)}.switch.active:after{transform:translate(18px)}.notebook{display:flex;flex-direction:column;gap:10px}.note{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.note-header{display:flex;align-items:center;gap:10px;font-size:11.5px;color:var(--text-muted);margin-bottom:6px}.note-timestamp{background:var(--primary-soft);color:var(--primary);padding:2px 8px;border-radius:6px;font-family:var(--font-mono);font-weight:600;cursor:pointer}[data-theme=light] .note-timestamp{color:var(--primary-700)}.note-content{font-size:13.5px;line-height:1.55}.skeleton{background:linear-gradient(90deg,var(--bg-card) 0%,var(--bg-elevated) 50%,var(--bg-card) 100%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty{padding:60px 24px;text-align:center;color:var(--text-muted)}.empty-icon{font-size:36px;margin-bottom:12px}.toast{position:fixed;top:80px;right:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px 18px;box-shadow:var(--shadow-md);z-index:200;display:flex;align-items:center;gap:10px;animation:slideIn .24s ease-out}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}.toast.warning{border-left:3px solid var(--warning)}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}.transcript{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.transcript-line{padding:8px 12px;border-radius:8px;cursor:pointer;transition:background var(--transition);display:flex;gap:12px;font-size:13px;line-height:1.5}.transcript-line:hover{background:var(--bg-elevated)}.transcript-line.current{background:var(--primary-soft)}.transcript-time{color:var(--primary);font-family:var(--font-mono);font-size:11.5px;font-weight:600;flex-shrink:0;padding-top:1px}[data-theme=light] .transcript-time{color:var(--primary-700)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.main-pane,.page{min-width:0}.page>*{min-width:0;max-width:100%}.panel:has(>.data-table),.panel:has(>table){overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:max-content}@media (max-width: 900px){.hero{min-height:280px;padding:28px 22px;margin-bottom:24px}.hero-actions{flex-wrap:wrap}.hero-actions .btn{flex:1 1 160px;justify-content:center}}@media (max-width: 1024px){.sidebar{transform:translate(-100%);position:fixed;top:0;left:0;width:min(86vw,320px);z-index:90;height:100vh;height:100dvh;transition:transform .24s ease;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.topbar .brand .brand-name{display:none}}@media (max-width: 768px){.topbar{padding:0 12px;gap:8px}.topbar .search{max-width:100%;height:38px;padding:0 10px}.topbar .user-chip{padding:4px;gap:0;border-radius:999px}.topbar .user-chip>div:not(.avatar){display:none}.topbar .user-chip .name,.topbar .user-chip .role,.topbar .spacer,.topbar .user-chip[title*=ranking]{display:none}.page-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px}.page-header>.row{flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.page-header>.row>.btn{flex:0 0 auto;justify-content:center;white-space:nowrap}.modal{padding:18px;max-height:92vh;max-height:92dvh}.modal-footer{flex-direction:column-reverse;gap:8px}.modal-footer .btn{width:100%;justify-content:center}.modal h3{font-size:16px}.panel{padding:16px}.panel-header{gap:10px}.data-table th,.data-table td{padding:10px;font-size:12.5px}.data-table th{font-size:10.5px}.skill-row{flex-wrap:wrap;gap:6px}.skill-name{width:100%;font-size:13px}.skill-value{width:auto}.automation-flow{flex-direction:column;align-items:stretch}.automation-step{min-width:0}.automation-arrow{transform:rotate(90deg);align-self:center}.tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{height:0}.tab{flex-shrink:0}.branch-stats{grid-template-columns:repeat(3,1fr);gap:6px}.stat-card{padding:14px 16px}.stat-value{font-size:22px}.filter-pills.scroll{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.filter-pills.scroll .filter-pill{flex-shrink:0}.chatbot-panel{width:calc(100vw - 24px);height:calc(100dvh - 100px);right:12px;bottom:80px}.chatbot-fab{bottom:16px;right:16px;width:52px;height:52px}.toast{top:70px;right:12px;left:12px}.rail-scroll>*{flex:0 0 78vw}}@media (max-width: 480px){.row.row-wrap-mobile{flex-direction:column;align-items:stretch}.row.row-wrap-mobile>.btn{width:100%;justify-content:center;white-space:normal}.row{flex-wrap:wrap;min-width:0}.row>.btn,.row>.input,.row>.select,.row>.field{min-width:0;max-width:100%}.btn{height:auto;min-height:36px}.btn-sm{white-space:nowrap}.field{min-width:0;width:100%}.input,.select,.textarea{max-width:100%;box-sizing:border-box;width:100%}.filter-pill{flex:1 1 auto;min-width:0;white-space:normal}.tag{max-width:100%}.sidebar{width:88vw}.page-header{margin-bottom:18px}.form-grid,.fields,.profile-form{display:flex;flex-direction:column;gap:12px}label+.input,label+.select,label+.textarea{width:100%}.player-layout,.player-main,.player-aside{min-width:0;max-width:100%}.player-actions,.player-actions .row{flex-wrap:wrap;gap:8px}.player-actions .btn{flex:1 1 auto}.modal .row{gap:8px}.modal .field{width:100%}.modal-body{overflow-x:hidden}.panel>.row{align-items:flex-start}.panel>.row>.btn,.panel>.row>a.btn{flex:0 1 auto}}@media (min-width: 1900px){.page{max-width:1760px}}@media (max-width: 768px){[style*="1fr 320px"],[style*="1fr 380px"],[style*="1fr 220px"],[style*="2fr 80px"],[style*="1fr 80px"],[style*="2fr 1fr"],[style*="1.4fr 1fr"],[style*="1.5fr 1fr"],[style*="1fr 2fr"],[style*="1fr 1.5fr"],[style*="1fr 1fr 1fr"],[style*="repeat(3, 1fr)"],[style*="repeat(4, 1fr)"],[style*="repeat(2, minmax(0, 1fr))"]{grid-template-columns:1fr!important}}@media (max-width: 640px){[style*="1fr 1fr"]{grid-template-columns:1fr!important}}@media (max-width: 1024px){[style*="position: sticky"][style*="top: 80px"]{position:static!important}}@media print{@page{size:A4 landscape;margin:0}body *{visibility:hidden}.cert-print-area,.cert-print-area *{visibility:visible}.cert-print-area{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto;border-width:8mm;box-shadow:none}.no-print{display:none!important}}@media (max-width: 768px){.modal .data-table{font-size:12px}.cert-modal .cert-print-area{aspect-ratio:auto;min-height:60vh;border-width:6px;outline-offset:-10px}.filter-pills{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}.filter-pills::-webkit-scrollbar{display:none}.filter-pills .filter-pill{flex-shrink:0}}