.yp{position:relative;width:100%;height:100%;min-height:200px;background:#050507;color:#fff;overflow:hidden;isolation:isolate}.yp video{display:block;width:100%;height:100%;object-fit:contain}.yp-ui{position:absolute;inset:0;background:linear-gradient(#0008,transparent 30%,transparent 55%,#000c);transition:opacity .2s}.yp-ui[hidden],.yp [hidden]{display:none!important}.yp-title{position:absolute;top:16px;left:20px;right:20px;font-size:14px;font-weight:600;text-shadow:0 1px 4px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yp button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:0;border-radius:50%;background:#10101799;color:#fff;cursor:pointer;padding:10px}.yp button:focus-visible,.yp select:focus-visible,.yp input:focus-visible{outline:2px solid #e8d5ba;outline-offset:3px}.yp button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.yp-center{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:24px}.yp-center button{position:relative;width:48px;height:48px}.yp-center small{position:absolute;font-size:9px;bottom:9px;left:19px}.yp-center .yp-main{width:64px;height:64px;background:#f2e3ce;color:#19151d}.yp-main svg{width:28px!important;height:28px!important}.yp-bottom{position:absolute;bottom:8px;left:16px;right:16px}.yp-seek{width:100%;height:24px;margin:0;accent-color:#e8d5ba;cursor:pointer}.yp-bar{display:flex;align-items:center;gap:8px}.yp-spacer{flex:1}.yp-time{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.yp-status{font-size:12px;margin:0;text-align:center;background:#0006}.yp-settings{position:absolute;right:16px;bottom:84px;width:260px;max-width:calc(100% - 32px);max-height:65%;overflow:auto;padding:14px;border:1px solid #ffffff25;border-radius:14px;background:#18161ff5;z-index:4;box-shadow:0 12px 40px #0008}.yp-settings label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:10px}.yp-settings select{min-width:0;width:155px;color:#eee;background:#28242e;border:1px solid #ffffff20;border-radius:8px;padding:8px;font-size:12px}.yp-settings p{font-size:11px;line-height:1.5;color:#c5bdcd}.yp-settings button{border-radius:8px;font-size:12px;margin-top:6px;min-height:40px;width:100%}.yp-idle:not(.yp-paused) .yp-ui{opacity:0;pointer-events:none}.yp:fullscreen{width:100vw;height:100vh;max-height:none}.yp-subtitle-modes{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;padding:12px 0}.yp-subtitle-modes button{border:1px solid #ffffff20;background:#242029;color:#ded6e6;border-radius:8px;padding:8px 12px;min-height:40px}.yp-subtitle-modes button:disabled{opacity:.5}.yp-subtitle-modes p{flex-basis:100%;margin:0;color:#aca3b4;font-size:11px}@media(max-width:600px){.yp-title{top:8px;left:12px;font-size:11px}.yp-bottom{left:8px;right:8px;bottom:2px}.yp-center{gap:16px;top:42%}.yp-center .yp-main{width:52px;height:52px}.yp-settings{bottom:62px;max-height:calc(100% - 70px);right:8px;padding:10px}.yp-bar{gap:2px}.yp-time{font-size:11px}}@media(prefers-reduced-motion:reduce){.yp-ui{transition:none}}