.kino{--kino-accent:oklch(50.8% .118 165.612);--kino-radius:12px;--kino-surface:oklab(0% none none/.55);--kino-surface-strong:oklab(0% none none/.7);--kino-border:oklab(100% 0 5.96046e-8/.14);--kino-text:oklch(98% 0 0);--kino-text-dim:oklab(100% 0 5.96046e-8/.65);--kino-blur:18px;--kino-shadow:0 8px 40px #00000073;--kino-ease:cubic-bezier(.22, 1, .36, 1);--kino-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;width:100%;height:100%;color:var(--kino-text);background:#000;font-family:ui-sans-serif,system-ui,sans-serif;position:relative;overflow:hidden;container-type:inline-size}.kino *{box-sizing:border-box}.kino mux-video,.kino video{width:100%;height:100%;position:absolute;inset:0}.kino .kino-placeholder{object-fit:cover;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.kino .kino-video-host{z-index:0;position:absolute;inset:0}.kino .kino-overlay{pointer-events:none;position:absolute;inset:0}.kino .kino-overlay>*{pointer-events:auto}.kino .kino-glass{background:var(--kino-surface);-webkit-backdrop-filter:blur(var(--kino-blur));border:1px solid var(--kino-border);border-radius:var(--kino-radius);box-shadow:var(--kino-shadow)}.kino .kino-scrubber{touch-action:none;cursor:pointer;width:100%;padding:8px 0;position:relative}.kino .kino-track{width:100%;height:4px;transition:height .15s var(--kino-ease);background:oklab(100% 0 5.96046e-8/.18);border-radius:999px;position:relative}.kino .kino-scrubber:hover .kino-track{height:6px}.kino .kino-buffered{pointer-events:none;background:oklab(100% 0 5.96046e-8/.25);border-radius:999px;height:100%;position:absolute;top:0}.kino .kino-progress{background:var(--kino-accent);pointer-events:none;border-radius:999px;height:100%;position:absolute;top:0;left:0}.kino .kino-thumb{background:var(--kino-text);opacity:0;width:12px;height:12px;transition:opacity .15s var(--kino-ease);pointer-events:none;border-radius:999px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000080}.kino .kino-scrubber:hover .kino-thumb{opacity:1}.kino .kino-preview{transform-origin:bottom;pointer-events:none;z-index:2;flex-direction:column;align-items:center;gap:4px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 4px);transform:translate(-50%)scale(.72)}.kino .kino-preview-img{background-repeat:no-repeat;border-radius:6px;overflow:hidden}.kino .kino-preview-time{font-family:var(--kino-mono);font-variant-numeric:tabular-nums;color:var(--kino-text);padding:5px 4px 4px;font-size:13px;font-weight:500}.kino .kino-roll{font-variant-numeric:tabular-nums;align-items:stretch;line-height:1;display:inline-flex}.kino .kino-roll-digit{height:1em;display:inline-block;overflow:hidden}.kino .kino-roll-col{transition:transform .3s var(--kino-ease);will-change:transform;flex-direction:column;display:flex}.kino .kino-roll-cell{justify-content:center;align-items:center;height:1em;display:flex}.kino .kino-roll-sep{display:inline-block}.kino .kino-idle{z-index:12;flex-direction:column;justify-content:center;align-items:center;gap:max(16px,2.2cqw);display:flex;position:absolute;inset:0}.kino .kino-idle-play{color:#fff;-webkit-backdrop-filter:blur(8px);cursor:pointer;width:max(76px,9cqw);height:max(76px,9cqw);transition:transform .2s var(--kino-ease), background .2s var(--kino-ease);background:#00000057;border:none;border-radius:999px;place-items:center;padding:0;display:grid}.kino .kino-idle-play svg{fill:#fff;width:max(32px,3.8cqw);height:max(32px,3.8cqw)}.kino .kino-idle:hover .kino-idle-play,.kino .kino-idle-play:hover{background:#00000080;transform:scale(1.06)}.kino .kino-idle-speeds{-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .2s var(--kino-ease), transform .2s var(--kino-ease);background:#00000042;border:none;border-radius:999px;align-items:center;gap:max(6px,.8cqw);padding:max(8px,1cqw) max(14px,1.8cqw);display:flex;position:absolute;top:calc(50% + max(54px,7cqw));left:50%;transform:translate(-50%,8px)}.kino .kino-idle:hover .kino-idle-speeds,.kino .kino-idle:focus-within .kino-idle-speeds{opacity:1;transform:translate(-50%)}.kino .kino-speed-chip{font-variant-numeric:tabular-nums;color:oklab(100% 0 5.96046e-8/.52);cursor:pointer;transition:color .15s var(--kino-ease), transform .15s var(--kino-ease);background:0 0;border:none;border-radius:8px;align-items:center;gap:3px;padding:4px 7px;font-size:max(15px,1.6cqw);font-weight:600;display:inline-flex}.kino .kino-speed-chip:hover,.kino .kino-speed-chip[data-active=true]{color:#fff}.kino .kino-speed-chip:hover{transform:scale(1.15)}.kino .kino-idle:hover .kino-speed-chip,.kino .kino-idle:focus-within .kino-speed-chip{animation:kino-chip-in .32s var(--kino-ease) backwards;animation-delay:calc(var(--i,0) * 45ms)}@keyframes kino-chip-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.kino .kino-speed-chip[data-max=true]{color:oklab(100% 0 5.96046e-8/.82)}.kino .kino-speed-chip[data-max=true][data-active=true]{color:#fff}.kino .kino-bolt{font-size:.85em;line-height:1}.kino .kino-popover-root{display:inline-flex;position:relative}.kino .kino-ctrl{height:36px;color:var(--kino-text);cursor:pointer;transition:background .12s var(--kino-ease);background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.kino .kino-ctrl:hover{background:oklab(100% 0 5.96046e-8/.12)}.kino .kino-ctrl svg{width:22px;height:22px}.kino .kino-ctrl-label{font-variant-numeric:tabular-nums;font-size:13px}.kino .kino-speed-label{font-size:15px;font-weight:500}.kino .kino-quality-badge{border:1px solid;border-radius:3px;justify-content:center;align-items:center;padding:1px 5px;font-size:10px;font-weight:600;line-height:1.3;display:inline-flex}.kino .kino-tip{white-space:nowrap;color:var(--kino-text);pointer-events:none;opacity:0;transition:opacity .12s var(--kino-ease);z-index:20;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:inline-flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.kino .kino-tip kbd svg{width:15px;height:15px;display:block}.kino .kino-tip-start{left:0;right:auto;transform:none}.kino .kino-tip-center{left:50%;right:auto;transform:translate(-50%)}.kino .kino-tip-end{left:auto;right:0;transform:none}.kino .kino-key{color:var(--kino-text);animation:kino-key-press 1.8s var(--kino-ease) infinite;background:linear-gradient(oklab(100% 0 5.96046e-8/.26),oklab(100% 0 5.96046e-8/.12));border:1px solid oklab(100% 0 5.96046e-8/.3);border-radius:5px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 2px oklab(0% none none/.4)}.kino .kino-key-space{align-items:flex-end;width:30px;height:16px;padding-bottom:3px}.kino .kino-key-space-bar{background:var(--kino-text);opacity:.85;border-radius:2px;width:14px;height:2px}.kino .kino-key-arrow{width:18px;height:18px}.kino .kino-key-arrow svg{width:12px;height:12px;display:block}@keyframes kino-key-press{0%,68%,to{transform:translateY(0);box-shadow:0 2px oklab(0% none none/.4)}80%{transform:translateY(2px);box-shadow:0 0 oklab(0% none none/.4)}}.kino .kino-popover-root:hover .kino-tip{opacity:1}.kino .kino-tip kbd{min-width:20px;color:var(--kino-text);background:oklab(100% 0 5.96046e-8/.22);border:1px solid oklab(100% 0 5.96046e-8/.28);border-radius:6px;justify-content:center;align-items:center;padding:1px 6px;font-family:inherit;font-size:11px;font-weight:500;line-height:1.5;display:inline-flex;box-shadow:0 1px oklab(0% none none/.4)}.kino .kino-menu{transform-origin:bottom;z-index:20;flex-direction:column;gap:2px;min-width:150px;padding:6px;transition:opacity .12s,transform .12s;display:flex;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.kino .kino-menu:before{content:"";height:8px;position:absolute;top:100%;left:0;right:0}.kino .kino-menu-start{left:0;right:auto;transform:none}.kino .kino-menu-center{left:50%;right:auto;transform:translate(-50%)}.kino .kino-menu-end{left:auto;right:0;transform:none}.kino .kino-menu-item{font-variant-numeric:tabular-nums;text-align:left;color:var(--kino-text);cursor:pointer;transition:background .12s var(--kino-ease);background:0 0;border:none;border-radius:7px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:13px;display:flex}.kino .kino-menu-item:hover{background:oklab(100% 0 5.96046e-8/.12)}.kino .kino-menu-item[aria-checked=true]{color:var(--kino-text);background:oklab(0% none none/.34)}.kino .kino-menu-item[aria-checked=true]:after{content:"✓";opacity:.85;margin-left:14px;font-size:13px}.kino .kino-menu-q{padding:9px 12px}.kino .kino-q-label{align-items:baseline;gap:8px;display:inline-flex}.kino .kino-q-key{font-size:15px;font-weight:600}.kino .kino-q-px{color:var(--kino-text-dim);font-size:12px}.kino .kino-controls{z-index:10;opacity:0;transition:opacity .2s var(--kino-ease), transform .2s var(--kino-ease);pointer-events:none;background:linear-gradient(#0000 0%,oklab(0% none none/.45) 62%,oklab(0% none none/.78) 100%);padding:0 12px 6px;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.kino .kino-controls.is-visible{opacity:1;pointer-events:auto;transform:none}.kino .kino-gesture{z-index:1;cursor:default;place-items:center;display:grid;position:absolute;inset:0}.kino .kino-flash{color:#fff;-webkit-backdrop-filter:blur(6px);pointer-events:none;width:max(80px,10cqw);height:max(80px,10cqw);animation:kino-flash .75s var(--kino-ease) forwards;background:#0006;border-radius:999px;place-items:center;display:grid}.kino .kino-flash svg{fill:#fff;width:max(32px,4cqw);height:max(32px,4cqw)}@keyframes kino-flash{0%{opacity:.85;transform:scale(.6)}to{opacity:0;transform:scale(1.3)}}.kino .kino-captions{z-index:2;text-align:center;pointer-events:none;transition:transform .32s var(--kino-ease);flex-wrap:wrap;place-content:flex-end center;align-items:center;padding:5cqw 4cqw 2.5cqw;display:flex;position:absolute;inset:0;transform:translateY(0)}.kino .kino-captions.is-raised{transform:translateY(calc(-1*clamp(44px,6cqw,72px)))}.kino .kino-caption-text{white-space:pre-line;overflow-wrap:break-word;text-wrap:balance;color:#d2d7dd;-webkit-backdrop-filter:blur(8px);max-width:min(100%,80ch);animation:kino-fade-in .2s var(--kino-ease);background:#0000006b;border-radius:8px;padding:10px 22px;font-size:max(13px,1.7cqw);font-weight:500;line-height:1.32}@keyframes kino-fade-in{0%{opacity:0}to{opacity:1}}.kino .kino-controls-row{align-items:center;gap:4px;padding:2px 4px 4px;display:flex}.kino .kino-controls-group{flex:1;align-items:center;gap:2px;min-width:0;display:flex}.kino .kino-controls-group-end{justify-content:flex-end}.kino .kino-time{font-family:var(--kino-mono);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--kino-text);padding:0 8px;font-size:13px;font-weight:500}.kino .kino-time-dur{color:var(--kino-text-dim)}.kino .kino-volume{align-items:center;display:inline-flex}.kino .kino-volume input[type=range]{appearance:none;opacity:0;cursor:pointer;width:0;height:6px;transition:width .18s var(--kino-ease), opacity .18s var(--kino-ease), margin .18s var(--kino-ease);background:oklab(100% 0 5.96046e-8/.28);border-radius:999px;margin:0}.kino .kino-volume:hover input[type=range],.kino .kino-volume:focus-within input[type=range]{opacity:1;width:80px;margin:0 10px 0 2px}.kino .kino-volume input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:999px;width:15px;height:15px;box-shadow:0 1px 4px #00000073}.kino .kino-volume input[type=range]::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:999px;width:15px;height:15px;box-shadow:0 1px 4px #00000073}.kino .kino-volume input[type=range]::-moz-range-track{background:oklab(100% 0 5.96046e-8/.28);border-radius:999px;height:6px}.kino .kino-ctrl-skip{position:relative}.kino .kino-ctrl-skip-num{font-variant-numeric:tabular-nums;color:var(--kino-text-dim);pointer-events:none;font-size:9px;font-weight:700;position:absolute;bottom:5px}.kino .kino-ctrl-skip[aria-label*=Back] .kino-ctrl-skip-num{left:8px}.kino .kino-ctrl-skip[aria-label*=Forward] .kino-ctrl-skip-num{right:8px}.kino button:focus,.kino button:focus-visible{outline:none}.kino .kino-ctrl:active{transform:scale(.95)}.kino [role=slider]:focus-visible{outline:2px solid var(--kino-accent);outline-offset:4px}.kino .kino-mcontrols{z-index:10;pointer-events:none;opacity:0;transition:opacity .2s var(--kino-ease);position:absolute;inset:0}.kino .kino-mcontrols.is-visible{opacity:1}.kino .kino-mcontrols.is-visible .kino-mcluster,.kino .kino-mcontrols.is-visible .kino-mbottom,.kino .kino-mcontrols.is-visible .kino-mtop .kino-mbtn{pointer-events:auto}.kino .kino-mtop{pointer-events:none;background:linear-gradient(oklab(0% none none/.52) 0%,#0000 100%);justify-content:flex-end;padding:8px 10px;display:flex;position:absolute;top:0;left:0;right:0}.kino .kino-mbtn{color:#fff;cursor:pointer;width:40px;height:40px;transition:transform .15s var(--kino-ease);background:0 0;border:none;border-radius:999px;place-items:center;padding:0;display:grid}.kino .kino-mbtn svg{width:24px;height:24px}.kino .kino-mbtn:active{transform:scale(.9)}.kino .kino-mcluster{align-items:center;gap:max(28px,9cqw);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kino .kino-mtransport{color:#fff;cursor:pointer;width:52px;height:52px;transition:transform .15s var(--kino-ease);background:0 0;border:none;border-radius:999px;place-items:center;padding:0;display:grid;position:relative}.kino .kino-mtransport svg{width:30px;height:30px}.kino .kino-mtransport:active{transform:scale(.9)}.kino .kino-mctrl-play{color:#fff;-webkit-backdrop-filter:blur(8px);cursor:pointer;width:66px;height:66px;transition:transform .15s var(--kino-ease), background .15s var(--kino-ease);background:#0000006b;border:none;border-radius:999px;place-items:center;padding:0;display:grid}.kino .kino-mctrl-play svg{fill:#fff;width:32px;height:32px}.kino .kino-mctrl-play:active{transform:scale(.94)}.kino .kino-mbottom{background:linear-gradient(#0000 0%,oklab(0% none none/.72) 100%);align-items:center;gap:10px;padding:0 6px 6px 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.kino .kino-mbottom .kino-scrubber{flex:1;min-width:0}.kino .kino-mtime{padding:0;font-size:12px}.kino .kino-mbottom .kino-mbtn{flex:none;width:36px;height:36px}.kino .kino-mbottom .kino-mbtn svg{width:22px;height:22px}.kino .kino-sheet-backdrop{z-index:30;opacity:0;pointer-events:none;transition:opacity .22s var(--kino-ease);background:#00000052;position:absolute;inset:0}.kino .kino-sheet-backdrop.is-open{opacity:1;pointer-events:auto}.kino .kino-sheet{border-radius:var(--kino-radius) var(--kino-radius) 0 0;max-height:58%;transition:transform .26s var(--kino-ease);padding:2px 14px 14px;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(101%)}.kino .kino-sheet-backdrop.is-open .kino-sheet{transform:none}.kino .kino-sheet-grip{background:oklab(100% 0 5.96046e-8/.32);border-radius:999px;width:34px;height:4px;margin:8px auto 12px}.kino .kino-sheet-section+.kino-sheet-section{margin-top:12px}.kino .kino-sheet-title{text-transform:uppercase;letter-spacing:.05em;color:var(--kino-text-dim);margin:0 0 7px;font-size:10px;font-weight:600}.kino .kino-sheet-chips{flex-wrap:wrap;gap:6px;display:flex}.kino .kino-sheet-chip{font-variant-numeric:tabular-nums;color:var(--kino-text);cursor:pointer;transition:background .12s var(--kino-ease), color .12s var(--kino-ease);background:oklab(100% 0 5.96046e-8/.1);border:1px solid #0000;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.kino .kino-sheet-chip:active{transform:scale(.96)}.kino .kino-sheet-chip[data-active=true]{color:#fff;background:var(--kino-accent)}@media (prefers-reduced-motion:reduce){.kino *,.kino :before,.kino :after{transition-duration:.01ms!important}}