/* Article player skins: scoped to TK SHOP, including paid/preview overlays. */
.tk-video-player {
    --tk-video-accent: #d3e7f3;
    --tk-video-radius: 12px;
    --tk-video-ratio: 16 / 9;
    --tk-video-fit: cover;
    --tk-video-viewport-height: max(160px, calc(100vh - 128px));
    --tk-video-height-limit: min(var(--tk-video-viewport-height), var(--tk-video-max-height, 10000px));
    --tk-video-render-width: min(var(--tk-video-width, 100%), var(--tk-video-max-width, 100%), calc(var(--tk-video-height-limit) * (var(--tk-video-ratio))));
    width: var(--tk-video-render-width);
    max-width: 100%;
    margin: 24px var(--tk-video-margin-right, auto) 24px var(--tk-video-margin-left, auto);
    border-radius: var(--tk-video-radius);
    background: #11151d;
    box-shadow: 0 4px 18px rgb(18 27 45 / 6%);
    color: #fff;
}
@supports (height: 100svh) {
    .tk-video-player { --tk-video-viewport-height: max(160px, calc(100svh - 128px)); }
}
.tk-video-ratio--4-3 { --tk-video-ratio: 4 / 3; }
.tk-video-ratio--21-9 { --tk-video-ratio: 21 / 9; }
.tk-video-fit--contain { --tk-video-fit: contain; }
.tk-video-align--left { --tk-video-margin-left: 0px; --tk-video-margin-right: auto; }
.tk-video-align--right { --tk-video-margin-left: auto; --tk-video-margin-right: 0px; }
.tk-video-player .wp-block-lc-video {
    position: relative;
    aspect-ratio: var(--tk-video-ratio);
    overflow: hidden;
    border-radius: inherit;
}
.tk-video-player .video-role-box { position: absolute; inset: 0; }
.tk-video-player #tk-mse { width: 100%; height: 100%; background: #11151d; }
.tk-video-player .wp-block-doge-video { margin: 0; border-radius: inherit; }
.tk-video-player .doge-video-player {
    position: relative;
    aspect-ratio: var(--tk-video-ratio);
    height: auto !important;
    max-width: 100%;
    padding-bottom: 0;
    border-radius: inherit;
    overflow: hidden;
}
.tk-video-player .doge-video-player figure { position: absolute; inset: 0; }
.tk-video-player .dplayer-video-wrap .dplayer-video { object-fit: var(--tk-video-fit); }
.tk-video-player.tk-video-has-played .dplayer-video-wrap .dplayer-video,
.tk-video-player .dplayer-playing .dplayer-video-wrap .dplayer-video { object-fit: contain; }
.tk-video-player .dplayer:fullscreen, .tk-video-player .dplayer.dplayer-fulled {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0;
}
.tk-video-player .video-role-info { border-radius: inherit; overflow: auto; padding: 16px; box-sizing: border-box; }
.tk-video-player .video-role-info .content-do-video { height: auto; min-height: 100%; }
.tk-video-player .video-role-info .pc-button { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.tk-video-player .video-role-info .pc-button button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.tk-video-player .video-role-info i { vertical-align: middle; }
@media (max-width: 575px) {
    .tk-video-player { margin-top: 18px; margin-bottom: 18px; --tk-video-radius: 10px; }
    .tk-video-player .video-role-info { padding: 10px; }
    .tk-video-player .content-do-video .login-false { margin-bottom: 8px; }
}
@media (prefers-reduced-motion: reduce) {
    .tk-video-player .tk-video-ui * { transition: none !important; animation: none !important; }
}

/* Shared transport: restrained surfaces, consistent icon geometry and no duplicate title. */
.tk-video-player {
    --tk-video-ink: #f5f7f8;
    --tk-video-muted: #c4cbd0;
    --tk-video-line: rgb(255 255 255 / 24%);
    --tk-video-panel: #20272e;
    --tk-video-control-space: 74px;
}
.tk-video-custom { position: relative; }
.tk-video-custom > .dplayer-controller,
.tk-video-custom > .dplayer-controller-mask,
.tk-video-custom > .dplayer-bezel,
.tk-video-custom > .dplayer-setting-box { display: none !important; }
.tk-video-custom.dplayer-hide-controller { cursor: auto; }
.tk-video-player .tk-video-ui, .tk-video-player .tk-video-ui * { box-sizing: border-box; }
.tk-video-ui {
    position: absolute; inset: 0; z-index: 8; pointer-events: none;
    container-type: inline-size; container-name: tk-video;
    color: var(--tk-video-ink);
    font: 500 12px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft Yahei", sans-serif;
    text-align: left; -webkit-user-select: none; user-select: none;
    --tk-video-progress: 0%; --tk-video-buffer: 0%;
}
.tk-video-ui [hidden] { display: none !important; }
.tk-video-ui button, .tk-video-ui input { pointer-events: auto; touch-action: manipulation; }
.tk-video-ui button {
    margin: 0; min-width: 0; min-height: 0; border: 0; outline: none; padding: 0;
    text-decoration: none; text-indent: 0; text-transform: none; letter-spacing: normal;
    box-shadow: none; cursor: pointer; font: inherit; color: inherit;
    appearance: none; -webkit-appearance: none; -webkit-tap-highlight-color: transparent;
}
.tk-video-ui button:focus-visible, .tk-video-ui input:focus-visible { outline: 2px solid #78c4ef; outline-offset: 2px; }
.tk-video-ui svg { width: 20px; height: 20px; display: block; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; margin: 0; }
.tk-video-ui svg :is(path, rect, circle) { fill: none; stroke: currentColor; }
.tk-video-ui svg text { stroke: none; fill: currentColor; font: 8px sans-serif; }
.tk-video-ui svg:is([data-video-icon="play"], [data-video-icon="pause"]) path { fill: currentColor; stroke: none; }
.tk-video-ui .tk-video-play {
    position: absolute; left: 50%; top: calc((100% - var(--tk-video-control-space)) / 2);
    transform: translate(-50%, -50%); display: grid; place-items: center;
    width: 64px; height: 64px; border-radius: 50%;
    background: rgb(23 31 38 / 58%); border: 1px solid rgb(255 255 255 / 38%);
    color: #fff; box-shadow: 0 4px 20px rgb(0 0 0 / 12%);
    -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
    transition: background .18s ease, box-shadow .18s ease;
}
.tk-video-ui .tk-video-play:hover { background: rgb(23 31 38 / 72%); box-shadow: 0 4px 24px rgb(0 0 0 / 18%); }
.tk-video-play-symbol { width: 100%; height: 100%; display: grid; place-items: center; }
.tk-video-play-symbol svg { width: 26px; height: 26px; transform: translateX(1px); }
.tk-video-dock {
    position: absolute; left: 16px; right: 16px; bottom: 14px;
    display: flex; align-items: center; gap: 12px; height: 52px; padding: 7px 10px;
    border: 1px solid rgb(255 255 255 / 16%); border-radius: 10px;
    background: rgb(23 31 38 / 74%); color: var(--tk-video-ink);
    -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
    box-shadow: 0 2px 12px rgb(0 0 0 / 10%); pointer-events: auto;
    transition: opacity .18s ease, transform .18s ease;
}
.tk-video-toolbar { display: contents; }
.tk-video-transport, .tk-video-volume-group { display: flex; align-items: center; gap: 2px; flex: none; }
.tk-video-transport { order: 0; }
.tk-video-progress { position: relative; height: 28px; min-width: 28px; display: flex; align-items: center; flex: 1; order: 1; }
.tk-video-track { position: absolute; inset: 13px 0; background: var(--tk-video-line); border-radius: 4px; overflow: hidden; pointer-events: none; }
.tk-video-buffer, .tk-video-elapsed { position: absolute; inset: 0 auto 0 0; width: var(--tk-video-buffer); background: rgb(255 255 255 / 30%); border-radius: inherit; }
.tk-video-elapsed { width: var(--tk-video-progress); background: var(--tk-video-accent); }
.tk-video-ui input[type="range"] { appearance: none; -webkit-appearance: none; border: 0; box-shadow: none; padding: 0; min-height: 0; max-width: none; outline-offset: 0; background: transparent; cursor: pointer; }
.tk-video-ui .tk-video-seek { position: absolute; inset: 0; margin: 0; width: 100%; height: 28px; }
.tk-video-ui input[type="range"]::-webkit-slider-runnable-track { height: 2px; background: transparent; border: 0; }
.tk-video-ui input[type="range"]::-moz-range-track { height: 2px; background: transparent; border: 0; }
.tk-video-ui input[type="range"]::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 8px; height: 8px; border-radius: 50%; border: 0; background: var(--tk-video-accent); margin-top: -3px; box-shadow: none; }
.tk-video-ui input[type="range"]::-moz-range-thumb { width: 8px; height: 8px; border-radius: 50%; border: 0; background: var(--tk-video-accent); }
.tk-video-ui .tk-video-seek:disabled { cursor: default; }
.tk-video-seek:disabled::-webkit-slider-thumb { opacity: 0; }
.tk-video-seek:disabled::-moz-range-thumb { opacity: 0; }
.tk-video-seek-tip { position: absolute; bottom: 30px; transform: translateX(-50%); padding: 3px 7px; border-radius: 5px; background: #20272e; color: #fff; font-size: 11px; line-height: 1.5; pointer-events: none; }
.tk-video-ui .tk-video-control { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 36px; padding: 0; border-radius: 6px; background: transparent; color: inherit; transition: background .15s ease; flex: none; }
.tk-video-ui .tk-video-control:hover { background: rgb(255 255 255 / 12%); }
.tk-video-ui .tk-video-control:disabled { opacity: .35; cursor: default; }
.tk-video-ui .tk-video-toggle svg { width: 22px; height: 22px; }
.tk-video-ui .tk-video-skip { display: none; }
.tk-video-volume-group { order: 3; }
.tk-video-ui .tk-video-volume { width: 44px; height: 24px; margin: 0 3px; background: linear-gradient(var(--tk-video-line), var(--tk-video-line)) center / 100% 2px no-repeat !important; }
.tk-video-clock { order: 2; display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; }
.tk-video-duration, .tk-video-time-divider { color: var(--tk-video-muted); }
.tk-video-player:not(.tk-video-has-metadata) .tk-video-duration,
.tk-video-player:not(.tk-video-has-metadata) .tk-video-time-divider { display: none; }
.tk-video-spacer { display: none; }
.tk-video-ui .tk-video-rate, .tk-video-ui .tk-video-settings, .tk-video-ui .tk-video-full { order: 4; }
.tk-video-ui .tk-video-rate { width: 34px; font-size: 11px; font-variant-numeric: tabular-nums; }
.tk-video-ui .tk-video-web { display: none; }
.tk-video-menu {
    position: absolute; z-index: 12; right: 16px; bottom: 78px;
    width: 232px; max-width: calc(100% - 24px); padding: 14px;
    border: 1px solid rgb(255 255 255 / 15%); border-radius: 10px;
    background: var(--tk-video-panel); color: #f5f7f8; box-shadow: 0 8px 24px rgb(0 0 0 / 18%);
    pointer-events: auto; max-height: calc(100% - 88px); overflow: auto; overscroll-behavior: contain;
}
.tk-video-menu-title { font-size: 12px; font-weight: 600; margin-bottom: 12px; }
.tk-video-ui fieldset { min-width: 0; border: 0; padding: 0; margin: 0 0 8px; }
.tk-video-ui legend { padding: 0; margin: 0 0 8px; width: auto; border: 0; float: none; font-size: 11px; color: #b7c1c8; }
.tk-video-speed-options > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.tk-video-speed-options button { border-radius: 5px; height: 32px; background: rgb(255 255 255 / 6%); font-size: 11px; }
.tk-video-speed-options button[aria-pressed="true"] { color: #192a35; background: var(--tk-video-accent); font-weight: 600; }
.tk-video-ui .tk-video-menu-row { display: flex; align-items: center; gap: 9px; padding: 9px 3px; width: 100%; background: transparent; text-align: left; font-size: 12px; border-radius: 5px; }
.tk-video-menu-row:hover { background: rgb(255 255 255 / 8%); }
.tk-video-menu-row svg { width: 18px; height: 18px; }
.tk-video-menu-row span { flex: 1; }
.tk-video-menu-row > svg:last-child { width: 14px; }
.tk-video-feedback { position: absolute; top: 15%; left: 50%; transform: translateX(-50%); width: max-content; max-width: 85%; padding: 8px 12px; border-radius: 7px; background: #20272e; color: #fff; font-size: 12px; text-align: center; }
.tk-video-loading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.tk-video-loading > span:first-child { display: block; width: 28px; height: 28px; border: 2px solid rgb(255 255 255 / 25%); border-top-color: var(--tk-video-accent); border-radius: 50%; animation: tk-video-spin .7s linear infinite; }
@keyframes tk-video-spin { to { transform: rotate(360deg); } }
.tk-video-sr { position: absolute; clip-path: inset(50%); width: 1px; height: 1px; overflow: hidden; white-space: nowrap; }
.tk-video-custom.tk-video-idle .tk-video-dock,
.tk-video-player[data-video-engine="local"]:not(.tk-video-has-played) .tk-video-dock {
    opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(5px);
}
.tk-video-player .video-role-info { z-index: 40; }
.tk-video-player .video-role-title { z-index: 30; }
.tk-video-is-locked .tk-video-ui { visibility: hidden; }
.tk-video-player .tk-video-custom .dplayer-notice { bottom: 88px; }

/* Light: edge-to-edge paper surface and a narrow blue playback rail. */
.tk-video--minimal { --tk-video-accent: #2286c7; --tk-video-ink: #38434d; --tk-video-muted: #73808b; --tk-video-line: #dce2e7; --tk-video-panel: #fff; --tk-video-control-space: 62px; }
.tk-video--minimal .tk-video-play { width: 60px; height: 60px; border: 0; border-radius: 18px; background: rgb(255 255 255 / 96%); color: #38434d; }
.tk-video--minimal .tk-video-play:hover { background: #fff; }
.tk-video--minimal .tk-video-dock { left: 0; right: 0; bottom: 0; display: block; height: auto; padding: 0 16px 6px; border: 0; border-radius: 0; background: #fff; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.tk-video--minimal .tk-video-progress { margin: 0 -16px 1px; height: 14px; }
.tk-video--minimal .tk-video-track { inset: 0 0 auto; height: 2px; border-radius: 0; }
.tk-video--minimal .tk-video-seek { top: -5px; height: 14px; }
.tk-video--minimal .tk-video-toolbar { display: flex; align-items: center; gap: 8px; height: 36px; }
.tk-video--minimal .tk-video-volume-group { order: 1; }
.tk-video--minimal .tk-video-progress { order: 0; }
.tk-video--minimal .tk-video-spacer { display: block; flex: 1; min-width: 0; order: 3; }
.tk-video--minimal .tk-video-control:hover { background: #eef2f5; }
.tk-video--minimal .tk-video-buffer { background: #bacad5; }
.tk-video--minimal .tk-video-menu { border-color: #e4e8ec; background: #fff; color: #38434d; bottom: 66px; }
.tk-video--minimal .tk-video-menu legend { color: #73808b; }
.tk-video--minimal .tk-video-speed-options button { background: #f0f3f5; }
.tk-video--minimal .tk-video-speed-options button[aria-pressed="true"] { background: #e4f2fa; color: #176ea8; }
.tk-video--minimal .tk-video-menu-row:hover { background: #f0f3f5; }

/* Cinema: fade into the picture, with centered transport and no colored blocks. */
.tk-video--cinema { --tk-video-accent: #e9e4da; --tk-video-control-space: 90px; background: #0d1013; }
.tk-video--cinema .tk-video-play { width: 72px; height: 72px; background: rgb(13 19 24 / 55%); border-color: rgb(255 255 255 / 68%); }
.tk-video--cinema .tk-video-play-symbol svg { width: 28px; height: 28px; }
.tk-video--cinema .tk-video-dock { left: 0; right: 0; bottom: 0; display: block; height: auto; padding: 12px 22px 12px; border: 0; border-radius: 0; background: linear-gradient(transparent, rgb(9 13 17 / 86%)); box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.tk-video--cinema .tk-video-progress { height: 24px; }
.tk-video--cinema .tk-video-track { inset: 11px 0; }
.tk-video--cinema .tk-video-seek { height: 24px; }
.tk-video--cinema .tk-video-toolbar { position: relative; display: flex; align-items: center; gap: 8px; height: 40px; }
.tk-video--cinema .tk-video-transport { position: absolute; left: 50%; transform: translateX(-50%); gap: 12px; }
.tk-video--cinema .tk-video-skip { display: inline-flex; }
.tk-video--cinema .tk-video-toggle { width: 40px; height: 40px; }
.tk-video--cinema .tk-video-toggle svg { width: 26px; height: 26px; }
.tk-video--cinema .tk-video-clock { order: 0; }
.tk-video--cinema .tk-video-spacer { display: block; flex: 1; order: 1; }
.tk-video--cinema .tk-video-volume-group { order: 2; }
.tk-video--cinema .tk-video-volume { display: none; }
.tk-video--cinema .tk-video-settings { display: none; }
.tk-video--cinema .tk-video-menu { bottom: 92px; }

/* Dark: compact solid lower bar, subtly rounded launch control and ice-blue rail. */
.tk-video--classic { --tk-video-accent: #9bc9e0; --tk-video-control-space: 72px; }
.tk-video--classic .tk-video-play { width: 58px; height: 58px; border-radius: 14px; border: 1px solid rgb(255 255 255 / 22%); background: rgb(26 34 41 / 82%); }
.tk-video--classic .tk-video-dock { left: 0; right: 0; bottom: 0; display: block; height: auto; padding: 0 14px 6px; border: 0; border-radius: 0; background: #20272e; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.tk-video--classic .tk-video-progress { height: 16px; }
.tk-video--classic .tk-video-track { inset: 7px 0; }
.tk-video--classic .tk-video-seek { height: 16px; }
.tk-video--classic .tk-video-toolbar { display: flex; align-items: center; gap: 6px; height: 36px; }
.tk-video--classic .tk-video-volume-group { order: 1; }
.tk-video--classic .tk-video-spacer { display: block; flex: 1; min-width: 0; order: 3; }
.tk-video--classic .tk-video-menu { bottom: 72px; }

.tk-video-preview-stage { position: relative; width: 100%; aspect-ratio: var(--tk-video-ratio); overflow: hidden; border-radius: inherit; background: #11151d; }
.tk-video-preview-stage::before { content: ''; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22960%22%20height%3D%22540%22%20viewBox%3D%220%200%20960%20540%22%3E%0A%20%3Cdefs%3E%0A%20%20%3ClinearGradient%20id%3D%22sky%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23c0d4dc%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%23e1e4dc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d4dcd7%22%2F%3E%3C%2FlinearGradient%3E%0A%20%20%3ClinearGradient%20id%3D%22lake%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%239ab6be%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234e7b8b%22%2F%3E%3C%2FlinearGradient%3E%0A%20%20%3ClinearGradient%20id%3D%22near%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23497281%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231c475a%22%2F%3E%3C%2FlinearGradient%3E%0A%20%3C%2Fdefs%3E%0A%20%3Cpath%20fill%3D%22url%28%23sky%29%22%20d%3D%22M0%200h960v540H0z%22%2F%3E%0A%20%3Ccircle%20fill%3D%22%23f4eed7%22%20cx%3D%22726%22%20cy%3D%22112%22%20r%3D%2237%22%2F%3E%0A%20%3Cpath%20fill%3D%22%23a5bbc3%22%20d%3D%22M0%20268%2098%20191%20160%20217%20278%20119%20367%20187%20446%20152%20552%20233%20639%20181%20725%20228%20834%20149%20960%20249V540H0Z%22%2F%3E%0A%20%3Cpath%20fill%3D%22%23d6dfe0%22%20d%3D%22m231%20157%2047-38%2040%2031-37-10-19%2015-13-5zM805%20173l29-24%2035%2028-32-11-17%2013z%22%2F%3E%0A%20%3Cpath%20fill%3D%22%237e9fab%22%20d%3D%22M0%20273%20102%20233%20211%20274%20360%20215%20487%20286%20592%20238%20721%20294%20845%20228%20960%20280V540H0Z%22%2F%3E%0A%20%3Cpath%20fill%3D%22url%28%23lake%29%22%20d%3D%22M0%20310Q215%20291%20431%20315T960%20302V540H0Z%22%2F%3E%0A%20%3Cpath%20stroke%3D%22%23c7d8d9%22%20stroke-width%3D%221%22%20opacity%3D%22.45%22%20fill%3D%22none%22%20d%3D%22M390%20345h193m-245%2020h303m-256%2027h161m-240%2032h370m-491%2030h286m-19%2030h277%22%2F%3E%0A%20%3Cpath%20fill%3D%22url%28%23near%29%22%20d%3D%22M0%20276%2063%20304%20112%20328%20159%20352%20203%20375%20242%20410%20291%20438%20371%20470%20449%20496%20466%20540H0Z%22%2F%3E%0A%20%3Cpath%20fill%3D%22%23315f70%22%20d%3D%22m960%20289-54%2025-51%2034-38%2030-59%2022-36%2023-50%2027-33%2040-43%2050h364Z%22%2F%3E%0A%20%3Cpath%20stroke%3D%22%2357808b%22%20stroke-width%3D%222%22%20opacity%3D%22.45%22%20fill%3D%22none%22%20d%3D%22m0%20329%20100%2035%2084%2056%2082%2035m694-109-79%2028-60%2044-63%2024%22%2F%3E%0A%20%3Cpath%20fill%3D%22%231c4655%22%20d%3D%22m88%20371%208-44%209%2044h-6v30h-5v-30zm27%2011%208-47%2010%2047h-7v32h-5v-32zm723%2040%207-46%2010%2046h-7v30h-5v-30z%22%2F%3E%0A%3C%2Fsvg%3E%0A"); background-size: var(--tk-video-fit); background-position: center; background-repeat: no-repeat; }
.tk-video-preview-stage .tk-video-ui { z-index: 1; }
@container tk-video (max-width: 575px) {
    .tk-video-ui .tk-video-play { width: 48px; height: 48px; top: calc((100% - 74px) / 2); }
    .tk-video-play-symbol svg { width: 23px; height: 23px; }
    .tk-video-dock { left: 8px; right: 8px; bottom: 8px; display: block; height: auto; padding: 0 7px 3px; gap: 0; border-radius: 8px; }
    .tk-video-toolbar { position: relative; display: flex; align-items: center; height: 40px; gap: 3px; }
    .tk-video-progress { height: 16px; }
    .tk-video-track { inset: 7px 0; }
    .tk-video-ui .tk-video-seek { height: 24px; top: -4px; }
    .tk-video-ui .tk-video-control { width: 36px; height: 40px; }
    .tk-video-ui .tk-video-settings { display: none; }
    .tk-video-volume-group { order: 1; }
    .tk-video-volume-group .tk-video-volume { display: none; }
    .tk-video-clock { font-size: 10px; gap: 3px; }
    .tk-video-spacer { display: block; flex: 1; min-width: 0; order: 3; }
    .tk-video-ui .tk-video-rate { width: 36px; font-size: 11px; }
    .tk-video-menu { right: 8px; bottom: 74px; max-height: calc(100% - 82px); padding: 10px; }
    .tk-video-speed-options button { height: 34px; }
    .tk-video--minimal .tk-video-dock { padding: 0 8px 3px; }
    .tk-video--minimal .tk-video-progress { margin: 0 -8px 1px; height: 10px; }
    .tk-video--minimal .tk-video-track { top: 0; bottom: auto; }
    .tk-video--minimal .tk-video-seek { top: -7px; }
    .tk-video--minimal .tk-video-toolbar { height: 40px; gap: 3px; }
    .tk-video--minimal .tk-video-play { border-radius: 14px; }
    .tk-video--cinema .tk-video-dock { padding: 5px 10px 6px; }
    .tk-video--cinema .tk-video-toolbar { height: 40px; gap: 3px; }
    .tk-video--cinema .tk-video-transport { gap: 4px; }
    .tk-video--cinema .tk-video-skip { display: none; }
    .tk-video--cinema .tk-video-clock { order: 0; font-size: 10px; }
    .tk-video--cinema .tk-video-volume-group { order: 2; }
    .tk-video--cinema .tk-video-menu { bottom: 76px; }
    .tk-video--classic .tk-video-play { border-radius: 12px; }
    .tk-video--classic .tk-video-dock { padding: 0 8px 3px; }
    .tk-video--classic .tk-video-toolbar { height: 40px; gap: 3px; }
    .tk-video-ratio--21-9 .tk-video-play { width: 38px; height: 38px; }
    .tk-video-ratio--21-9 .tk-video-play-symbol svg { width: 20px; height: 20px; }
    .tk-video-ratio--21-9 .tk-video-menu { bottom: 8px; max-height: calc(100% - 16px); }
}
@container tk-video (max-width: 299px) {
    .tk-video-ui .tk-video-control { width: 32px; }
    .tk-video-toolbar { gap: 2px; }
    .tk-video--cinema .tk-video-clock { gap: 2px; }
    .tk-video--cinema .tk-video-volume-group { display: none; }
}
/* Before the first play, the cover has one centered launch control and no dock. */
.tk-video-player[data-video-engine="local"]:not(.tk-video-has-played) .tk-video-play { top: 50%; }
@media (prefers-reduced-motion: reduce) { .tk-video-ui *, .tk-video-ui *::before, .tk-video-ui *::after { transition: none !important; animation: none !important; } }