:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#000;color:#ccc}html,body,.player{width:100%;height:100%;margin:0;overflow:hidden}.player{position:relative}video{display:block;width:100%;height:100%;object-fit:none}.volume-toggle{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));display:grid;width:44px;height:44px;padding:10px;place-items:center;border:0;border-radius:50%;background:#0009;color:#fff;cursor:pointer;touch-action:manipulation}.volume-toggle:hover{background:#000c}.volume-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}.volume-toggle:disabled{opacity:.4;cursor:default}.volume-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.volume-toggle[data-muted=true] .volume-on,.volume-toggle[data-muted=false] .volume-off{display:none}.status{position:absolute;top:50%;right:16px;left:16px;margin:0;transform:translateY(-50%);font-size:14px;line-height:1.6;text-align:center;pointer-events:none}