.viewer-stage{border:1px solid var(--border,#d5e3df);background:#0c1111;border-radius:16px;position:relative;overflow:hidden}.viewer-buffering{pointer-events:none;background:#040e0e73;border:4px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;animation:.9s linear infinite viewer-spin;position:absolute;top:50%;left:50%}@keyframes viewer-spin{to{transform:rotate(360deg)}}.viewer-skip,.viewer-overlay{opacity:0;transition:opacity .15s}.viewer-stage:hover .viewer-skip,.viewer-stage:focus-within .viewer-skip,.viewer-stage:hover .viewer-overlay,.viewer-stage:focus-within .viewer-overlay{opacity:1}.viewer-stage:has(:popover-open) .viewer-skip{opacity:1}.viewer-stage:has(:popover-open) .viewer-overlay{opacity:1}.viewer-stage:fullscreen{border:0;border-radius:0}.viewer-stage:fullscreen.pointer-idle:not(:has(:popover-open)){cursor:none}:is(.viewer-stage:fullscreen.pointer-idle:not(:has(:popover-open)) .viewer-skip,.viewer-stage:fullscreen.pointer-idle:not(:has(:popover-open)) .viewer-overlay){opacity:0}.viewer-skip{pointer-events:none;justify-content:center;gap:18px;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.viewer-stage:hover .viewer-skip,.viewer-stage:focus-within .viewer-skip{pointer-events:auto}.viewer-stage:has(:popover-open) .viewer-skip{pointer-events:auto}.viewer-skip-button{color:#fff;width:52px;height:52px;font-family:var(--font-mono,"SFMono-Regular", Menlo, monospace);cursor:pointer;background:#040e0e9e;border:1px solid #ffffff59;border-radius:50%;font-size:.85rem}.viewer-skip-button:hover{background:#040e0ee0}.viewer-play{width:64px;height:64px;font-size:1.15rem}.viewer-volume{color:#fff;align-items:center;gap:6px;font-size:.85rem;display:flex}.viewer-volume input{accent-color:#fff;width:90px;margin:0}.viewer-overlay{background:linear-gradient(#040e0e00 0%,#040e0ef2 28% 100%);gap:6px;padding:40px 14px 12px;display:grid;position:absolute;inset:auto 0 0}.viewer-readout{font-family:var(--font-mono,"SFMono-Regular", Menlo, monospace);color:#ffffffeb;text-shadow:0 1px 2px #0009;justify-content:space-between;gap:8px;font-size:.78rem;display:flex}.viewer-seek{display:grid;position:relative}.seek-availability{pointer-events:none;background:#ffffff2e;border-radius:2px;height:4px;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.seek-availability-window{background:#ffffffd9;border-radius:2px;position:absolute;top:0;bottom:0}.seek-review-progress{background:var(--accent-2,#e07a5f);border-radius:2px;position:absolute;top:0;bottom:0}[data-part=seekbar]{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0;padding:0;position:relative}[data-part=seekbar]::-webkit-slider-runnable-track{background:0 0;height:4px}[data-part=seekbar]::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 1px 4px #00000080}[data-part=seekbar]:focus-visible{outline-offset:3px;border-radius:999px;outline:2px solid #ffffffd9}[data-part=seekbar]:disabled{cursor:default}[data-part=seekbar]:disabled::-webkit-slider-thumb{background:#ffffff73}.viewer-controls{align-items:center;gap:8px;display:flex}.viewer-button,.viewer-live{color:#fff;min-width:30px;height:30px;font-family:var(--font-mono,"SFMono-Regular", Menlo, monospace);cursor:pointer;background:#ffffff29;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:.78rem;display:inline-flex}.viewer-button:hover,.viewer-live:hover{background:#ffffff47}.viewer-live-dot{background:#ff4d4f;border-radius:50%;width:8px;height:8px}.viewer-live.reviewing{background:var(--accent-2,#e07a5f);color:#2b1109}.viewer-live.reviewing .viewer-live-dot{background:#2b11098c}.viewer-speed{color:#fff;width:auto;height:30px;font-family:var(--font-mono,"SFMono-Regular", Menlo, monospace);cursor:pointer;background:#ffffff29;border:0;border-radius:999px;padding:0 10px;font-size:.78rem}.viewer-speed:disabled{opacity:.45;cursor:default}.viewer-quality{margin-left:auto}[data-part=quality-button]{anchor-name:--quality}.viewer-menu{position-anchor:--quality;inset:auto;right:anchor(right);bottom:anchor(top);background:#061414f5;border:0;border-radius:12px;gap:10px;min-width:232px;margin:0 0 8px;padding:12px;box-shadow:0 18px 40px -20px #000c}.viewer-menu:popover-open{display:grid}.viewer-menu label{color:#ffffffdb;gap:4px;font-size:.82rem;display:grid}.viewer-menu select{width:100%}.viewer-menu output{color:#ffffffdb;font-family:var(--font-mono,"SFMono-Regular", Menlo, monospace);font-size:.78rem}.viewer-menu .field-row{align-items:center;gap:8px;display:flex}