.lpo-player{--lpo-accent:#ff6500;box-sizing:border-box;display:flex;align-items:center;gap:20px;padding:25px 26px;border-radius:20px;background:radial-gradient(ellipse at 53% 85%,#182526 0%,transparent 55%),linear-gradient(110deg,#626262,#383838 58%,#595959);color:#fff;font-family:Arial,Helvetica,sans-serif;width:100%;max-width:900px;margin:16px 0;line-height:1.4;box-shadow:0 12px 36px #00000014}
.lpo-player *{box-sizing:border-box}.lpo-cover{width:100px;height:100px;border-radius:13px;overflow:hidden;flex:none;background:linear-gradient(145deg,#ff8b48,#6d3523);display:grid;place-items:center}.lpo-cover img{width:100%;height:100%;object-fit:cover}.lpo-cover>span{font-size:48px;color:#fff}.lpo-body{flex:1;min-width:0}.lpo-label{font-size:11px;font-weight:800;letter-spacing:1.6px;margin-bottom:6px}.lpo-label>span{color:var(--lpo-accent)}.lpo-title{font-size:23px;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.lpo-author{font-size:16px;color:#dedede;margin-top:7px}.lpo-timeline{display:flex;align-items:center;gap:9px;margin-top:15px;font-size:11px;font-variant-numeric:tabular-nums;color:#eee}.lpo-seek{appearance:none;-webkit-appearance:none;flex:1;min-width:30px;width:100%;height:5px;margin:7px 0;border:0;border-radius:8px;background:linear-gradient(to right,var(--lpo-accent) var(--lpo-progress,0%),#ffffff40 var(--lpo-progress,0%));cursor:pointer;accent-color:var(--lpo-accent)}.lpo-seek::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #ffffff20}.lpo-seek::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:#fff}.lpo-seek:disabled{opacity:.4;cursor:wait}.lpo-tools{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:9px}.lpo-player .lpo-tools button,.lpo-player .lpo-tools a{appearance:none;background:transparent;border:0;border-radius:3px;color:#e5e5e5;box-shadow:none;padding:2px 0;margin:0;min-height:0;min-width:0;font-family:inherit;font-size:16px;line-height:1.4;text-transform:none;text-decoration:none;cursor:pointer}.lpo-tools span{font-size:12px}.lpo-player .lpo-tools button:hover,.lpo-player .lpo-tools a:hover,.lpo-player .lpo-like[aria-pressed=true]{color:var(--lpo-accent)}.lpo-player .lpo-play{appearance:none;border:0;background:var(--lpo-accent);border-radius:50%;width:64px;height:64px;min-width:64px;padding:18px;display:grid;place-items:center;cursor:pointer;box-shadow:none;margin:0;color:white;flex:none}.lpo-play svg{width:28px;height:28px;fill:currentColor}.lpo-player .lpo-play:hover{filter:brightness(1.12)}.lpo-player button:focus-visible,.lpo-player a:focus-visible,.lpo-player input:focus-visible{outline:3px solid white;outline-offset:5px}.lpo-status{display:block;font-size:12px;color:#ffe1c9}.lpo-status:empty{display:none}.lpo-player audio{display:none}
@media(max-width:560px){.lpo-player{padding:20px 18px;gap:13px;flex-wrap:wrap}.lpo-cover{width:68px;height:68px}.lpo-title{font-size:19px}.lpo-author{font-size:14px}.lpo-body{width:calc(100% - 81px)}.lpo-play{order:2}.lpo-player .lpo-play{width:52px;height:52px;min-width:52px;padding:12px;margin-left:auto}.lpo-tools{gap:12px}.lpo-label{font-size:10px}}
@media(prefers-reduced-motion:no-preference){.lpo-play{transition:filter .15s ease}}
/* Protect the player from generic theme rules and native range styling. */
section.lpo-player{background:radial-gradient(ellipse at 52% 50%,#222 0%,transparent 58%),linear-gradient(110deg,#5c5c5c,#454545 60%,#565656)!important;border:0!important;border-radius:20px!important;display:flex!important;color:#fff!important}
.lpo-player .lpo-cover{position:relative!important;width:100px!important;height:100px!important;flex:0 0 100px!important}
.lpo-player .lpo-cover img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;margin:0!important;border:0!important;padding:0!important}
.lpo-player input.lpo-seek{appearance:none!important;-webkit-appearance:none!important;display:block!important;flex:1 1 0!important;width:100%!important;min-width:30px!important;max-width:none!important;height:5px!important;min-height:5px!important;padding:0!important;margin:7px 0!important;border:0!important;border-radius:8px!important;box-shadow:none!important;background:linear-gradient(to right,var(--lpo-accent) var(--lpo-progress,0%),#ffffff40 var(--lpo-progress,0%))!important}
.lpo-player input.lpo-seek::-webkit-slider-thumb{appearance:none!important;-webkit-appearance:none!important;width:13px!important;height:13px!important;border:0!important;border-radius:50%!important;background:#fff!important}
.lpo-player input.lpo-seek::-moz-range-track{background:transparent!important;border:0!important;height:5px!important}
.lpo-player input.lpo-seek::-moz-range-progress{background:transparent!important}
.lpo-player input.lpo-seek::-moz-range-thumb{width:13px!important;height:13px!important;background:#fff!important;border:0!important;border-radius:50%!important}
@media(max-width:560px){.lpo-player .lpo-cover{width:68px!important;height:68px!important;flex-basis:68px!important}}
/* Separate artwork layer: only the background is blurred, never the controls. */
section.lpo-player{position:relative!important;isolation:isolate;overflow:hidden!important}
.lpo-player>.lpo-backdrop{position:absolute!important;inset:-32px!important;z-index:0!important;pointer-events:none!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;filter:blur(24px) brightness(.44)!important;transform:scale(1.08);border-radius:inherit}
.lpo-player>.lpo-cover,.lpo-player>.lpo-body,.lpo-player>.lpo-play,.lpo-player>noscript{position:relative!important;z-index:1!important}
