body{min-height:100dvh}.w{gap:10px;padding-block-start:16px;padding-block-end:32px;display:grid}.w-stage{aspect-ratio:16/9;border:1px solid var(--line);isolation:isolate;color:#fff;-webkit-tap-highlight-color:transparent;background:#000;border-radius:10px;width:100%;min-height:200px;max-height:calc(100dvh - 190px);margin-inline-start:auto;margin-inline-end:auto;position:relative;overflow:hidden}.w-stage:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.w-stage video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.w-stage:not(.has-video) video{visibility:hidden}.w.dragging .w-stage,body.dragging .w-stage{outline:2px dashed var(--accent);outline-offset:-6px}.w-stage.nosub .par-root{visibility:hidden}.w-empty{z-index:2;text-align:center;background:radial-gradient(#1d1b2e,#0a0a0f);place-content:center;justify-items:center;gap:14px;padding:16px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.w-empty-t{color:#cfcfe0;margin:0;font-size:15px}.w-empty-b{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.w-state{z-index:4;background:#000000b3;border-radius:999px;padding:4px 12px;font-size:12px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.w-buffering{z-index:4;pointer-events:none;background:#000000b3;border-radius:999px;align-items:center;gap:7px;padding:4px 12px;font-size:12px;display:flex;position:absolute;bottom:74px;right:10px}.w-buffer-spin{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite w-spin}@keyframes w-spin{to{transform:rotate(360deg)}}.w-bar{z-index:5;padding:22px 10px calc(6px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#000000c7);transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.w-stage.blank #wMute,.w-stage.blank .w-vol,.w-stage:not(.has-video) .w-bar{display:none}.w-stage.idle .w-bar{opacity:0;pointer-events:none}.w-stage.idle{cursor:none}.w-btns{align-items:center;gap:4px;display:flex}.w-grow{flex:1}.w-ib{-webkit-appearance:none;appearance:none;color:#fff;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:44px;height:44px;padding:0;display:inline-grid}.w-ib:hover{background:#ffffff29}.w-ib:focus-visible{outline-offset:1px;outline:2px solid #fff}.w-speed:focus-visible{outline-offset:1px;outline:2px solid #fff}.w-seek:focus-visible{outline-offset:1px;outline:2px solid #fff}.w-vol:focus-visible{outline-offset:1px;outline:2px solid #fff}.w-ib[aria-pressed=false]{opacity:.5}.w-time{white-space:nowrap;color:#fff;padding-inline-start:6px;padding-inline-end:6px;font-size:13px}#wSettingsPanel{z-index:10;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141419f2;border:1px solid #fff3;border-radius:8px;flex-direction:column;gap:10px;min-width:200px;padding:10px 12px;font-size:13px;display:none;position:absolute;bottom:56px;right:10px;box-shadow:0 4px 16px #0009}#wSettingsPanel:not([hidden]),#wSettingsPanel.open{display:flex}#wSettingsPanel[hidden]{display:none!important}.w-setting{cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff;align-items:center;gap:8px;font-size:13px;display:flex}#wSettingsPanel .btn{color:#fff;background:#ffffff1f;border:1px solid #ffffff40;border-radius:6px;justify-content:center;min-height:32px;padding:4px 10px;font-size:12px}#wSettingsPanel .btn:hover{background:#fff3;border-color:#fff}.w-stage input[type=range]{box-shadow:none;background:0 0;border:0;border-radius:0;min-height:0;padding:0}.w-stage select.w-speed{width:auto;min-height:0}.w-speed{-webkit-appearance:none;appearance:none;color:#fff;height:34px;font:inherit;background:0 0;border:1px solid #ffffff59;border-radius:8px;padding:0 8px;font-size:13px}.w-speed option{color:#000}.w-seek,.w-vol{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;height:28px;margin:0}.w-seek{width:100%;display:block}.w-vol{width:84px}.w-seek::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--p,0%), #ffffff59 var(--p,0%));border-radius:2px;height:4px}.w-vol::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--p,0%), #ffffff59 var(--p,0%));border-radius:2px;height:4px}.w-vol::-webkit-slider-runnable-track{background:#ffffff59}.w-seek::-moz-range-track{background:#ffffff59;border-radius:2px;height:4px}.w-vol::-moz-range-track{background:#ffffff59;border-radius:2px;height:4px}.w-seek::-moz-range-progress{background:var(--accent);border-radius:2px;height:4px}.w-seek::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px}.w-vol::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px}.w-seek::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:14px;height:14px}.w-vol::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:14px;height:14px}.w-stage:-webkit-full-screen{aspect-ratio:auto;border:0;border-radius:0;max-height:none}.w-stage:fullscreen{aspect-ratio:auto;border:0;border-radius:0;max-height:none}.w-stage.fake-fs{z-index:100;aspect-ratio:auto;border:0;border-radius:0;height:100dvh;max-height:none;position:fixed;top:0;bottom:0;left:0;right:0}.w-files{gap:6px;display:grid}.w-file{border:1px solid var(--line);background:var(--card);border-radius:10px;align-items:center;gap:10px;min-height:44px;padding:4px 10px;display:flex}.w-k{flex:none;width:5.5em;font-size:13px;font-weight:600}.w-n{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1;font-size:13px;overflow:hidden}.w-file .btn{flex:none;min-height:36px}@media (max-width:640px){.w{padding-top:8px}.wrap{width:calc(100% - 20px)}.w-vol{display:none}.w-stage{border-radius:8px;max-height:56dvh}.w-time{padding-inline-start:2px;padding-inline-end:2px;font-size:12px}.w-file{gap:6px;padding-inline-start:8px;padding-inline-end:8px}.w-k{width:4.2em}.w-file .btn{padding-inline-start:10px;padding-inline-end:10px}}@media (hover:none){.w-vol{display:none}}@media (max-height:480px) and (orientation:landscape){.w-stage{max-height:calc(100dvh - 70px)}.top{display:none}}@media (prefers-reduced-motion:reduce){.w-bar{transition:none}}