/* GPC audio player (static/player.js), in the page accent color. */
.gpPlayer{--pc:var(--accent,#7c3aed);display:flex;align-items:center;gap:10px;width:100%;margin-top:13px;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--pc) 7%,var(--panel));border:1px solid color-mix(in srgb,var(--pc) 28%,var(--line));transition:border-color .2s,box-shadow .2s}
.gpPlayer.on{border-color:color-mix(in srgb,var(--pc) 60%,var(--line));box-shadow:0 8px 24px color-mix(in srgb,var(--pc) 18%,transparent)}
.gpPlayer audio{display:none}
.gpPlayer button{font:inherit;cursor:pointer;border:0;background:none;color:var(--muted);display:grid;place-items:center;flex:none}
.gpPlayer button:hover{color:var(--text)}
.gpPlayer svg{width:18px;height:18px}
.gpPlayer .gpPlay{width:40px;height:40px;border-radius:50%;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--pc) 74%,#fff),color-mix(in srgb,var(--pc) 92%,#fff));box-shadow:0 6px 16px color-mix(in srgb,var(--pc) 35%,transparent);transition:transform .15s}
.gpPlayer .gpPlay:hover{color:#fff;transform:scale(1.06)}.gpPlayer .gpPlay:active{transform:scale(.95)}
.gpPlayer .gpPlay svg{width:20px;height:20px}
.gpSkip{height:26px;padding:0 7px;border-radius:7px!important;font-size:11.5px!important;font-weight:700;border:1px solid var(--line)!important}
.gpSkip:hover{border-color:var(--pc)!important}
.gpCur,.gpDur{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted);min-width:34px;text-align:center}
.gpCur{color:var(--text)}
.gpBar{position:relative;flex:1;height:22px;display:flex;align-items:center;cursor:pointer;outline:none;touch-action:none}
.gpTrack{position:relative;width:100%;height:5px;border-radius:99px;background:color-mix(in srgb,var(--text) 12%,transparent);overflow:hidden;transition:height .15s}
.gpBar:hover .gpTrack,.gpBar:focus-visible .gpTrack{height:7px}
.gpBuf,.gpFill{position:absolute;left:0;top:0;bottom:0;width:0}
.gpBuf{background:color-mix(in srgb,var(--text) 10%,transparent)}
.gpFill{background:linear-gradient(90deg,var(--pc),#38cfff);border-radius:99px}
.gpKnob{position:absolute;left:0;top:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--pc) 45%,transparent);opacity:0;transition:opacity .15s}
.gpBar:hover .gpKnob,.gpPlayer.on .gpKnob,.gpBar:focus-visible .gpKnob{opacity:1}
.gpTip{position:absolute;bottom:22px;transform:translateX(-50%);font-size:11px;padding:3px 6px;border-radius:6px;color:#fff;background:#111827;opacity:0;pointer-events:none;transition:opacity .12s;font-variant-numeric:tabular-nums}
.gpBar:hover .gpTip{opacity:1}
.gpSpeed{min-width:38px;height:26px;border-radius:7px!important;font-size:11.5px!important;font-weight:700;color:var(--pc)!important;background:color-mix(in srgb,var(--pc) 14%,transparent)!important}
.gpVol{width:70px;accent-color:var(--pc)}
.theme-light .gpPlayer{background:color-mix(in srgb,var(--pc) 5%,#fff)}
@media(max-width:640px){.gpSkip,.gpVol{display:none}.gpPlayer{gap:8px;padding:8px 10px}}