.mp{color:#eef0f3;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none;width:100%;display:block;position:relative}.mp:focus-visible{box-shadow:0 0 0 2px var(--accent)}.mp button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.mp-b{border-radius:9px;flex:none;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 6px;display:inline-flex;position:relative}.mp-b:hover{background:#ffffff1f}.mp-b:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.mp-b.txt{font-variant-numeric:tabular-nums;min-width:40px;font-size:12.5px;font-weight:600}.mp-b.mp-play{background:var(--accent);color:var(--accent-ink);border-radius:50%;width:36px;min-width:36px;padding:0}.mp-b.mp-play:hover{background:var(--accent-2)}.mp-b.skip small{pointer-events:none;place-items:center;padding-top:1px;font-size:7.5px;font-weight:700;display:grid;position:absolute;inset:0}.mp-seek{cursor:pointer;touch-action:none;outline:none;align-items:center;height:20px;display:flex;position:relative}.mp-seek.off{cursor:default;opacity:.5}.mp-rail{background:#ffffff38;border-radius:2px;width:100%;height:4px;transition:height .12s;position:relative;overflow:hidden}.mp-seek:hover .mp-rail,.mp-seek.on .mp-rail,.mp-seek:focus-visible .mp-rail{height:6px}.mp-rail i{border-radius:2px;position:absolute;top:0;bottom:0;left:0}.mp-loaded{background:#ffffff47}.mp-done{background:var(--accent)}.mp-knob{pointer-events:none;background:#fff;border-radius:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;transition:transform .12s;position:absolute;top:50%;transform:scale(0);box-shadow:0 1px 4px #00000080}.mp-seek:hover .mp-knob,.mp-seek.on .mp-knob,.mp-seek:focus-visible .mp-knob{transform:scale(1)}.mp-seek.off .mp-knob{display:none}.mp-tip{font-variant-numeric:tabular-nums;pointer-events:none;background:#000000d9;border-radius:6px;padding:2px 7px;font-size:12px;position:absolute;bottom:24px;transform:translate(-50%)}.mp-row{align-items:center;gap:2px;min-height:40px;display:flex}.mp-grow{flex:1;min-width:0}.mp-time{color:#eef0f3b3;font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 8px;font-size:12.5px}.mp-time b{color:#fff;font-weight:600}.mp-vol{align-items:center;display:inline-flex}.mp-range{opacity:0;appearance:none;cursor:pointer;background:0 0;width:0;height:16px;margin:0;transition:width .15s,opacity .15s,margin .15s}.mp-vol:hover .mp-range,.mp-vol:focus-within .mp-range{opacity:1;width:70px;margin:0 6px 0 2px}.mp-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--p), #ffffff40 var(--p));border-radius:2px;height:4px}.mp-range::-moz-range-track{background:linear-gradient(to right, var(--accent) var(--p), #ffffff40 var(--p));border-radius:2px;height:4px}.mp-range::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:0;border-radius:50%;width:12px;height:12px;margin-top:-4px}.mp-range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:12px;height:12px}.mp-speed{display:inline-flex;position:relative}.mp-menu{z-index:3;background:#1d2026;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;min-width:96px;padding:4px;display:flex;position:absolute;bottom:40px;right:0;box-shadow:0 10px 30px #00000080}.mp-menu button{text-align:left;font-variant-numeric:tabular-nums;border-radius:7px;padding:7px 10px;font-size:13px}.mp-menu button:hover{background:#ffffff1a}.mp-menu button.on{color:var(--accent);font-weight:600}.mp-video{border-radius:inherit;background:#000;overflow:hidden}.mp-video video{cursor:pointer;background:#000;width:100%;max-height:70vh;display:block}.mp-video .mp-bar{background:linear-gradient(#0000,#000000c7);padding:26px 10px 4px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.mp-video.idle .mp-bar{opacity:0;pointer-events:none}.mp-video.idle,.mp-video.idle video{cursor:none}.mp-big{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f11149e;border:1px solid #fff3;border-radius:50%;place-items:center;width:68px;height:68px;margin:-34px 0 0 -34px;transition:transform .12s,background .12s;display:grid;position:absolute;top:50%;left:50%}.mp-big:hover{background:var(--accent);color:var(--accent-ink);transform:scale(1.06)}.mp-big svg{margin-left:2px}.mp-wait{color:#fff;pointer-events:none;margin:-17px 0 0 -17px;position:absolute;top:50%;left:50%}.mp-video:fullscreen{border-radius:0;justify-content:center;align-items:center;display:flex}.mp-video:fullscreen video{object-fit:contain;width:100%;height:100%;max-height:none}.mp-audio{background:var(--surface-2);border-radius:12px;padding:8px 10px 4px}.mp-audio audio{display:none}.mp-spectrum{width:100%;height:64px;margin:2px 0 4px;display:block}@media (width<=560px){.mp-b{min-width:40px;height:40px}.mp-b.mp-play{width:40px;min-width:40px}.mp-range,.mp-vol:hover .mp-range,.mp-vol:focus-within .mp-range{display:none}.mp-time{padding:0 4px;font-size:12px}.mp-video .mp-bar{padding:22px 6px 2px}.mp-b.pip{display:none}}@media (prefers-reduced-motion:reduce){.mp *,.mp-big{transition:none!important}}