.media-player{display:grid;gap:8px;min-width:0;margin:0;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);container-type:inline-size}.media-player figcaption{font-size:14px;font-weight:650;overflow-wrap:anywhere}.media-player figcaption small{font-size:12px;font-weight:400;color:var(--muted);margin-inline-start:8px}.media-player video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:calc(var(--radius)/2)}.media-player audio{width:100%}.media-controls{position:relative;display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.media-controls .media-timeline{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;direction:ltr;flex:1;min-width:100px}.media-time{margin-inline-end:8px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.media-actions{display:flex;align-self:stretch;align-items:center;gap:0;flex:none}.media-controls .btn{min-width:44px;min-height:44px;padding:8px;flex:none}.media-volume{width:44px}.media-captions{width:152px;max-width:100%;flex:none}.media-controls .select-trigger{height:44px;font-size:12px;padding-inline:8px 24px;border-color:transparent;background-color:transparent}.media-status{order:4;flex-basis:100%;margin:0;color:var(--muted);font-size:13px}.media-status:empty{display:none}.media-player[data-media-ready] audio{display:none}.media-player>p{margin:0;font-size:12px;color:var(--muted)}.media-player:fullscreen{container-type:normal;position:relative;display:block;overflow:hidden;border:0;border-radius:0;max-width:none;width:100%;height:100%;padding:0;background:#000}.media-player:fullscreen video{width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0;object-fit:contain}.media-player:fullscreen>figcaption,.media-player:fullscreen>p{display:none}.media-player:fullscreen .media-controls{position:absolute;inset:auto 16px max(16px,env(safe-area-inset-bottom));padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:opacity var(--motion-normal) var(--motion-ease)}.media-player:fullscreen[data-media-idle]{cursor:none}.media-player:fullscreen[data-media-idle] .media-controls{opacity:0;pointer-events:none}@media(max-width:480px){.media-player:fullscreen .media-timeline{min-width:100%;order:-1}.media-player:fullscreen .media-actions{margin-inline-start:auto}}@container(max-width:480px){.media-controls .media-timeline{min-width:100%;order:-1}.media-actions{margin-inline-start:auto}}.media-volume-group{position:relative;align-self:stretch;display:flex;align-items:center}.media-volume-panel{inline-size:auto;display:flex;padding:12px 0}.media-volume-panel[hidden]{display:none}.media-volume input[type=range]{writing-mode:vertical-lr;direction:rtl;inline-size:120px;block-size:44px;min-block-size:44px;border-radius:4px}.media-volume input[type=range]::-webkit-slider-runnable-track{width:4px;height:100%}.media-volume input[type=range]::-webkit-slider-thumb{margin-top:0;margin-left:-8px}.media-volume input[type=range]::-moz-range-track{width:4px;height:100%}.media-settings-panel{width:240px;display:block;block-size:max-content}.media-settings-panel[hidden]{display:none}.media-setting{display:grid;gap:8px;font-size:14px;font-weight:500}.media-setting .select-control{width:100%;max-width:none}.media-settings-panel .select-trigger{font-size:14px;border-color:var(--line);padding-inline:12px 36px}.media-settings-panel .switch{justify-content:space-between;font-size:14px;font-weight:500}.media-setting[hidden]{display:none}.media-setting:has(.media-speed-value){grid-template-columns:1fr auto}.media-setting>.slider-field{grid-column:1/-1;min-width:0}.media-speed-value{font-variant-numeric:tabular-nums}.media-timeline input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent) var(--media-progress,0%),var(--slider-track,var(--line)) var(--media-progress,0%))}.media-timeline input[type=range]::-moz-range-progress{height:4px;border-radius:var(--control-radius,var(--radius));background:var(--accent)}.media-player[data-media-shortcut-focus]:focus{outline:none}.media-volume input[type=range]:focus-visible{outline:none}.media-volume-panel:has(input:focus-visible){outline:var(--focus-width,2px) solid var(--accent);outline-offset:3px}.media-player[data-media-ready]:not([data-media-keyboard]):focus,.media-player[data-media-ready]:not([data-media-keyboard]) :focus,.media-player[data-media-ready]:not([data-media-keyboard]) .media-volume-panel{outline:none}.media-volume input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to top,var(--accent) var(--media-volume,0%),var(--slider-track,var(--line)) var(--media-volume,0%))}.media-volume input[type=range]::-moz-range-progress{width:4px;border-radius:var(--control-radius,var(--radius));background:var(--accent)}.media-player:has(>audio){padding:8px}.media-player:has(>audio)>:is(figcaption,p){padding-inline:8px}.media-settings-main,.media-shortcuts{display:flex;flex-direction:column;gap:0;min-width:0;justify-content:flex-start}.media-settings-main>*,.media-shortcuts>*{flex:none}.media-settings-main[hidden],.media-shortcuts[hidden]{display:none}.media-controls .media-shortcuts-open,.media-controls .media-shortcuts-back{font-size:14px}.media-shortcut-list{display:grid;grid-auto-rows:max-content;align-content:start;gap:0;margin:0;font-size:12px}.media-shortcut-row{justify-content:space-between}.media-shortcut-row dt{min-width:0;overflow-wrap:anywhere}.media-shortcut-row dd{display:flex;gap:4px;margin:0;flex:none}.media-controls .media-shortcuts-back{gap:8px}.media-setting.media-setting-speed{display:grid;align-items:center;row-gap:8px}.media-cast[data-state="connected"],.media-cast[data-state="connecting"]{color:var(--accent);background:var(--soft)}