.cplr{--cplr-accent:#fff;position:relative;width:100%;height:100%;background:#000;overflow:hidden;border-radius:inherit}.cplr-v{display:block;width:100%;height:100%;object-fit:contain;background:#000}.cplr-big{position:absolute;inset:0;margin:auto;width:clamp(64px,7vw,84px);height:clamp(64px,7vw,84px);border-radius:50%;border:1px solid rgba(255,255,255,.28);background:#ffffff24;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:4;padding:0;box-shadow:0 8px 30px #00000047;transition:opacity .28s var(--ease,ease),transform .28s var(--ease,ease),background .2s var(--ease,ease)}.cplr-big svg{width:34%;height:34%}.cplr.playing .cplr-big{opacity:0;transform:scale(.82);pointer-events:none}.cplr-bar{position:absolute;left:0;right:0;bottom:0;z-index:5;display:flex;flex-direction:column-reverse;gap:10px;padding:clamp(12px,2vw,22px);background:linear-gradient(to top,#00000080,#0000)}.cplr-row{display:flex;align-items:center;gap:clamp(10px,1.2vw,14px)}.cplr-right{display:flex;align-items:center;gap:clamp(10px,1.2vw,14px);margin-left:auto}.cplr-time{font-family:Inter Tight,Arial,sans-serif;font-size:13px;font-variant-numeric:tabular-nums;color:#fff;opacity:.9;white-space:nowrap;letter-spacing:.01em}.cplr-btn{width:clamp(44px,4vw,54px);height:clamp(44px,4vw,54px);border-radius:50%;border:1px solid rgba(255,255,255,.24);background:#ffffff1f;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex:0 0 auto;box-shadow:0 6px 20px #00000038;transition:background .2s var(--ease,ease),color .2s var(--ease,ease),transform .2s var(--ease,ease)}.cplr-btn svg{width:42%;height:42%;display:block}.cplr-pp .i-play{margin-left:0}@media (hover:hover){.cplr-btn:hover{background:#ffffffeb;color:#0c0c0d;transform:translateY(-1px)}}.cplr-btn:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:3px}.cplr-pp .i-pause,.cplr.playing .cplr-pp .i-play{display:none}.cplr.playing .cplr-pp .i-pause{display:block}.cplr-mute .i-mut,.cplr.muted .cplr-mute .i-vol{display:none}.cplr.muted .cplr-mute .i-mut{display:block}.cplr-seek,.cplr-vol{-webkit-appearance:none;appearance:none;accent-color:var(--cplr-accent);background:transparent;cursor:pointer;height:16px;margin:0}.cplr-seek{width:100%;--p:0%}.cplr-seek::-webkit-slider-runnable-track{height:4px;border-radius:100px;background:linear-gradient(90deg,var(--cplr-accent) var(--p),rgba(255,255,255,.28) var(--p))}.cplr-seek::-moz-range-track{height:4px;border-radius:100px;background:#ffffff47}.cplr-seek::-moz-range-progress{height:4px;border-radius:100px;background:var(--cplr-accent)}.cplr-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--cplr-accent);margin-top:-4.5px;box-shadow:0 1px 4px #0006}.cplr-seek::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:var(--cplr-accent)}.cplr-volwrap{display:flex;align-items:center;gap:8px}.cplr-vol{width:0;opacity:0;transition:width .22s var(--ease,ease),opacity .22s var(--ease,ease)}.cplr-vol::-webkit-slider-runnable-track{height:4px;border-radius:100px;background:linear-gradient(90deg,var(--cplr-accent) var(--pv,100%),rgba(255,255,255,.3) var(--pv,100%))}.cplr-vol::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--cplr-accent);margin-top:-4px}.cplr-vol::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--cplr-accent)}@media (hover:hover) and (pointer:fine){.cplr-volwrap:hover .cplr-vol,.cplr-vol:focus-visible{width:74px;opacity:1}}.cplr-qwrap{position:relative;display:flex;align-items:center}.cplr-q{width:auto;min-width:0;height:34px;padding:0 14px;border-radius:100px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:.02em;line-height:1;align-self:center}.cplr-qmenu{position:absolute;bottom:calc(100% + 10px);right:0;display:none;flex-direction:column;gap:1px;padding:6px;background:#101113e6;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 12px 32px #00000073;min-width:104px;z-index:10}.cplr-qmenu.open{display:flex}.cplr-qmenu button{background:transparent;border:0;color:#fff;font-family:Inter,Arial,sans-serif;font-size:13px;padding:8px 12px;border-radius:8px;text-align:left;cursor:pointer;white-space:nowrap;transition:background .15s var(--ease,ease)}@media (hover:hover){.cplr-qmenu button:hover{background:#ffffff1a}}.cplr-qmenu button.is-active{font-weight:600}.cplr-qmenu button.is-active:after{content:"✓";margin-left:14px;opacity:.85}@media (prefers-reduced-motion:reduce){.cplr-big,.cplr-btn,.cplr-vol{transition:none}}@media (max-width:640px){.cplr-big{width:52px;height:52px}.cplr-bar{gap:7px;padding:9px 10px calc(9px + env(safe-area-inset-bottom,0px))}.cplr-row,.cplr-right{gap:7px}.cplr-btn{width:38px;height:38px}.cplr-btn svg{width:46%;height:46%}.cplr-time{font-size:11px}.cplr-q{height:29px;padding:0 10px;font-size:11px}.cplr-fs{display:none}}