.ytpp-wrap,.ytpp-wrap *{box-sizing:border-box;margin:0;padding:0;border:none;outline:none;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1;list-style:none;float:none;text-decoration:none}
.ytpp-wrap{display:block;width:100%;margin:0 auto;contain:layout style}
.ytpp-root{position:relative;width:100%;background:#000;border-radius:6px;overflow:hidden;cursor:pointer;--ytpp-bar:#111;--ytpp-icon:#fff;isolation:isolate;contain:layout style paint;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.ytpp-stage{position:relative;width:100%;padding-top:56.25%;background:#000;overflow:hidden;contain:strict}
.ytpp-player-wrapper{position:absolute;inset:0;z-index:1;background:#000}
.ytpp-player-container{position:absolute;inset:0}
.ytpp-player-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;background:#000;pointer-events:none}
.ytpp-shield-top,.ytpp-shield-bot,.ytpp-shield-rgt{position:absolute;z-index:5;background:transparent;pointer-events:all}
.ytpp-shield-top{top:0;left:0;right:0;height:80px}
.ytpp-shield-bot{bottom:0;left:0;right:0;height:80px}
.ytpp-shield-rgt{top:0;right:0;bottom:0;width:80px}
.ytpp-poster{position:absolute;inset:0;z-index:6;background:#111;pointer-events:none;contain:strict}
.ytpp-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ytpp-poster.ytpp-poster-hide{opacity:0;pointer-events:none;transition:opacity .35s ease}
.ytpp-overlay{position:absolute;inset:0;z-index:8;cursor:pointer;background:transparent;pointer-events:all;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.ytpp-title{position:absolute;left:0;right:0;bottom:58px;z-index:12;padding:10px 16px;background:linear-gradient(transparent,rgba(0,0,0,.55) 40%,rgba(0,0,0,.75));color:var(--ytpp-icon);font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:0;transition:opacity .3s ease}
.ytpp-root.paused:not(.live) .ytpp-title,.ytpp-title:not(:empty){opacity:1}
.ytpp-title:empty{opacity:0}
.ytpp-bigplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:88px;border-radius:22px;background:var(--ytpp-bar);display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer;pointer-events:all;transition:opacity .2s ease;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.ytpp-bigplay svg{display:block;flex-shrink:0;pointer-events:none;transform:translateX(3px);transition:opacity .2s}
.ytpp-root.playing .ytpp-bigplay{opacity:0;pointer-events:none}
.ytpp-spinner{display:none;position:absolute;width:30px;height:30px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:ytpp-spin .7s linear infinite;pointer-events:none}
@keyframes ytpp-spin{to{transform:rotate(360deg)}}
.ytpp-bigplay.ytpp-loading svg{opacity:0}
.ytpp-bigplay.ytpp-loading .ytpp-spinner{display:block}
.ytpp-bar{position:absolute;bottom:0;left:0;right:0;height:54px;display:flex;align-items:center;gap:6px;padding:0 14px;z-index:15;background:var(--ytpp-bar);color:var(--ytpp-icon);opacity:0;pointer-events:none;transition:opacity .22s ease}
.ytpp-root.bar-show .ytpp-bar{opacity:1;pointer-events:auto}
.ytpp-right{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}
.ytpp-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;background:transparent;color:var(--ytpp-icon);cursor:pointer;border-radius:6px;flex-shrink:0;transition:background .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.ytpp-btn:hover{background:rgba(255,255,255,.2)}
.ytpp-btn:active{opacity:.75}
.ytpp-btn .si{display:block;pointer-events:none}
.ytpp-play .si-play,.ytpp-root.playing .ytpp-play .si-pause,.ytpp-mute .si-vol-on,.ytpp-root.muted .ytpp-mute .si-vol-off,.ytpp-fs .si-fs-enter,.ytpp-root.in-fs .ytpp-fs .si-fs-exit{display:block}
.ytpp-play .si-pause,.ytpp-root.playing .ytpp-play .si-play,.ytpp-mute .si-vol-off,.ytpp-root.muted .ytpp-mute .si-vol-on,.ytpp-fs .si-fs-exit,.ytpp-root.in-fs .ytpp-fs .si-fs-enter{display:none}
.ytpp-vol{width:78px;min-width:44px;height:5px;-webkit-appearance:none;appearance:none;background:rgba(255,255,255,.35);border-radius:3px;cursor:pointer;flex-shrink:0;touch-action:none}
.ytpp-vol::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer}
.ytpp-vol::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:none;cursor:pointer}
.ytpp-prog-wrap{flex:1;min-width:40px;padding:0 4px;cursor:pointer;display:flex;align-items:center;height:100%;touch-action:none}
.ytpp-prog-track{position:relative;width:100%;height:5px;background:rgba(255,255,255,.25);border-radius:3px;transition:height .15s}
.ytpp-prog-wrap:hover .ytpp-prog-track{height:7px}
.ytpp-prog-buf,.ytpp-prog-fill{position:absolute;top:0;left:0;height:100%;width:0;border-radius:3px;pointer-events:none}
.ytpp-prog-buf{background:rgba(255,255,255,.3);z-index:1}
.ytpp-prog-fill{background:#e74c3c;z-index:2}
.ytpp-prog-fill::after{content:"";position:absolute;right:-7px;top:50%;transform:translateY(-50%);width:14px;height:14px;background:#e74c3c;border-radius:50%;opacity:0;transition:opacity .15s}
.ytpp-prog-wrap:hover .ytpp-prog-fill::after{opacity:1}
.ytpp-time{font-size:12px;white-space:nowrap;flex-shrink:0;min-width:95px;text-align:center;user-select:none;font-weight:500;letter-spacing:.3px}
.ytpp-root.live .ytpp-time{font-weight:700;letter-spacing:1px;text-transform:uppercase}
.ytpp-speed-wrap{position:relative;flex-shrink:0}
.ytpp-speed-btn{width:auto;padding:0 10px;font-size:12px;font-weight:700;letter-spacing:.3px}
.ytpp-speed-menu{display:none;position:absolute;bottom:calc(100% + 6px);right:0;min-width:76px;border-radius:6px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.55);z-index:50;background:#1c1c1c}
.ytpp-speed-wrap.open .ytpp-speed-menu{display:block}
.ytpp-speed-opt{display:block;width:100%;padding:9px 14px;font-size:12px;text-align:left;cursor:pointer;background:transparent;color:#ccc;transition:background .12s;touch-action:manipulation}
.ytpp-speed-opt:hover{background:rgba(255,255,255,.12);color:#fff}
.ytpp-speed-opt.active{color:#e74c3c;font-weight:700}
.ytpp-root:fullscreen,.ytpp-root:-webkit-full-screen{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0;background:#000;display:flex;flex-direction:column;overflow:hidden}
.ytpp-root:fullscreen .ytpp-stage,.ytpp-root:-webkit-full-screen .ytpp-stage{flex:1;padding-top:0;height:0;min-height:0}
.ytpp-root:fullscreen .ytpp-player-wrapper,.ytpp-root:-webkit-full-screen .ytpp-player-wrapper,.ytpp-root:fullscreen .ytpp-player-wrapper iframe,.ytpp-root:-webkit-full-screen .ytpp-player-wrapper iframe{position:absolute;inset:0;width:100%;height:100%}
.ytpp-root:fullscreen .ytpp-bar,.ytpp-root:-webkit-full-screen .ytpp-bar{position:absolute;bottom:0;left:0;right:0;height:60px}
.ytpp-root:fullscreen .ytpp-bigplay,.ytpp-root:-webkit-full-screen .ytpp-bigplay{width:160px;height:100px;border-radius:20px}
.ytpp-root:fullscreen .ytpp-title,.ytpp-root:-webkit-full-screen .ytpp-title{font-size:16px;bottom:64px}
@media(max-width:768px){.ytpp-vol{display:none!important}.ytpp-speed-wrap{display:none!important}.ytpp-title{font-size:12px;bottom:52px;padding:8px 12px}.ytpp-bigplay{width:100px;height:64px;border-radius:16px}.ytpp-bigplay svg{width:32px;height:32px}.ytpp-bar{height:48px;padding:0 10px;gap:4px}.ytpp-btn{width:38px;height:38px;min-width:38px}.ytpp-time{font-size:11px;min-width:72px}.ytpp-right{gap:4px}}
@media(max-width:420px){.ytpp-title{font-size:11px;bottom:48px;padding:6px 10px}.ytpp-bigplay{width:86px;height:56px;border-radius:14px}.ytpp-bigplay svg{width:28px;height:28px}.ytpp-bar{height:44px;padding:0 8px;gap:3px}.ytpp-btn{width:34px;height:34px;min-width:34px}.ytpp-time{font-size:10px;min-width:60px}.ytpp-right{gap:3px}}
@media(prefers-reduced-motion:reduce){.ytpp-poster,.ytpp-bigplay,.ytpp-bar,.ytpp-title,.ytpp-prog-buf,.ytpp-prog-fill,.ytpp-prog-track,.ytpp-btn{transition:none}.ytpp-spinner{animation:none}}