.pp-play{cursor:pointer;background:var(--surface-2,#eef2f8);width:46px;height:46px;color:var(--ink,#101e30);border:0;border-radius:50%;place-items:center;transition:transform .12s,background .15s,color .15s;display:grid}.pp-play:hover{transform:scale(1.06)}.pp-play:focus-visible{outline:2.5px solid var(--pp-accent);outline-offset:2px}.pp-play svg{width:18px;height:18px;display:block}.pp-bar .pp-play{background:var(--pp-accent);color:#fff}.pp-bar{z-index:80;background:color-mix(in srgb, var(--surface,#fff) 94%, transparent);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line-2,#c7d2e2);border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:min(420px,100vw - 28px);margin:0;padding:10px 12px;display:grid;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px -18px #0b1a3373}html[data-pp-dock]{padding-bottom:96px}.pp-bar .pp-play{width:42px;height:42px}.pp-bar-mid{min-width:0}.pp-bar-title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:700;overflow:hidden}.pp-bar-sub{color:var(--muted,#4e5f78);gap:10px;margin:2px 0 4px;font-size:11.5px;display:flex}.pp-bar-row{align-items:center;gap:10px;display:flex}.pp-time{color:var(--muted,#4e5f78);text-align:center;min-width:38px;font-size:11.5px}.pp-seek{accent-color:var(--pp-accent);cursor:pointer;flex:1;height:4px}.pp-tools{align-items:center;gap:6px;display:flex}.pp-tool{border:1px solid var(--line,#e7ecf4);background:var(--surface,#fff);color:var(--ink-2,#4e5f78);cursor:pointer;border-radius:10px;padding:6px 9px;font-size:11.5px;font-weight:700;transition:color .15s,border-color .15s}.pp-tool:hover{color:var(--ink,#101e30);border-color:var(--line-2,#c7d2e2)}.pp-tool:focus-visible{outline:2.5px solid var(--pp-accent);outline-offset:2px}@media (max-width:640px){.pp-bar{grid-template-columns:auto 1fr;width:min(360px,100vw - 20px)}.pp-tools{display:none}}