.ap-ui{--ap-accent: #e50914;--ap-ctrl: #fff;--ap-dim: rgba(255, 255, 255, .68);position:absolute;inset:0;z-index:3;direction:ltr;font-family:Roboto,system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none;cursor:default;overflow:hidden;border-radius:inherit}.ap-top{position:absolute;top:0;left:0;right:0;padding:.9rem 1rem .35rem;display:flex;gap:.5rem;opacity:0;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent);pointer-events:none}.ap-top__title{color:var(--ap-ctrl);font-size:.84rem;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ap-ui.is-ctrl .ap-top{opacity:1;transform:none}.ap-bigplay{position:absolute;top:50%;left:50%;width:72px;height:72px;transform:translate(-50%,-50%);border:0;border-radius:50%;cursor:pointer;color:#fff;background:var(--ap-accent);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 28px #0000008c;transition:transform .16s ease,opacity .18s ease;z-index:4}.ap-bigplay svg{width:40px;height:40px;margin-left:1px}.ap-bigplay:hover{transform:translate(-50%,-50%) scale(1.07)}.ap-bigplay.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.85)}.ap-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4}.ap-loading[hidden]{display:none}.ap-spinner{display:block;width:46px;height:46px;border-radius:50%;border:3.5px solid rgba(255,255,255,.25);border-top-color:var(--ap-accent);animation:ap-spin .8s linear infinite}@keyframes ap-spin{to{transform:rotate(360deg)}}.ap-error{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;text-align:center;background:#000000d1}.ap-error[hidden]{display:none}.ap-error__icon svg{width:52px;height:52px;color:var(--ap-accent)}.ap-error__title{margin:0;color:#fff;font-size:1.05rem;font-weight:700}.ap-error__msg{margin:0 0 .4rem;color:#ffffffbf;font-size:.88rem;max-width:480px;line-height:1.5}.ap-error__retry{border:0;cursor:pointer;padding:.55rem 1.35rem;border-radius:999px;font-weight:700;font-size:.86rem;color:#fff;background:var(--ap-accent);transition:filter .15s ease,transform .15s ease}.ap-error__retry:hover{filter:brightness(1.12);transform:translateY(-1px)}.ap-bottom{position:absolute;left:0;right:0;bottom:0;padding:0 .8rem .5rem;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.35) 60%,transparent);opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}.ap-ui.is-ctrl .ap-bottom,.ap-ui.is-paused .ap-bottom{opacity:1;transform:none}.ap-progress{--ap-played: 0%;--ap-buffer: 0%;display:block;width:100%;height:18px;margin:0;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent}.ap-progress:focus{outline:none}.ap-progress::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--ap-accent) 0 var(--ap-played),rgba(255,255,255,.28) var(--ap-played) var(--ap-buffer),rgba(255,255,255,.18) var(--ap-buffer) 100%);transition:height .12s ease}.ap-progress:hover::-webkit-slider-runnable-track,.ap-progress:active::-webkit-slider-runnable-track{height:6px}.ap-progress::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border:0;border-radius:50%;background:var(--ap-accent);box-shadow:0 2px 8px #00000080;transition:transform .12s ease}.ap-progress:hover::-webkit-slider-thumb{transform:scale(1.18)}.ap-progress::-moz-range-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--ap-accent) 0 var(--ap-played),rgba(255,255,255,.28) var(--ap-played) var(--ap-buffer),rgba(255,255,255,.18) var(--ap-buffer) 100%)}.ap-progress:hover::-moz-range-track{height:6px}.ap-progress::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--ap-accent);box-shadow:0 2px 8px #00000080}.ap-bar{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-top:.1rem}.ap-bar__group{display:flex;align-items:center;gap:.1rem;min-width:0}.ap-btn{position:relative;width:40px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:var(--ap-ctrl);cursor:pointer;border-radius:8px;transition:color .15s ease,background .15s ease}.ap-btn svg{width:21px;height:21px;pointer-events:none}.ap-btn:hover{background:#ffffff1a}.ap-time{color:var(--ap-dim);font-size:.8rem;font-variant-numeric:tabular-nums;margin-left:.35rem;white-space:nowrap}.ap-time b{color:var(--ap-ctrl);font-weight:600}.ap-volume{display:flex;align-items:center}.ap-volrange{width:0;height:4px;margin:0;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;transition:width .18s ease}.ap-volume:hover .ap-volrange,.ap-volrange:focus-visible{width:68px}.ap-volrange::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:#ffffff40}.ap-volrange::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;background:#fff}.ap-volrange::-moz-range-track{height:4px;border-radius:999px;background:#ffffff40}.ap-volrange::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}.ap-btn--cc{font-size:.68rem;font-weight:800;letter-spacing:.04em}.ap-btn--cc.is-on{color:var(--ap-accent)}.ap-menu{position:absolute;right:.8rem;bottom:3.4rem;min-width:128px;padding:.35rem;border-radius:10px;background:#0c0a0beb;backdrop-filter:blur(6px);box-shadow:0 10px 30px #00000080}.ap-menu[hidden]{display:none}.ap-menu__title{padding:.4rem .6rem .3rem;color:var(--ap-dim);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.ap-menu__opt{display:block;width:100%;padding:.48rem .6rem;border:0;border-radius:7px;background:none;color:var(--ap-ctrl);font-size:.86rem;text-align:left;cursor:pointer}.ap-menu__opt:hover{background:#ffffff17}.ap-menu__opt.is-on{color:var(--ap-accent);font-weight:700}@media(max-width:560px){.ap-volrange{display:none}.ap-volume:hover .ap-volrange{width:0}.ap-btn{width:36px;height:36px}.ap-btn svg{width:19px;height:19px}.ap-bigplay{width:62px;height:62px}.ap-bigplay svg{width:34px;height:34px}.ap-time{font-size:.72rem;margin-left:0}.ap-bottom{padding:0 .35rem .35rem}.ap-top__title{font-size:.76rem}}