[data-media-player]{contain:style;box-sizing:border-box;-webkit-user-select:none;user-select:none;align-items:center;width:100%;display:inline-flex;position:relative}[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]{box-sizing:border-box;border-radius:inherit;width:100%;aspect-ratio:inherit;align-items:center;display:flex;position:relative;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]{background-color:unset;display:contents}[data-media-provider] audio{width:100%}:where(video:not([width]):not([height]),iframe:not([width]):not([height])){aspect-ratio:16/9;width:100%}:where([data-media-provider] video),:where([data-media-provider] iframe){aspect-ratio:inherit;object-fit:contain;touch-action:manipulation;border-radius:inherit;width:100%;height:auto;display:inline-block}[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{width:100%;height:auto;aspect-ratio:inherit;pointer-events:auto;border-radius:inherit;z-index:1;position:absolute;inset:0}[data-ended] .vds-blocker{background-color:#000}.vds-icon:focus{outline:none}.vds-google-cast{color:#dedede;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-family:sans-serif;font-weight:500;display:flex}.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){pointer-events:none;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}: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){-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;appearance:none;border-radius:var(--media-button-border-radius,9999%);width:var(--media-button-size,38px);height:var(--media-button-size,38px);contain:layout style;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s ease-out;display:inline-flex;position:relative}.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 (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,#fff3);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,#fff3)}}: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);cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}: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}.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,#000000b3));--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);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;position:absolute;inset:0}: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){margin:0;position:relative}: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]){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;background-color:var(--media-user-display-bg,var(--media-cue-display-bg));border-radius:var(--media-cue-display-border-radius);direction:ltr;unicode-bidi:plaintext;min-width:min-content;min-height:min-content;position:absolute;overflow:visible}.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]){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));display:inline-block}.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));width:var(--region-width);height:var(--region-height);min-height:0;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-wrap:break-word;box-sizing:border-box;flex-flow:column;justify-content:flex-start;display:inline-flex;position:absolute;overflow:hidden}: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]){width:auto;left:var(--cue-offset);height:var(--cue-height,auto);text-align:var(--cue-text-align);unicode-bidi:plaintext;margin-top:2px;position:relative}:where(.vds-captions [data-part=region] [data-part=cue]){border-radius:0;position:relative}:where(.vds-chapter-title){--color:var(--media-chapter-title-color,#ffffffa3);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);text-align:start;white-space:nowrap;text-overflow:ellipsis;flex:1;padding-inline:6px;display:inline-block;overflow:hidden}.vds-chapter-title:before{content:var(--media-chapter-title-separator,"•");margin-right:var(--media-chapter-title-separator-gap,6px);color:var(--media-chapter-title-separator-color,var(--color));display:inline-block}.vds-chapter-title:empty:before{content:"";margin:0}:where(.vds-controls),:where(.vds-controls-group){box-sizing:border-box;width:100%;display:inline-block;position:relative}:where([data-view-type=audio] .vds-controls){max-width:100%;display:inline-block}:where([data-view-type=video] .vds-controls){z-index:10;opacity:0;visibility:hidden;pointer-events:none;width:100%;height:100%;padding:var(--media-controls-padding,0px);transition:var(--media-controls-out-transition,opacity .2s ease-out);flex-direction:column;display:flex;position:absolute;inset:0}: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){pointer-events:none;flex:1}:where(.vds-gestures){display:contents}:where(.vds-gesture){contain:content;z-index:0;opacity:0;visibility:hidden;display:block;position:absolute;pointer-events:none!important}:where(.vds-icon svg){vertical-align:middle;width:100%;height:100%;display:block}:where(.vds-kb-action.hidden){opacity:0}:where(.vds-kb-text-wrapper){text-align:center;left:0;right:0;top:var(--media-kb-text-top,10%);z-index:20;pointer-events:none;position:absolute}:where(.vds-kb-text){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;display:inline-block}.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:#f0f0f099}.dark .vds-kb-text{--default-color:#f5f5f5;--default-bg:#0a0a0a99}:where(.vds-kb-text:empty){display:none}:where(.vds-kb-bezel){--size:var(--media-kb-bezel-size,52px);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;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:45%;left:50%}.vds-kb-bezel:not(:has(svg)){display:none!important}.light .vds-kb-bezel{--default-bg:#fff9}.dark .vds-kb-bezel{--default-bg:#0a0a0a99}@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:#50505026;--default-gray-100:#50505073;--default-gray-200:#ebebeb99;--default-gray-300:#eee;--default-gray-400:#fafafa;--default-text:#1a1a1a;--default-text-secondary:#6b6b6b;--default-root-border:1px solid #0a0a0a1a}.dark .vds-menu-items{--default-inverse:white;--default-gray-50:#f5f5f51a;--default-gray-100:#f5f5f573;--default-gray-200:#0a0a0a99;--default-gray-300:#1b1b1b;--default-gray-400:#0a0a0a;--default-text:#f5f5f5;--default-text-secondary:#8a8a8a;--default-root-border:1px solid #ffffff1a}: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),: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]){box-shadow:var(--media-focus-ring);outline:none}:where(.vds-menu[data-open] .vds-tooltip-content),.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:translate(0,0)}:where(.vds-menu-items)::-webkit-scrollbar{background-color:var(--webkit-scrollbar-bg);border-radius:var(--root-border-radius);width:5px;height:6px}: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){box-sizing:border-box;outline:none}: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){justify-content:center;align-items:center;display:inline-flex}@media (prefers-reduced-motion){:where(.vds-menu-button .vds-rotate-icon){transition:unset}}:where(.vds-menu-items){font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);flex-direction:column;align-items:center;transition:height .35s;display:flex}@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;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 #00000012) drop-shadow(0 2px 2px #0000000f));overflow-y:auto}@-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:#0000;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){opacity:1;animation:none}}:where(media-menu-portal){display:contents}:where(.vds-menu-items[data-root]:not([data-placement])){left:16px;right:16px;top:unset;max-height:var(--media-sm-menu-portrait-max-height,40vh);max-height:var(--media-sm-menu-portrait-max-height,40dvh);max-width:480px;margin:0 auto;position:fixed;bottom:0}@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){justify-content:flex-start;align-items:center;display:flex}: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){-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;appearance:none;border-radius:var(--item-border-radius);box-sizing:border-box;width:100%;min-height:var(--item-min-height);font-size:var(--font-size);border:0;outline:none;justify-content:left;align-items:center;display:flex;position:relative}.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]){flex-direction:column;justify-content:center;align-items:flex-start}:where(.vds-menu-item[aria-expanded=true]){border-radius:0;border-top-left-radius:var(--item-border-radius);border-top-right-radius:var(--item-border-radius);font-weight:700}.vds-menu-item[aria-expanded=true]{border-bottom:var(--top-bar-divider)}:where(.vds-menu-item[aria-expanded=true]){top:calc(-1 * var(--root-padding));z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100%;margin-bottom:4px;position:sticky;left:0}.vds-menu-item[aria-expanded=true]{background-color:var(--top-bar-bg)}:where(.vds-menu-item-label){text-align:start;flex:1 0}: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){margin-left:calc(-1 * var(--item-padding) / 2);display:inline!important}: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);width:var(--checkbox-width);height:var(--checkbox-height);border-radius:calc(var(--checkbox-height) / 2);box-sizing:border-box;cursor:pointer;pointer-events:auto;transition:all .3s ease-in-out;display:inline-block;position:relative}.vds-menu-checkbox{background-color:var(--checkbox-bg)}:where(.vds-menu-checkbox:focus-visible){box-shadow:var(--media-focus-ring);outline:none}.vds-menu-checkbox[aria-checked=true]{background-color:var(--checkbox-active-bg)}:where(.vds-menu-checkbox):after{content:"";width:var(--checkbox-diameter);height:var(--checkbox-diameter);border-radius:calc(var(--checkbox-diameter) / 2);top:var(--checkbox-top);transform:translateX(var(--checkbox-gap));border:var(--checkbox-handle-border);box-sizing:border-box;transition:all .3s ease-in-out;display:inline-block;position:absolute}.vds-menu-checkbox:after{background-color:var(--checkbox-handle-bg)}:where(.vds-menu-checkbox[aria-checked=true]):after{transform:translateX(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:translateX(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){align-items:center;width:100%;margin-top:6px;display:flex}:where(.vds-menu-slider-item .vds-icon){color:var(--text-hint-color);margin:0}:where(.vds-menu-slider-item[data-min] .vds-icon.down,.vds-menu-slider-item[data-max] .vds-icon.up){color:var(--text-color);transition:all 1.2s;animation:.6s ease-in-out vds-slider-icon}@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}:where(.vds-menu-items .vds-slider[data-active] .vds-slider-track-fill){opacity:0}:where(.vds-radio-group){box-sizing:border-box;flex-direction:column;width:100%;display:flex}.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{color:var(--radio-icon-color);display:none}.vds-radio[aria-checked=true] .vds-icon{margin-left:6px;display:inline-block}:where(.vds-radio-hint){margin-left:auto}.vds-color-picker{background-color:#0000;border:0;outline:none;width:32px;height:32px}.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%;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);justify-content:space-between;align-items:center;padding-inline:2px;display:flex}: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{background-color:#0000!important;display:contents!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);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);flex-shrink:0}.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){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);display:inline-block}.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){flex-direction:column;align-items:flex-start;display:flex}:where(.vds-chapters-radio-group:not([data-thumbnails]) .vds-chapter-radio-content){flex-flow:wrap;align-items:center;width:100%;display:flex}: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){flex-basis:100%;margin-top:4px}.vds-menu-items[data-keyboard] .vds-chapters-radio-group:focus-within{padding:var(--media-chapters-focus-padding,4px)}:where(.vds-poster){contain:content;opacity:0;z-index:1;pointer-events:none;box-sizing:border-box;background-color:var(--media-poster-bg,black);border:0;width:100%;height:100%;transition:opacity .2s ease-out;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}:where(.vds-poster img){object-fit:inherit;object-position:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;box-sizing:border-box}.vds-poster :where(img){object-fit:contain;border:0;width:100%;height:100%}:where(.vds-poster[data-hidden]){display:none}:where(.vds-poster[data-visible]){opacity:1}.vds-poster img:not([src]){display:none}.vds-poster:not(:defined){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));width:var(--width);height:var(--height);margin:0 calc(var(--thumb-size) / 2);contain:layout style;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;outline:none;align-items:center;display:inline-flex;position:relative}: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;width:var(--track-width);height:var(--track-height);border-radius:var(--media-slider-track-border-radius,2px);background-color:var(--media-slider-track-bg,#ffffff4d);contain:strict;position:absolute;top:50%;left:0;transform:translateY(-50%)translateZ(0)}: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){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);pointer-events:none;will-change:left;z-index:2;transition:opacity .15s ease-in;position:absolute;transform:translate(-50%,-50%)translateZ(0)}: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 #fff6)}: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){contain:content;font-size:14px;font-family:var(--media-font-family,sans-serif);display:inline-block}:where(.vds-slider-thumbnail){contain:content;box-sizing:border-box;display:block}:where(.vds-slider-video){box-sizing:border-box;contain:content;border:var(--media-thumbnail-border,1px solid white);background-color:#000;display:inline-block}:where(.vds-slider-video video){width:156px;height:auto;display:block}:where(.vds-slider-video[data-loading]){opacity:0}:where(.vds-slider-video[data-hidden],.vds-slider-video[data-hidden] video){width:0;display:none}:where(.vds-slider .vds-slider-preview){opacity:0;background-color:var(--media-slider-preview-bg);border-radius:var(--media-slider-preview-border-radius,2px);pointer-events:none;will-change:left, opacity;contain:layout paint style;flex-direction:column;align-items:center;transition:opacity .2s ease-out;display:flex}: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;width:var(--track-width);height:var(--slider-progress,0%);will-change:height;bottom:0}:where(.vds-slider[aria-orientation=vertical] .vds-slider-thumb){top:unset;bottom:var(--slider-fill);will-change:bottom;left:50%;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;width:var(--slider-progress,0%);will-change:width;background-color:var(--media-slider-track-progress-bg,#ffffff80);left:0}:where([data-media-player]:not([data-can-play]) .vds-time-slider .vds-slider-value){display:none}:where(.vds-slider-steps){justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;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,#7c7c7c);opacity:0;transition:opacity .3s}:where(.vds-slider[data-active] .vds-slider-step){opacity:1}:where(.vds-time-slider .vds-slider-chapters){contain:layout style;border-radius:var(--media-slider-track-border-radius,1px);align-items:center;width:100%;height:100%;display:flex;position:relative}: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){will-change:height, transform;contain:layout style;border-radius:var(--media-slider-track-border-radius,1px);align-items:center;width:100%;height:100%;display:flex;position:relative}: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));width:var(--thumbnail-width);height:var(--thumbnail-height);background-color:var(--media-thumbnail-bg,black);contain:strict;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)));display:block;overflow:hidden}.vds-thumbnail{border:var(--media-thumbnail-border,1px solid white)}:where(.vds-thumbnail img){will-change:width, height, transform;min-width:unset!important;max-width:unset!important}:where(.vds-thumbnail[data-loading] img){opacity:0}:where(.vds-thumbnail[aria-hidden=true]){display:none!important}:where(.vds-time-group){align-items:center;display:flex}.vds-time-divider{margin:0 var(--media-time-divider-gap,2.5px);color:var(--media-time-divider-color,#e0e0e0)}:where(.vds-time){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);display:inline-block}.vds-time{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);outline:0}:where(.vds-time:focus-visible){box-shadow:var(--media-focus-ring)}.light .vds-time{--default-color:#0a0a0a}.dark .vds-time{--default-color:#f5f5f5}:where(.vds-tooltip,media-tooltip){display:contents}:where(.vds-tooltip-content){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;display:inline-block}.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 #0003}.dark .vds-tooltip-content{--default-color:#f5f5f5;--default-bg:black;--default-border:1px solid #ffffff1a}: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 #ffffff1a)}: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,#4e9cf6);--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(#0000004d,5%,#0000,90%,#0009)}.vds-video-layout .vds-controls-group{pointer-events:auto;z-index:0;align-items:center;padding:4px 6px;display:flex}.vds-video-layout .vds-controls-group:first-child{z-index:50}.vds-video-layout .vds-controls-group:nth-last-child(2){z-index:11;margin-bottom:-16px;padding:0 12px}.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 #333,1px -1px #333,-1px 1px #333,1px 1px #333}: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){max-width:0;margin:0;transition:all .15s}: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:"";top:0;left:calc(-1 * var(--gap));width:var(--gap);z-index:1;pointer-events:auto;height:100%;position:fixed}: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);justify-content:center;align-items:center;display:flex;position:relative}:where(.vds-video-layout[data-sm] .vds-volume-popup){top:calc(100% + var(--gap));opacity:0;border-radius:var(--video-volume-border-radius,8px);filter:var(--media-volume-filter,drop-shadow(0 1px 1px #0000000d));visibility:hidden;transition:opacity .15s ease-out,visibility .15s ease-out;display:block;position:absolute;left:50%;transform:translate(-50%)}.vds-video-layout[data-sm] .vds-mute-button:after{content:"";bottom:calc(-1 * var(--gap));width:100%;height:var(--gap);z-index:1;pointer-events:auto;position:fixed;right:0}.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:#fafafa;--default-border:1px solid #0a0a0a1a}.dark .vds-video-layout .vds-volume-popup,.vds-video-layout.dark .vds-volume-popup{--default-bg:#0a0a0a;--default-border:1px solid #ffffff1a}: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){opacity:1;visibility:visible;transition:opacity .15s ease-in,visibility .15s ease-in}: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 (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){text-align:center;text-shadow:-1px -1px #212121,1px -1px #212121,-1px 1px #212121,1px 1px #212121;width:100%}:where(.vds-video-layout .vds-gesture){z-index:0;width:100%;height:100%;top:0;left: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;width:var(--video-gesture-seek-width,20%);z-index:1;right:0}@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){pointer-events:none;z-index:99;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;inset:0}: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,#000c);--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);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}: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);transition:transform .1s linear;transform:translateY(-6px)}}: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);pointer-events:auto;border-radius:100%;margin-bottom:2px;overflow:hidden;transform:translateY(25%)}.vds-video-layout[data-sm] .vds-controls .vds-play-button{background-color:var(--video-sm-play-button-bg,#0009)}: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){z-index:10;margin-bottom:8px;margin-right:8px;position:absolute;bottom:8px;right:8px}.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,#000000a3)}: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:10dvh}}@media (orientation:landscape){:where([data-fullscreen] .vds-video-layout .vds-controls-group:nth-last-child(2)){margin-bottom:-12px}}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.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:#07100fb3;--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:#2dd4bf1f;--primary-deep:#042f2d;--primary-glow:#2dd4bf2e;--gold:#f5bd42;--gold-soft:#f5bd4224;--star:#f5bd42;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--info:#60a5fa;--purple:#a78bfa;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 24px 48px #0000008c;--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;--sidebar-w-collapsed:72px;--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:#fff;--bg-card:#fff;--bg-elevated:#f8fafa;--bg-overlay:#ffffffb3;--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:#0f94881a;--primary-deep:#042f2d;--primary-glow:#0f94882e;--gold:#b45309;--gold-soft:#b453091a;--success:#047857;--warning:#b45309;--danger:#b91c1c;--info:#1d4ed8;--purple:#6d28d9;--shadow-sm:0 1px 2px #0b17180f;--shadow-md:0 4px 16px #0b17181a;--shadow-lg:0 16px 32px #0b17181f;--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);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition), color var(--transition);font-size:14px;line-height:1.55}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);margin:0;font-weight:700}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);transition:color var(--transition);text-decoration:none}a:hover{color:var(--primary-600)}input,textarea,select,button{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border: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:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;background:var(--bg-base);min-height:100vh;display:grid}.app-shell.full{grid-template-columns:1fr}@media (width>=1025px){.app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}}.main-pane{background:var(--bg-base);flex-direction:column;min-width:0;min-height:100vh;display:flex}.page{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:32px clamp(20px,4vw,48px)}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.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{align-items:center;gap:12px;display:flex}.col{flex-direction:column;gap:12px;display:flex}.spacer{flex:1}.hidden{display:none!important}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.fade-in{animation:.28s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.spin{animation:.9s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.topbar .icon-btn.topbar-burger,.sidebar .sidebar-close,.sidebar-backdrop{display:none}@media (width<=1024px){.app-shell{grid-template-columns:1fr}.sidebar-backdrop{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;animation:.18s ease-out fadeIn;display:block;position:fixed;inset:0}.topbar .icon-btn.topbar-burger{display:grid}.sidebar .sidebar-close{place-items:center;display:grid}.sidebar-header{border-bottom:none;margin-bottom:8px;padding-bottom:0}}@media (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);background:var(--bg-base);border-bottom:1px solid var(--border);z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:16px;padding:0 24px;display:flex;position:sticky;top:0}.topbar .brand{font-family:var(--font-display);align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.topbar .brand-mark{background:linear-gradient(135deg, var(--primary), var(--primary-700));color:#07100f;border-radius:9px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.topbar .search{background:var(--bg-card);border:1px solid var(--border);min-width:0;max-width:520px;height:40px;transition:border-color var(--transition);border-radius:12px;flex:1 1 0;align-items:center;gap:10px;padding:0 14px;display:flex}.topbar .search input{min-width:0}.topbar .search:focus-within{border-color:var(--primary);box-shadow:var(--shadow-glow)}.topbar .search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.topbar .search input::placeholder{color:var(--text-faint)}.topbar .search .search-clear{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.topbar .search .search-clear:hover{color:var(--text-primary);background:var(--bg-elevated,var(--bg-card))}.topbar .icon-btn{width:38px;height:38px;color:var(--text-secondary);transition:background var(--transition), color var(--transition);border-radius:10px;place-items:center;display:grid}.topbar .icon-btn:hover{background:var(--bg-card);color:var(--text-primary)}.notif-popover{top:calc(var(--topbar-h) + 8px);right:max(12px, env(safe-area-inset-right,0px));background:var(--bg-card);border:1px solid var(--border);width:min(380px,100vw - 24px);max-height:min(70dvh,480px);box-shadow:var(--shadow-md);z-index:60;border-radius:14px;flex-direction:column;display:flex;position:fixed;left:auto;overflow:hidden}.notif-popover-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:12px 14px;display:flex}.notif-popover-header>div{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.notif-popover-header .btn{white-space:nowrap;flex-shrink:0;padding:4px 10px;font-size:11px}.notif-popover-list{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow-y:auto}.notif-popover-footer{border-top:1px solid var(--border);text-align:center;flex-shrink:0;padding:10px 16px}.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{background:var(--bg-card);border:1px solid var(--border);transition:background var(--transition);border-radius:999px;align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex}.topbar .user-chip:hover{background:var(--bg-elevated)}.topbar .user-chip .name{font-size:13px;font-weight:600}.topbar .user-chip .role{color:var(--text-muted);font-size:11px}.sidebar{background:var(--bg-deep);border-right:1px solid var(--border);flex-direction:column;height:100vh;padding:0;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border);background:var(--bg-deep);z-index:2;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:16px 14px 12px;display:flex}.sidebar-nav{flex:1;min-height:0;padding:12px 14px 20px;overflow-y:auto}.sidebar-collapse-toggle{flex:1;display:none}.sidebar-collapse-toggle button{width:100%;color:var(--text-secondary);transition:background var(--transition), color var(--transition);border-radius:10px;justify-content:flex-end;align-items:center;gap:8px;padding:8px 10px;display:flex}.sidebar-collapse-label{font-size:12px;font-weight:500;line-height:1.2}.sidebar-collapse-toggle button:hover{background:var(--bg-card);color:var(--text-primary)}@media (width>=1025px){.sidebar-collapse-toggle{display:block}.sidebar.collapsed .sidebar-header{justify-content:center;padding-left:8px;padding-right:8px}.sidebar.collapsed .sidebar-collapse-toggle button{justify-content:center}.sidebar.collapsed .sidebar-nav{padding-left:8px;padding-right:8px}.sidebar.collapsed{padding:0}.sidebar.collapsed .nav-section,.sidebar.collapsed .nav-item>span,.sidebar.collapsed .nav-item .badge{display:none}.sidebar.collapsed .nav-item{justify-content:center;gap:0;padding:10px}}.sidebar .brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:14px;padding:0 8px 18px;display:flex}.sidebar .nav-section{text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);padding:14px 12px 6px;font-size:10px}.sidebar .nav-item{color:var(--text-secondary);transition:background var(--transition), color var(--transition);text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:13.5px;font-weight:500;display:flex}.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{background:var(--gold-soft);color:var(--gold);border-radius:999px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.sidebar .branch-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;margin-top:auto;padding:14px;display:flex}.sidebar .branch-card .logo{color:#07100f;border-radius:9px;place-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:grid}.sidebar-fly-tip{z-index:240;pointer-events:none;white-space:nowrap;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:600;position:fixed;transform:translateY(-50%)}.person-search-field{position:relative;overflow:visible}.person-suggest-list{z-index:30;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:10px;max-height:220px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.person-suggest-item{text-align:left;width:100%;color:var(--text-primary);border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}.person-suggest-item:hover{background:var(--bg-elevated)}.person-suggest-name{font-size:13px;font-weight:600}.person-suggest-meta{font-size:11px}.btn{transition:all var(--transition);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-700));color:#07100f}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);border-color:var(--border);background:0 0}.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{color:var(--danger);background:#f871711f;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);transition:border-color var(--transition);padding:20px}.panel:hover{border-color:var(--border-strong)}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-title{font-family:var(--font-display);font-size:16px;font-weight:700}.panel-subtitle{color:var(--text-muted);margin-top:2px;font-size:12.5px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform var(--transition), border-color var(--transition);flex-direction:column;gap:6px;padding:18px 20px;display:flex}.stat-card:hover{border-color:var(--primary-soft);transform:translateY(-2px)}.stat-label{color:var(--text-muted);font-size:12px}.stat-value{font-family:var(--font-display);color:var(--text-primary);font-size:26px;font-weight:800}.stat-delta{align-items:center;gap:4px;font-size:11.5px;font-weight:600;display:inline-flex}.stat-delta.up{color:var(--success)}.stat-delta.down{color:var(--danger)}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.grid-4>*,.grid-3>*,.grid-2>*{min-width:0}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.panel{overflow-wrap:anywhere;word-break:break-word;min-width:0}.tag{letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.tag-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.tag.success{color:var(--success);background:#34d3991f}.tag.warning{color:var(--warning);background:#fbbf241f}.tag.danger{color:var(--danger);background:#f8717124}.tag.info{color:var(--info);background:#60a5fa24}.tag.muted{color:var(--text-muted);background:#94a3b824}.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{color:var(--purple);background:#a78bfa24}.announcement-banners{border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:0;display:flex}.announcement-banner{background:color-mix(in srgb, var(--warning) 12%, var(--bg-elevated));color:var(--text-primary);align-items:flex-start;gap:10px;padding:10px 18px;display:flex}.announcement-banner--low{background:color-mix(in srgb, var(--success) 14%, var(--bg-elevated))}.announcement-banner--low .announcement-banner-icon{color:var(--success)}.announcement-banner--medium{background:color-mix(in srgb, var(--warning) 14%, var(--bg-elevated))}.announcement-banner--medium .announcement-banner-icon{color:var(--warning)}.announcement-banner--critical{background:color-mix(in srgb, var(--danger) 16%, var(--bg-elevated))}.announcement-banner--critical .announcement-banner-icon{color:var(--danger)}.announcement-banner+.announcement-banner{border-top:1px solid var(--border)}.announcement-banner-icon{color:var(--warning);flex-shrink:0;margin-top:2px}.announcement-banner-body{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:13px;line-height:1.4;display:flex}.announcement-banner-title{font-size:13.5px;font-weight:700}.announcement-banner-msg{color:var(--text-muted);white-space:pre-wrap;overflow-wrap:anywhere}.announcement-banner-dismiss{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.announcement-banner-dismiss:hover{background:var(--bg-hover,#0000000f);color:var(--text-primary)}.rte-tinymce .tox-tinymce{border-radius:var(--radius,10px);border-color:var(--border)!important}.rte-tinymce .tox .tox-edit-area__iframe{background:var(--bg-card)}.rte-tinymce.rte-light .tox .tox-edit-area__iframe{background:#fff}.rte-tinymce.rte-dark .tox .tox-edit-area__iframe{background:#0f1419}.rte-tinymce .tox-toolbar-overlord,.rte-tinymce .tox-toolbar__primary{background:var(--bg-elevated)!important}.rich-content h2:not([style*=color]),.rich-content h3:not([style*=color]),.rich-content h4:not([style*=color]){color:var(--text-primary);margin:.8em 0 .35em;line-height:1.25}.rich-content h2,.rich-content h3,.rich-content h4{margin:.8em 0 .35em;line-height:1.25}.rich-content ul,.rich-content ol{margin:.4em 0 .6em 1.2em;padding:0}.rich-content blockquote{border-left:3px solid var(--border);margin:.6em 0;padding:.4em 0 .4em 12px}.rich-content blockquote:not([style*=color]){color:var(--text-muted)}.rich-content a{color:var(--primary)}.course-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);flex-direction:column;display:flex;overflow:hidden}.course-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.course-thumb{aspect-ratio:16/10;color:#fff;font-family:var(--font-display);text-align:center;place-items:center;padding:16px;font-size:22px;font-weight:800;line-height:1.15;display:grid;position:relative;overflow:hidden}.course-thumb:after{content:"";background:linear-gradient(#0000 50%,#00000073 100%);position:absolute;inset:0}.course-body{flex-direction:column;flex:1;gap:8px;padding:14px 16px 16px;display:flex}.course-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1.35;overflow:hidden}.course-meta{color:var(--text-muted);gap:10px;font-size:12px;display:flex}.course-progress{background:var(--border);border-radius:999px;height:4px;overflow:hidden}.course-progress>div{background:linear-gradient(90deg, var(--primary), var(--primary-600));height:100%}.course-badges{z-index:1;flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:12px;left:12px;right:12px}.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{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;padding:0 4px;display:flex}.rail-title{font-family:var(--font-display);align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.rail-badge{background:var(--gold-soft);color:var(--gold);letter-spacing:.04em;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:700}.rail-scroll{scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:14px;padding-bottom:10px;display:flex;overflow-x:auto}.rail-scroll::-webkit-scrollbar{height:4px}.rail-scroll>*{scroll-snap-align:start;flex:0 0 280px}.hero{border-radius:var(--radius-xl);color:#fff;background:linear-gradient(135deg, var(--primary-deep) 0%, var(--primary-700) 60%, var(--primary) 100%);align-items:flex-end;min-height:360px;margin-bottom:36px;padding:36px 40px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(800px 360px at 80% 30%, var(--primary-glow), transparent 70%), linear-gradient(180deg, #07100f0d 0%, #07100f59 100%);position:absolute;inset:0}.hero:after{content:"";pointer-events:none;-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);background:linear-gradient(#042f2d00 0%,#042f2d4d 34%,#042f2d9e 66%,#042f2de0 100%);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%);height:84%;position:absolute;inset:auto 0 0;-webkit-mask-image:linear-gradient(#0000 0%,#000 30%);mask-image:linear-gradient(#0000 0%,#000 30%)}.hero-content{z-index:1;flex-direction:column;gap:14px;max-width:720px;display:flex;position:relative}.hero-meta{background:var(--primary);color:#07100f;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-self:flex-start;align-items:center;max-width:100%;padding:5px 12px;font-size:11px;font-weight:700;line-height:1.35;display:inline-flex;box-shadow:0 2px 10px #00000040}.hero-title{font-family:var(--font-display);color:#fff;text-shadow:0 2px 16px #00000080;font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.05}.hero-desc{opacity:.92;text-shadow:0 1px 8px #00000080;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;max-width:560px;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}@media (width<=640px){.hero-desc{-webkit-line-clamp:2;line-clamp:2}}.hero-actions{gap:10px;margin-top:8px;display:flex}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 14px;font-size:13px}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.data-table tbody tr{transition:background var(--transition)}.data-table tbody tr:hover{background:var(--bg-elevated)}.cell-user{align-items:center;gap:10px;display:flex}.avatar{color:#07100f;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.thumb-cell{aspect-ratio:16/10;color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:60px;font-size:11px;font-weight:700;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-secondary);font-size:12.5px;font-weight:500}.input,.select,.textarea{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:13.5px}.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{flex-wrap:wrap;gap:8px;display:flex}.filter-pill{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);transition:all var(--transition);border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:500}.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{background:var(--border);border-radius:999px;height:6px;overflow:hidden}.progress>div{background:linear-gradient(90deg, var(--primary), var(--primary-600));height:100%;transition:width .32s}.progress.warning>div{background:var(--warning)}.progress.danger>div{background:var(--danger)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;place-items:center;animation:.18s ease-out fadeIn;display:grid;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:calc(100% - 32px);max-width:520px;max-height:90vh;box-shadow:var(--shadow-lg);padding:24px;overflow-y:auto}.modal h3{margin-bottom:6px}.modal-footer{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.chatbot-fab{z-index:90;background:linear-gradient(135deg, var(--primary), var(--primary-700));color:#07100f;width:56px;height:56px;transition:transform var(--transition);border-radius:50%;place-items:center;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #2dd4bf66}.chatbot-fab:hover{transform:scale(1.08)}.chatbot-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:380px;max-width:calc(100vw - 32px);height:520px;max-height:calc(100vh - 120px);box-shadow:var(--shadow-lg);z-index:90;flex-direction:column;display:flex;position:fixed;bottom:96px;right:24px;overflow:hidden}.chatbot-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:16px;display:flex}.chatbot-body{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.chatbot-msg{border-radius:14px;max-width:80%;padding:10px 14px;font-size:13px;line-height:1.5}.chatbot-msg.bot{background:var(--bg-elevated);color:var(--text-primary);border-bottom-left-radius:4px;align-self:flex-start}.chatbot-msg.user{background:var(--primary);color:#07100f;border-bottom-right-radius:4px;align-self:flex-end}.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{background:color-mix(in srgb, var(--text-primary) 8%, transparent);border-radius:4px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.ai-md-preview pre{background:color-mix(in srgb, var(--text-primary) 6%, transparent);border-radius:8px;margin:.5em 0;padding:10px 12px;overflow-x:auto}.ai-md-preview pre code{background:0 0;padding:0}.ai-md-preview strong{font-weight:700}.ai-md-preview em{font-style:italic}.chatbot-input{border-top:1px solid var(--border);gap:8px;padding:12px;display:flex}.player-wrap{grid-template-columns:1fr 380px;gap:24px;padding:24px clamp(16px,3vw,32px);display:grid}@media (width<=1100px){.player-wrap{grid-template-columns:1fr}}.video-stage{border-radius:var(--radius-lg);aspect-ratio:16/9;background:#000;place-items:center;display:grid;position:relative;overflow:hidden;container:uv-stage/inline-size}.video-stage video{object-fit:contain;width:100%;height:100%}.video-stage .video-placeholder{object-fit:cover;width:100%;height:100%}.video-stage [data-uv-seek-host],.video-stage .uv-vidstack-player,.video-stage media-player{width:100%;height:100%;max-height:100%}.stage-expand{position:relative}.stage-expand__btn{z-index:5;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border:1px solid #ffffff38;border-radius:10px;place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;top:10px;right:10px}.stage-expand__btn:hover{border-color:var(--primary);background:#000000bf}:-webkit-any(.stage-expand.is-css-full,.stage-expand:fullscreen,.stage-expand:-webkit-full-screen){z-index:280;background:#000;border-radius:0;flex-direction:column;width:100%;height:100%;display:flex;position:fixed;inset:0}:is(.stage-expand.is-css-full,.stage-expand:fullscreen,.stage-expand:fullscreen){z-index:280;background:#000;border-radius:0;flex-direction:column;width:100%;height:100%;display:flex;position:fixed;inset:0}:-webkit-any(.stage-expand.is-css-full .video-stage,.stage-expand:fullscreen .video-stage,.stage-expand:-webkit-full-screen .video-stage,.stage-expand.is-css-full .pres-stage,.stage-expand:fullscreen .pres-stage,.stage-expand:-webkit-full-screen .pres-stage){aspect-ratio:auto;border-radius:0;flex:1;width:100%;height:100%;max-height:none}:is(.stage-expand.is-css-full .video-stage,.stage-expand:fullscreen .video-stage,.stage-expand:fullscreen .video-stage,.stage-expand.is-css-full .pres-stage,.stage-expand:fullscreen .pres-stage,.stage-expand:fullscreen .pres-stage){aspect-ratio:auto;border-radius:0;flex:1;width:100%;height:100%;max-height:none}.pres-arrow{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:44px;height:44px;transition:background var(--transition), border-color var(--transition), opacity var(--transition);background:#00000073;border:1px solid #ffffff38;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.pres-arrow:hover{border-color:var(--primary);background:#000000b8}.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{z-index:2;color:#fff;font-size:12px;font-family:var(--font-mono,monospace);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:1px solid #ffffff2e;border-radius:999px;padding:4px 10px;position:absolute;bottom:12px;right:12px}@media (width<=640px){.pres-arrow{width:36px;height:36px}.pres-arrow-left{left:6px}.pres-arrow-right{right:6px}}.uv-ext-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(4px,1.2vh,10px);padding:clamp(10px,3%,24px);display:flex;overflow:auto}.uv-ext-card__thumb{flex:0 auto;min-height:0;max-height:46%;line-height:0;position:relative}.uv-ext-card__thumb img{border-radius:10px;width:auto;max-width:min(320px,70vw);max-height:100%;display:block}.uv-ext-card__play{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.uv-ext-card__title{flex-shrink:0;font-size:clamp(13px,1.6vw,15px);font-weight:600}.uv-ext-card__url{text-overflow:ellipsis;white-space:nowrap;color:#ffffffb8;flex-shrink:0;max-width:min(420px,88%);font-size:11.5px;overflow:hidden}.uv-ext-card__hint{color:#ffffffe0;flex-shrink:0;max-width:min(440px,92%);font-size:clamp(11px,1.2vw,12.5px);line-height:1.5}.uv-ext-card__cta{flex-shrink:0;margin-top:2px}@container uv-stage (width<=640px){.uv-ext-card__thumb,.uv-ext-card__url{display:none}.uv-ext-card{gap:6px}}.video-placeholder{background:linear-gradient(135deg, var(--primary-deep), var(--primary-700));color:#fff;font-family:var(--font-display);text-align:center;place-items:center;padding:24px;font-size:20px;display:grid}.crumbs{color:var(--text-muted);margin-bottom:6px;font-size:12.5px}.crumbs span{color:var(--text-primary);font-weight:600}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tab{color:var(--text-muted);transition:all var(--transition);border-bottom:2px solid #0000;padding:10px 14px;font-size:13px;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{flex-direction:column;gap:6px;max-height:600px;display:flex;overflow-y:auto}.episode{cursor:pointer;transition:background var(--transition);border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex}.episode:hover{background:var(--bg-elevated)}.episode.current{background:var(--primary-soft)}.episode .ep-num{background:var(--bg-elevated);width:28px;height:28px;color:var(--text-muted);border-radius:8px;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;display:grid}.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{color:var(--text-muted);font-size:11.5px}.login-page{background:var(--bg-deep);grid-template-columns:1.2fr 1fr;min-height:100vh;display:grid}.login-cinema{background:linear-gradient(135deg, var(--primary-deep) 0%, var(--primary-700) 50%, var(--primary) 100%);color:#fff;flex-direction:column;justify-content:space-between;padding:60px 50px;display:flex;position:relative;overflow:hidden}.login-cinema:before{content:"";background:radial-gradient(800px 600px at 70% 30%,#f5bd4233,#0000 70%);position:absolute;inset:0}.login-brand{font-family:var(--font-display);align-items:center;gap:12px;font-size:20px;font-weight:800;display:flex;position:relative}.login-tagline{position:relative}.login-tagline h2{font-family:var(--font-display);color:#fff;margin-bottom:12px;font-size:clamp(28px,3vw,40px);font-weight:800;line-height:1.1}.login-tagline p{opacity:.92;max-width:460px;font-size:15px;line-height:1.6}.login-form{flex-direction:column;justify-content:center;max-width:540px;padding:60px clamp(24px,5vw,64px);display:flex}.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{justify-content:center;width:100%;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{width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-right:4px;padding:0;display:inline-flex}.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 (width<=900px){.login-page{grid-template-columns:1fr;justify-items:center}.login-cinema{display:none!important}.login-form{box-sizing:border-box;width:100%;max-width:420px;margin:0 auto;padding:40px 24px}.login-form h1,.login-form .subtitle{text-align:center}.login-brand-mobile{justify-content:center;align-items:center;gap:10px;margin-bottom:18px;display:flex}.login-brand-mobile img{object-fit:contain;max-width:150px;max-height:36px}.login-brand-mobile .brand-mark{color:#fff;text-transform:uppercase;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:inline-flex}.login-brand-mobile strong{font-size:16px;font-weight:700}}.divider{color:var(--text-muted);align-items:center;gap:12px;margin:24px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.sso-buttons{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.sso-btn{background:var(--bg-card);border:1px solid var(--border);transition:all var(--transition);color:var(--text-primary);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:600;display:flex}.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);transition:all var(--transition);flex-direction:column;gap:14px;padding:20px;display:flex}.branch-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.branch-header{align-items:center;gap:14px;display:flex}.branch-logo{color:#07100f;border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:16px;font-weight:800;display:grid}.branch-stats{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:8px;padding-top:14px;display:grid}.branch-stat{text-align:center}.branch-stat-value{font-family:var(--font-display);font-size:16px;font-weight:700}.branch-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10.5px}.cert-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);padding:20px;position:relative;overflow:hidden}.cert-card:hover{border-color:var(--gold);box-shadow:var(--shadow-md);transform:translateY(-3px)}.cert-card.featured{border-color:var(--gold)}.cert-ribbon{background:linear-gradient(90deg, var(--gold), #d97706);color:#1f2937;letter-spacing:.1em;padding:4px 32px;font-size:10px;font-weight:800;position:absolute;top:14px;right:-28px;transform:rotate(34deg)}.cert-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.cert-icon{background:var(--gold-soft);width:48px;height:48px;color:var(--gold);border-radius:12px;place-items:center;display:grid}.cert-hash{font-family:var(--font-mono);color:var(--text-muted);word-break:break-all;background:var(--bg-elevated);border-radius:8px;margin:12px 0;padding:8px 12px;font-size:11px}.cert-actions{flex-wrap:wrap;gap:8px;display:flex}.skill-row{align-items:center;gap:14px;margin-bottom:14px;display:flex}.skill-name{width:180px;font-size:13.5px;font-weight:500}.skill-bar{background:var(--border);border-radius:999px;flex:1;height:10px;position:relative;overflow:visible}.skill-fill{background:linear-gradient(90deg, var(--primary), var(--primary-600));border-radius:999px;height:100%}.skill-target{background:var(--gold);border-radius:2px;width:3px;position:absolute;top:-4px;bottom:-4px}.skill-value{text-align:right;width:56px;font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.timeline{flex-direction:column;gap:16px;padding-left:12px;display:flex}.timeline-item{border-left:2px solid var(--border);padding:0 0 18px 28px;position:relative}.timeline-item:last-child{border-left-color:#0000;padding-bottom:0}.timeline-dot{background:var(--bg-card);border:2px solid var(--border);border-radius:50%;width:14px;height:14px;position:absolute;top:0;left:-8px}.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-size:14px;font-weight:600}.timeline-meta{color:var(--text-muted);margin-top:2px;font-size:12px}.goal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.goal-card:hover{border-color:var(--border-strong)}.goal-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.goal-title{font-size:14px;font-weight:600}.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);transition:border-color var(--transition);flex-direction:column;gap:14px;padding:18px 20px;display:flex}.automation-rule:hover{border-color:var(--border-strong)}.automation-rule.suggested{border-color:var(--gold-soft);background:linear-gradient(135deg,#f5bd4214,#0000 60%)}.automation-flow{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.automation-step{background:var(--bg-elevated);border-radius:10px;flex:1;min-width:240px;padding:8px 14px;font-size:13px}.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{background:var(--border-strong);cursor:pointer;width:40px;height:22px;transition:background var(--transition);border-radius:999px;flex-shrink:0;position:relative}.switch.active{background:var(--primary)}.switch:after{content:"";width:18px;height:18px;transition:transform var(--transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.switch.active:after{transform:translate(18px)}.notebook{flex-direction:column;gap:10px;display:flex}.note{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.note-header{color:var(--text-muted);align-items:center;gap:10px;margin-bottom:6px;font-size:11.5px;display:flex}.note-timestamp{background:var(--primary-soft);color:var(--primary);font-family:var(--font-mono);cursor:pointer;border-radius:6px;padding:2px 8px;font-weight:600}[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%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty{text-align:center;color:var(--text-muted);padding:60px 24px}.empty-icon{margin-bottom:12px;font-size:36px}.toast{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-md);z-index:200;border-radius:10px;align-items:center;gap:10px;padding:14px 18px;animation:.24s ease-out slideIn;display:flex;position:fixed;top:80px;right:24px}.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%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.transcript{flex-direction:column;gap:4px;max-height:320px;display:flex;overflow-y:auto}.transcript-line{cursor:pointer;transition:background var(--transition);border-radius:8px;gap:12px;padding:8px 12px;font-size:13px;line-height:1.5;display:flex}.transcript-line:hover{background:var(--bg-elevated)}.transcript-line.current{background:var(--primary-soft)}.transcript-time{color:var(--primary);font-family:var(--font-mono);flex-shrink:0;padding-top:1px;font-size:11.5px;font-weight:600}[data-theme=light] .transcript-time{color:var(--primary-700)}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.main-pane,.page{min-width:0}.page>*{min-width:0;max-width:100%}:is(.panel:has(>.data-table),.panel:has(>table)){-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:max-content}@media (width<=900px){.hero{min-height:280px;margin-bottom:24px;padding:28px 22px}.hero-actions{flex-wrap:wrap}.hero-actions .btn{flex:160px;justify-content:center}}@media (width<=1024px){.sidebar{z-index:90;width:min(86vw,320px);height:100dvh;box-shadow:var(--shadow-lg);transition:transform .24s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.topbar .brand .brand-name{display:none}}@media (width<=768px){.topbar{gap:8px;padding:0 12px}.topbar .search{max-width:100%;height:38px;padding:0 10px}.topbar .user-chip{border-radius:999px;gap:0;padding:4px}.topbar .user-chip>div:not(.avatar),.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{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;padding-bottom:2px;overflow-x:auto}.page-header>.row>.btn{white-space:nowrap;flex:none;justify-content:center}.modal{max-height:92dvh;padding:18px}.modal-footer{flex-direction:column-reverse;gap:8px}.modal-footer .btn{justify-content:center;width:100%}.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{align-self:center;transform:rotate(90deg)}.tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.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{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.filter-pills.scroll .filter-pill{flex-shrink:0}.chatbot-panel{width:calc(100vw - 24px);height:calc(100dvh - 100px);bottom:80px;right:12px}.chatbot-fab{width:52px;height:52px;bottom:16px;right:16px}.toast{top:70px;left:12px;right:12px}.rail-scroll>*{flex:0 0 78vw}}@media (width<=480px){.row.row-wrap-mobile{flex-direction:column;align-items:stretch}.row.row-wrap-mobile>.btn{white-space:normal;justify-content:center;width:100%}.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{width:100%;min-width:0}.input,.select,.textarea{box-sizing:border-box;width:100%;max-width:100%}.filter-pill{white-space:normal;flex:auto;min-width:0}.tag{max-width:100%}.sidebar{width:88vw}.page-header{margin-bottom:18px}.form-grid,.fields,.profile-form{flex-direction:column;gap:12px;display:flex}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: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 auto}}@media (width>=1900px){.page{max-width:1760px}}@media (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 (width<=640px){[style*="1fr 1fr"]{grid-template-columns:1fr!important}}@media (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{aspect-ratio:auto;width:100%;height:100%;box-shadow:none;border-width:8mm;position:fixed;inset:0}.no-print{display:none!important}}@media (width<=768px){.modal .data-table{font-size:12px}.cert-modal .cert-print-area{aspect-ratio:auto;outline-offset:-10px;border-width:6px;min-height:60vh}.filter-pills{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.filter-pills::-webkit-scrollbar{display:none}.filter-pills .filter-pill{flex-shrink:0}}