.mpcc-player{--pl-fill:linear-gradient(90deg, var(--leaf), #22c55e);z-index:90;-webkit-backdrop-filter:blur(16px)saturate(1.6);backdrop-filter:blur(16px)saturate(1.6);width:min(940px,100vw - 32px);color:var(--navy);background:#ffffffe0;border:1px solid #0a1f2e14;border-radius:18px;grid-template-columns:minmax(0,230px) auto minmax(0,1fr) auto;grid-template-areas:"meta ctrl time side";align-items:center;gap:8px 18px;padding:10px 12px;animation:.38s cubic-bezier(.2,.8,.2,1) mpcc-pl-rise;display:grid;position:fixed;bottom:18px;left:50%;translate:-50%;box-shadow:0 24px 60px -14px #0a1f2e47,0 2px 8px #0a1f2e0f}.mpcc-player[hidden]{display:none}@keyframes mpcc-pl-rise{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}.mpcc-pl-meta{grid-area:meta;align-items:center;gap:10px;min-width:0;display:flex}.mpcc-pl-logo{object-fit:contain;background:var(--ink-50);border-radius:10px;flex:none;width:36px;height:36px}.mpcc-pl-text{flex-direction:column;gap:1px;min-width:0;display:flex}.mpcc-pl-title{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;text-decoration:none;overflow:hidden}a.mpcc-pl-title:hover{text-decoration:underline}.mpcc-pl-sub{color:var(--ink-500);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mpcc-player.is-loading .mpcc-pl-sub{color:var(--leaf)}.mpcc-eq{flex:none;align-items:flex-end;gap:2px;height:16px;margin-left:auto;display:inline-flex}.mpcc-eq i{background:var(--leaf);transform-origin:bottom;border-radius:2px;width:3px;height:100%;transition:transform .3s;transform:scaleY(.22)}.mpcc-player.is-playing:not(.is-loading) .mpcc-eq i{animation:.9s ease-in-out infinite mpcc-eq}.mpcc-player.is-playing:not(.is-loading) .mpcc-eq i:nth-child(2){animation-duration:1.1s;animation-delay:-.35s}.mpcc-player.is-playing:not(.is-loading) .mpcc-eq i:nth-child(3){animation-duration:.8s;animation-delay:-.6s}.mpcc-player.is-playing:not(.is-loading) .mpcc-eq i:nth-child(4){animation-duration:1.2s;animation-delay:-.2s}.mpcc-player.is-playing:not(.is-loading) .mpcc-eq i:nth-child(5){animation-duration:.95s;animation-delay:-.5s}@keyframes mpcc-eq{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.mpcc-pl-ctrl{grid-area:ctrl;align-items:center;gap:6px;display:flex}.mpcc-pl-skip{width:36px;height:36px;color:var(--ink-700);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex;position:relative}.mpcc-pl-skip span{font:700 7.5px/1 var(--font-mono);letter-spacing:-.02em;position:absolute}.mpcc-pl-skip:hover{background:var(--ink-50);color:var(--navy)}.mpcc-pl-play{cursor:pointer;background:var(--navy);color:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .15s,box-shadow .15s;display:inline-flex;position:relative;box-shadow:0 8px 20px -6px #0a1f2e8c}.mpcc-pl-play:hover{transform:scale(1.06);box-shadow:0 10px 24px -6px #0a1f2e99}.mpcc-pl-play:active{transform:scale(.95)}.mpcc-pl-play svg{z-index:1;position:relative}.mpcc-player.is-playing:not(.is-loading) .mpcc-pl-play:before{content:"";pointer-events:none;border:2px solid #22c55e;border-radius:50%;animation:1.8s ease-out infinite mpcc-ring;position:absolute;inset:-5px}@keyframes mpcc-ring{0%{opacity:.7;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}.mpcc-player.is-loading .mpcc-pl-play:after{content:"";pointer-events:none;border:3px solid #22c55e;border-color:#22c55e #22c55e #0000 #0000;border-radius:50%;animation:.8s linear infinite mpcc-spin;position:absolute;inset:-4px}@keyframes mpcc-spin{to{transform:rotate(360deg)}}.mpcc-pl-skip:focus-visible,.mpcc-pl-play:focus-visible,.mpcc-pl-chip:focus-visible,.mpcc-pl-x:focus-visible,.mpcc-pl-mark:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.mpcc-pl-time{grid-area:time;align-items:center;gap:10px;min-width:0;display:flex}.mpcc-pl-time>.mpcc-num{color:var(--ink-500);flex:none;min-width:38px;font-size:12px}.mpcc-pl-time>.mpcc-num:last-child{text-align:right}.mpcc-pl-track{flex:1;align-items:center;min-width:0;height:28px;display:flex;position:relative}.mpcc-pl-track input[type=range]{appearance:none;cursor:pointer;background:var(--pl-fill) 0 / var(--p,0%) 100% no-repeat, var(--ink-100);border-radius:999px;width:100%;height:6px;margin:0;transition:height .15s}.mpcc-pl-track:hover input[type=range]{height:8px}.mpcc-pl-track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--leaf);background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;box-shadow:0 0 0 4px #22c55e2e}.mpcc-pl-track input[type=range]::-moz-range-thumb{border:3px solid var(--leaf);background:#fff;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #22c55e2e}.mpcc-pl-track input[type=range]::-moz-range-track{background:0 0}.mpcc-pl-track:hover input[type=range]::-webkit-slider-thumb{transform:scale(1.2)}.mpcc-pl-mark{z-index:1;cursor:pointer;background:var(--navy);color:#fff;font:700 9px/1.2 var(--font-mono);letter-spacing:.02em;border:0;border-radius:999px;padding:2px 6px;transition:transform .15s;position:absolute;top:-9px;translate:-50%}.mpcc-pl-mark:after{content:"";background:var(--navy);pointer-events:none;border-radius:1px;width:2px;height:12px;position:absolute;top:100%;left:50%;translate:-50%}.mpcc-pl-mark:hover{transform:translateY(-1px)scale(1.06)}.mpcc-pl-side{grid-area:side;align-items:center;gap:6px;display:flex}.mpcc-pl-chip{cursor:pointer;border:1px solid var(--ink-150);height:30px;color:var(--ink-900);font:inherit;background:#fff;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.mpcc-pl-chip:hover{border-color:var(--navy)}.mpcc-pl-chip.is-qa{background:var(--color-positive-soft);color:var(--leaf);border-color:#0000}.mpcc-pl-chip.is-qa:hover{background:var(--leaf);color:#fff}.mpcc-pl-x{cursor:pointer;width:30px;height:30px;color:var(--ink-500);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.mpcc-pl-x:hover{background:var(--ink-50);color:var(--navy)}.mpcc-pl-fail{color:var(--ink-700);grid-area:time;margin:0;font-size:13px}.mpcc-pl-fail a{color:var(--navy)}@media (max-width:1240px){.mpcc-player{bottom:78px}}@media (max-width:720px){.mpcc-player{border-radius:16px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"meta side""time time""ctrl ctrl";gap:6px 10px;padding:10px 12px 12px}.mpcc-pl-ctrl{justify-content:center;gap:14px}.mpcc-eq{margin-left:4px}}@media (prefers-reduced-motion:reduce){.mpcc-player,.mpcc-eq i,.mpcc-pl-play:before,.mpcc-pl-play:after{animation:none!important}}.mpcc-pl-chip.is-live{border-color:var(--leaf);color:var(--leaf);font-weight:600}.mpcc-pl-chip.is-live:is(button):hover{background:var(--leaf);color:#fff}.mpcc-pl-chip.is-edge{cursor:default;align-items:center;gap:6px;display:inline-flex}.mpcc-pl-chip.is-edge i{background:var(--leaf);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite mpcc-pulse}@media (prefers-reduced-motion:reduce){.mpcc-pl-chip.is-edge i{animation:none}}.mpcc-pl-chip.is-edge:hover{border-color:var(--leaf)}