.h2h-listen-player{margin:1rem 0 1.25rem;max-width:100%;box-sizing:border-box;color:#172033;font-family:inherit}
.h2h-listen-compact{border:1px solid #d7dee8;border-radius:12px;background:#fff;padding:8px 10px;box-shadow:0 2px 10px rgba(15,23,42,.05)}
.h2h-listen-mainrow{display:flex;align-items:center;gap:8px;min-height:40px}
.h2h-listen-mainbtn,.h2h-listen-stopbtn,.h2h-listen-morebtn{appearance:none;-webkit-appearance:none;border:0;box-shadow:none;font:inherit;cursor:pointer}
.h2h-listen-mainbtn{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 11px;border-radius:9px;background:#eef5ff;color:#17365d;font-weight:700;line-height:1}
.h2h-listen-mainbtn:hover,.h2h-listen-mainbtn:focus{background:#e2edfb;outline:2px solid transparent}
.h2h-listen-mainbtn.is-playing{background:#e8f7ef;color:#174b30}
.h2h-listen-mainbtn.is-paused{background:#fff4df;color:#68400d}
.h2h-listen-mini{display:flex;align-items:center;gap:5px;min-width:0;flex:1;font-size:.78rem;color:#677386;white-space:nowrap;overflow:hidden}
.h2h-listen-mini [data-h2h-listen-status]{overflow:hidden;text-overflow:ellipsis}
.h2h-listen-dot{opacity:.55}
.h2h-listen-stopbtn,.h2h-listen-morebtn{width:34px;height:34px;min-width:34px;border-radius:8px;background:transparent;color:#516074;font-weight:700}
.h2h-listen-stopbtn:hover,.h2h-listen-morebtn:hover{background:#f1f5f9}
.h2h-listen-track{height:3px;margin:6px 1px 0;background:#edf1f5;border-radius:999px;overflow:hidden}
.h2h-listen-track i{display:block;width:0;height:100%;background:#4d7cc7;transition:width .2s ease}
.h2h-listen-more{display:flex;align-items:end;gap:8px;padding:9px 1px 1px;border-top:1px solid #eef2f6;margin-top:8px}
.h2h-listen-more label{flex:1;min-width:0;font-size:.72rem;color:#667085}
.h2h-listen-more select{display:block;width:100%;min-height:34px;margin-top:3px;padding:4px 8px;border:1px solid #d5dce5;border-radius:8px;background:#fff;color:#172033;font:inherit}
.h2h-listen-hint{font-size:.68rem;color:#8792a2;padding:0 4px 7px;white-space:nowrap}
@media(max-width:600px){
 .h2h-listen-player{margin:.8rem 0 1rem}
 .h2h-listen-compact{padding:7px 8px;border-radius:11px}
 .h2h-listen-mainrow{gap:6px;min-height:38px}
 .h2h-listen-mainbtn{min-height:36px;padding:7px 10px;font-size:.9rem}
 .h2h-listen-mini{font-size:.72rem}
 .h2h-listen-stopbtn,.h2h-listen-morebtn{width:32px;height:32px;min-width:32px}
 .h2h-listen-more{display:grid;grid-template-columns:1fr 90px;gap:7px}
 .h2h-listen-hint{grid-column:1/-1;padding-bottom:2px}
}