body.has-player{padding-bottom:78px}
#herrlich-player.hplayer{position:fixed;left:0;right:0;bottom:0;z-index:140;width:100%;height:78px;background:rgba(18,18,16,.975);color:#f4efe6;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -12px 34px rgba(0,0,0,.14);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
#herrlich-player[hidden]{display:none!important}
#herrlich-player .hplayer__inner{height:78px;display:grid;grid-template-columns:50px minmax(190px,270px) 42px minmax(300px,1fr) 28px;gap:16px;align-items:center;padding:0!important}
#herrlich-player .hplayer__cover{display:block;width:50px;height:50px;object-fit:cover;background:#282722}
#herrlich-player .hplayer__meta{min-width:0;line-height:1.15}
#herrlich-player .hplayer__meta small{display:block;margin:0 0 5px;color:#a58d6d;font-size:7px;font-weight:700;letter-spacing:.19em}
#herrlich-player .hplayer__meta strong{display:block;color:#fff;font-size:12px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#herrlich-player .hplayer__meta span{display:block;margin-top:4px;color:#8e8a83;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#herrlich-player .hplayer__toggle{display:grid;place-items:center;width:38px;height:38px;margin:0;padding:0;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:transparent;color:#fff;font-size:12px;cursor:pointer;transition:.18s ease}
#herrlich-player .hplayer__toggle:hover{background:#f3eee6;color:#171714;border-color:#f3eee6}
#herrlich-player .hplayer__timeline{min-width:0;display:grid;gap:3px}
#herrlich-player .hplayer__times{display:flex;justify-content:space-between;padding:0 1px;color:#827f78;font-size:7px;line-height:1}
#herrlich-player .hplayer__wave{position:relative;width:100%;height:30px;overflow:hidden;cursor:pointer}
#herrlich-player .hplayer__wave canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
#herrlich-player .hplayer__seek{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;appearance:none;-webkit-appearance:none}
#herrlich-player .hplayer__close{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:transparent;color:#77736d;font-size:20px;cursor:pointer;transition:color .18s ease}
#herrlich-player .hplayer__close:hover{color:#fff}
@media(max-width:900px){body.has-player{padding-bottom:74px}#herrlich-player.hplayer{height:74px}#herrlich-player .hplayer__inner{height:74px;grid-template-columns:46px minmax(130px,1fr) 38px minmax(180px,.9fr) 26px;gap:11px}#herrlich-player .hplayer__cover{width:46px;height:46px}}
@media(max-width:650px){body.has-player{padding-bottom:68px}#herrlich-player.hplayer{height:68px}#herrlich-player .hplayer__inner{height:68px;grid-template-columns:42px minmax(0,1fr) 36px 24px;gap:9px}#herrlich-player .hplayer__cover{width:42px;height:42px}#herrlich-player .hplayer__timeline{display:none}#herrlich-player .hplayer__meta small{display:none}#herrlich-player .hplayer__meta strong{font-size:11px}#herrlich-player .hplayer__toggle{width:34px;height:34px}}

/* Detail player — isolated player module variant */
.hdetail-wrap{padding:54px 0 44px;background:var(--bg,#f3eee6)}
.hdetail{display:grid;grid-template-columns:minmax(220px,310px) minmax(0,1fr);gap:0;min-height:310px;border-radius:18px;overflow:hidden;background:#747c70;color:#f7f2e9;box-shadow:0 24px 70px rgba(44,39,30,.12)}
.hdetail__cover{position:relative;min-height:310px;background:#262824;overflow:hidden}
.hdetail__cover img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.hdetail__cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,10,8,.28))}
.hdetail__cover span{position:absolute;left:20px;bottom:18px;z-index:1;font-size:11px;font-weight:750;letter-spacing:.08em}
.hdetail__body{min-width:0;padding:28px 34px 22px;display:grid;grid-template-rows:auto 1fr auto;gap:22px}
.hdetail__head{display:flex;align-items:flex-start;gap:17px;min-width:0}
.hdetail__play{flex:0 0 auto;width:62px;height:62px;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;transition:.2s ease}
.hdetail__play:hover{background:#f4efe6;color:#20221e;border-color:#f4efe6;transform:translateY(-1px)}
.hdetail__play span{font-size:19px;line-height:1;margin-left:3px}
.hdetail__title{min-width:0;padding-top:2px}
.hdetail__title small{display:block;color:#ddd5c7;font-size:8px;font-weight:750;letter-spacing:.16em;margin-bottom:7px}
.hdetail__title h1{margin:0;color:#fff;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(24px,2.35vw,39px);line-height:1.06;letter-spacing:-.035em;font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hdetail__title p{margin:8px 0 0;color:#d6d2c9;font-size:10px;letter-spacing:.025em}
.hdetail__wavebox{align-self:center;min-width:0}
.hdetail__times{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;color:#f6f1e8;font-size:9px;font-weight:700}
.hdetail__wave{position:relative;width:100%;height:104px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.36)}
.hdetail__wave canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.hdetail__wave input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;appearance:none;-webkit-appearance:none}
.hdetail__foot{display:flex;justify-content:space-between;gap:24px;border-top:1px solid rgba(255,255,255,.14);padding-top:13px;color:#d4cec2;font-size:8px;font-weight:700;letter-spacing:.14em}
@media(max-width:900px){.hdetail{grid-template-columns:220px minmax(0,1fr);min-height:250px}.hdetail__cover{min-height:250px}.hdetail__body{padding:23px 25px 18px}.hdetail__play{width:52px;height:52px}.hdetail__wave{height:82px}.hdetail__title h1{font-size:26px}}
@media(max-width:650px){.hdetail-wrap{padding:24px 0 34px}.hdetail{grid-template-columns:1fr;border-radius:13px}.hdetail__cover{min-height:0;aspect-ratio:1.35/1}.hdetail__body{padding:20px 18px 18px;gap:17px}.hdetail__head{gap:13px}.hdetail__play{width:46px;height:46px}.hdetail__play span{font-size:15px}.hdetail__title h1{font-size:22px}.hdetail__wave{height:76px}.hdetail__foot span:last-child{display:none}}

/* Home current-set player — isolated player module variant */
.hcurrent-wrap{padding:0 0 34px;background:var(--bg,#f3eee6);position:relative;z-index:4}
.hcurrent{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:220px;background:#747c70;color:#f7f2e9;border-radius:0 0 14px 14px;overflow:hidden;box-shadow:0 20px 55px rgba(44,39,30,.11)}
.hcurrent__cover{position:relative;min-height:220px;background:#262824;overflow:hidden}
.hcurrent__cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hcurrent__cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(10,10,8,.3))}
.hcurrent__cover>span{position:absolute;left:14px;bottom:12px;z-index:1;font-size:9px;font-weight:750;letter-spacing:.08em}
.hcurrent__body{min-width:0;padding:24px 32px 18px;display:grid;grid-template-rows:auto 1fr auto;gap:14px}
.hcurrent__head{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0}
.hcurrent__play{width:54px;height:54px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:transparent;color:#fff;display:grid;place-items:center;padding:0;cursor:pointer;transition:.18s ease}
.hcurrent__play:hover{background:#f4efe6;color:#20221e;border-color:#f4efe6}
.hcurrent__play span{font-size:16px;line-height:1;margin-left:2px}
.hcurrent__title{min-width:0}
.hcurrent__title small{display:block;color:#ddd5c7;font-size:8px;font-weight:750;letter-spacing:.16em;margin-bottom:4px}
.hcurrent__title h2{margin:0;color:#fff;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:28px;line-height:1.05;letter-spacing:-.025em;font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hcurrent__title p{margin:7px 0 0;color:#d6d2c9;font-size:10px}
.hcurrent__details{align-self:center;color:#f6f1e8;font-size:10px;font-weight:700;white-space:nowrap}
.hcurrent__wavebox{min-width:0;align-self:center}
.hcurrent__times{display:flex;justify-content:space-between;margin-bottom:5px;color:#f6f1e8;font-size:8px;font-weight:700}
.hcurrent__wave{position:relative;width:100%;height:78px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.28)}
.hcurrent__wave canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.hcurrent__wave input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;appearance:none;-webkit-appearance:none}
.hcurrent__foot{display:flex;justify-content:space-between;gap:18px;border-top:1px solid rgba(255,255,255,.12);padding-top:10px;color:#d4cec2;font-size:7px;font-weight:750;letter-spacing:.14em}
@media(max-width:900px){.hcurrent{grid-template-columns:125px minmax(0,1fr);min-height:125px}.hcurrent__cover{min-height:125px}.hcurrent__body{padding:14px 18px 12px}.hcurrent__wave{height:38px}.hcurrent__title h2{font-size:17px}}
@media(max-width:650px){.hcurrent-wrap{padding-bottom:22px}.hcurrent{grid-template-columns:90px minmax(0,1fr);min-height:110px;border-radius:0 0 10px 10px}.hcurrent__cover{min-height:110px}.hcurrent__body{padding:12px 12px 10px;gap:8px}.hcurrent__head{grid-template-columns:36px minmax(0,1fr);gap:9px}.hcurrent__play{width:34px;height:34px}.hcurrent__details{display:none}.hcurrent__title small{display:none}.hcurrent__title h2{font-size:14px}.hcurrent__title p{font-size:7px}.hcurrent__wave{height:34px}.hcurrent__foot{display:none}}