.ric-player{--ric-accent:#374d59;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:18px;width:100%;max-width:660px;padding:24px;background:#fff;color:#1c2b33;border:1px solid #e3e8eb;border-radius:20px;box-shadow:0 12px 36px #172b3910;font-family:system-ui,-apple-system,sans-serif;line-height:1.4}
.ric-player *{box-sizing:border-box}.ric-player .ric-art{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:64px;height:64px;border-radius:16px;background:var(--ric-accent);color:white;font-size:32px;overflow:hidden}.ric-art img{width:100%;height:100%;object-fit:cover}.ric-player .ric-info{flex:1;min-width:140px;display:flex;flex-direction:column;gap:4px}.ric-info strong{font-size:20px;overflow-wrap:anywhere}.ric-label{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--ric-accent)}.ric-status{font-size:12px;color:#5c6d76}.ric-player .ric-play{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:54px;height:54px;padding:0;border:0;border-radius:50%;background:var(--ric-accent);color:#fff;font-size:21px;cursor:pointer;line-height:1}.ric-play:hover{filter:brightness(1.15)}.ric-play:focus-visible,.ric-volume input:focus-visible{outline:3px solid var(--ric-accent);outline-offset:4px}.ric-player .ric-volume{display:flex;align-items:center;gap:12px;width:100%;margin:0;font-size:12px;color:#5c6d76}.ric-volume input{flex:1;min-width:0;margin:0;accent-color:var(--ric-accent)}.ric-active .ric-label{color:#177848}@media(max-width:400px){.ric-player{gap:12px;padding:18px}.ric-player .ric-art{width:48px;height:48px}.ric-info strong{font-size:17px}.ric-player .ric-info{min-width:100px}}