/* hz-music — /music/ pages (sand daylight look, Bandari accents). Player styles: player.css */
.hzm-wrap{padding-bottom:12px}
.hzm-sec{margin-block:clamp(26px,4vw,44px)}
.hzm-sec__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 20px;margin-bottom:16px}
.hzm-sec__head h2{margin:0;font-size:clamp(21px,2.3vw,28px);font-weight:900;line-height:1.35;display:grid}
.hzm-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.04em;color:var(--hz-crimson);margin:0 0 2px}
.hzm-kicker::before{content:"";width:22px;height:8px;background:var(--hz-zigzag) repeat-x right/auto 100%}
.hzm-demo{display:inline-block;padding:0 9px;border-radius:99px;background:#FCE4EC;color:var(--hz-magenta);border:1px solid #F5B8CF;font-size:11.5px;font-weight:700;line-height:1.7;vertical-align:middle}
.hzm-note{margin:28px 0 0;padding:12px 16px;border-radius:var(--hz-radius-sm);border:1px dashed var(--hz-line-2);background:rgba(255,248,236,.7);color:var(--hz-ink-2);font-size:14px}
.hzm-ico{flex:none}

/* featured tiles */
.hzm-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:20px}
.hzm-tile{min-width:0}
.hzm-tile__art{position:relative;aspect-ratio:1;border-radius:20px;overflow:hidden;background:var(--hz-navy);box-shadow:var(--hz-shadow);isolation:isolate}
.hzm-tile__art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,7,14,.55));pointer-events:none}
.hzm-tile__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--hz-ease)}
.hzm-tile:hover .hzm-tile__img{transform:scale(1.05)}
.hzm-tile__play{position:absolute;z-index:2;inset:auto auto 12px 12px;width:52px;height:52px;border-radius:50%;border:0;display:grid;place-items:center;color:#2A1A04;background:linear-gradient(180deg,#F7DE9C,#E3A852 55%,#C58E38);box-shadow:0 12px 26px -10px rgba(0,0,0,.7);transform:translateY(6px);opacity:.92;transition:transform .3s var(--hz-ease),opacity .3s}
.hzm-tile:hover .hzm-tile__play,.hzm-tile__play:focus-visible,.hzm-tile.is-current .hzm-tile__play{transform:none;opacity:1}
.hzm-tile.is-playing .hzm-tile__play svg{display:none}
.hzm-tile.is-playing .hzm-tile__play::before{content:"";width:16px;height:16px;background:linear-gradient(90deg,currentColor 0 35%,transparent 35% 65%,currentColor 65%)}
.hzm-tile__genre{position:absolute;z-index:2;top:10px;inset-inline-start:10px;padding:2px 10px;border-radius:99px;background:rgba(10,31,61,.75);color:#F2D48A;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hzm-tile__title{margin:10px 0 0;font-size:16px;line-height:1.5}
.hzm-tile__title a{color:var(--hz-navy);text-decoration:none}
.hzm-tile__title a:hover{color:var(--hz-gold-deep)}
.hzm-tile__artist{margin:0;color:var(--hz-muted);font-size:14px}
.hzm-tile.is-current .hzm-tile__art{box-shadow:0 0 0 3px var(--hz-gold),var(--hz-shadow-lg)}
@media (max-width:640px){
  .hzm-tiles{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:-16px;padding:4px 16px 12px;scrollbar-width:none}
  .hzm-tiles::-webkit-scrollbar{display:none}
  .hzm-tile{flex:0 0 62%;scroll-snap-align:start}
}

/* genres */
.hzm-genres .hz-chip{--g:var(--hz-gold);gap:6px}
.hzm-genres .hz-chip small{font-size:11.5px;color:var(--hz-muted);font-weight:600}
.hzm-genres .hz-chip:hover{border-color:var(--g)}
.hzm-genres .hz-chip.is-active{background:var(--g);border-color:var(--g);color:#fff}
.hzm-genres .hz-chip.is-active small{color:rgba(255,255,255,.85)}
.hzm-genres{margin-bottom:6px}

/* artists */
.hzm-artists{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;padding:6px 4px 14px;scrollbar-width:thin;scrollbar-color:var(--hz-line-2) transparent}
.hzm-artists>div{flex:none;scroll-snap-align:start}
.hzm-artists--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));overflow:visible;gap:24px 16px}
.hzm-artist{display:grid;justify-items:center;gap:2px;width:128px;text-align:center;text-decoration:none;color:var(--hz-navy)}
.hzm-artists--grid .hzm-artist{width:auto}
.hzm-artist__ring{width:104px;height:104px;border-radius:50%;padding:4px;background:conic-gradient(from 210deg,var(--hz-crimson),var(--hz-gold),var(--hz-emerald),var(--hz-gold),var(--hz-crimson));box-shadow:0 12px 26px -16px rgba(70,44,10,.7);transition:transform .35s var(--hz-ease)}
.hzm-artist:hover .hzm-artist__ring{transform:translateY(-3px) rotate(-4deg)}
.hzm-artist__img,.hzm-artist__ph{width:100%;height:100%;border-radius:50%;object-fit:cover;display:grid;place-items:center;border:3px solid var(--hz-paper);background:var(--hz-navy);color:#F2D48A;font-size:36px;font-weight:900}
.hzm-artist b{margin-top:8px;font-size:14.5px;line-height:1.5}
.hzm-artist small{color:var(--hz-muted);font-size:12.5px}
.hzm-artist:hover b{color:var(--hz-gold-deep)}

/* search */
.hzm-search{position:relative;display:flex;align-items:center;gap:8px;flex:1;max-width:460px;min-width:min(100%,260px)}
.hzm-search>.hzm-ico{position:absolute;inset-inline-start:14px;color:var(--hz-muted);pointer-events:none}
.hzm-search .hz-input{padding-inline-start:42px;min-height:44px}

/* song list */
.hzm-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hzm-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto auto;align-items:center;gap:14px;padding:8px 12px 8px 10px;border-radius:16px;background:var(--hz-card);border:1px solid var(--hz-line);box-shadow:0 1px 2px rgba(60,40,10,.04);transition:border-color .2s,box-shadow .2s,background .2s;position:relative}
.hzm-row:hover{border-color:var(--hz-line-2);box-shadow:var(--hz-shadow)}
.hzm-row.is-current{border-color:var(--hz-gold);background:linear-gradient(90deg,var(--hz-card),#FFF3DA);box-shadow:inset -4px 0 0 var(--hz-gold),var(--hz-shadow)}
.hzm-row.is-broken{opacity:.5}
.hzm-row__cover{position:relative;width:56px;height:56px;border-radius:13px;overflow:hidden;border:0;padding:0;background:var(--hz-navy);cursor:pointer;flex:none}
.hzm-row__img{width:100%;height:100%;object-fit:cover;display:block}
.hzm-row__ico{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:rgba(10,31,61,.45);opacity:0;transition:opacity .2s}
.hzm-row__cover:hover .hzm-row__ico,.hzm-row__cover:focus-visible .hzm-row__ico,.hzm-row.is-current:not(.is-playing) .hzm-row__ico{opacity:1}
.hzm-eq{position:absolute;inset:0;display:none;align-items:flex-end;justify-content:center;gap:3px;padding-bottom:12px;background:rgba(10,31,61,.5)}
.hzm-eq i{width:4px;height:30%;border-radius:2px;background:#F2D48A;animation:hzm-eq 1s ease-in-out infinite}
.hzm-eq i:nth-child(2){animation-delay:-.35s}.hzm-eq i:nth-child(3){animation-delay:-.7s}
@keyframes hzm-eq{0%,100%{height:22%}50%{height:70%}}
.hzm-row.is-playing .hzm-eq{display:flex}
.hzm-row.is-playing .hzm-row__cover:hover .hzm-eq{display:none}
.hzm-row__main{display:grid;min-width:0}
.hzm-row__title{font-weight:700;font-size:15.5px;color:var(--hz-navy);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hzm-row__title:hover{color:var(--hz-gold-deep)}
.hzm-row__meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;font-size:13px;color:var(--hz-muted);min-width:0}
.hzm-row__meta a{color:var(--hz-teal-deep);text-decoration:none}
.hzm-row__meta a:hover{text-decoration:underline}
.hzm-row__genre{padding:0 8px;border-radius:99px;background:var(--hz-bg-2);font-size:12px}
.hzm-row__tag{display:inline-flex;align-items:center;gap:3px;color:var(--hz-emerald);font-size:12px;font-weight:600}
.hzm-row__src{font-size:12.5px;color:var(--hz-muted);white-space:nowrap;max-width:190px;overflow:hidden;text-overflow:ellipsis}
.hzm-row__src a{color:inherit}
.hzm-row__dur{font-size:13px;color:var(--hz-ink-2);font-variant-numeric:tabular-nums;min-width:40px;text-align:center}
.hzm-row__acts{display:flex;gap:2px}
.hzm-iconbtn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:0;background:transparent;color:var(--hz-ink-2);cursor:pointer;transition:background .2s,color .2s;text-decoration:none}
.hzm-iconbtn:hover{background:var(--hz-bg-2);color:var(--hz-navy)}
@media (max-width:900px){.hzm-row__src{display:none}.hzm-row{grid-template-columns:52px minmax(0,1fr) auto auto}.hzm-row__cover{width:52px;height:52px}}
@media (max-width:480px){.hzm-row{gap:10px;padding-inline:8px}.hzm-row__dur{display:none}.hzm-row{grid-template-columns:52px minmax(0,1fr) auto}.hzm-iconbtn{width:34px;height:34px}}

/* ---------------- single song ---------------- */
.hzm-hero{position:relative;isolation:isolate;overflow:hidden;margin:-2px 0 30px;padding-block:clamp(28px,5vw,60px) clamp(34px,5vw,64px);color:#F4EAD8;background:radial-gradient(70% 120% at 85% 0%,#17406c 0%,transparent 60%),radial-gradient(60% 90% at 10% 100%,rgba(31,127,144,.45),transparent 70%),linear-gradient(180deg,#0D2748,#0A1F3D 60%,#081a33)}
.hzm-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cpath d='M22 2l20 20-20 20L2 22z' fill='none' stroke='%23F2D48A' stroke-opacity='.07'/%3E%3C/svg%3E")}
.hzm-hero .hz-page-head__band{position:absolute;inset:auto 0 0;height:7px;background:var(--hz-band) repeat-x center/auto 100%}
.hzm-hero__in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center}
.hzm-hero__art{position:relative;width:clamp(220px,28vw,340px);aspect-ratio:1;margin-inline-end:clamp(40px,6vw,80px)}
.hzm-hero__img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;border-radius:24px;box-shadow:0 30px 60px -24px rgba(0,0,0,.85),0 0 0 1px rgba(242,212,138,.25)}
.hzm-disc{position:absolute;z-index:1;top:5%;bottom:5%;inset-inline-start:26%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#0A1F3D 0 5%,transparent 5.5%),conic-gradient(from 0deg,#B5183A,#E3A852,#0C7F5B,#E3A852,#B5183A) center/34% 34% no-repeat,radial-gradient(circle,transparent 0 17%,#0b0b0e 17.5%),repeating-radial-gradient(circle,#16161b 0 2px,#0c0c10 2px 4px);border:0;box-shadow:0 20px 40px -18px #000;transition:inset-inline-start .6s var(--hz-ease)}
.hzm-hero.is-playing .hzm-disc{inset-inline-start:36%;animation:hzm-rot 6s linear infinite}
@keyframes hzm-rot{to{transform:rotate(-360deg)}}
.hzm-hero .hzm-kicker{color:#FF9CCB}
.hzm-hero .hzm-kicker::before{filter:brightness(1.8)}
.hzm-hero__title{margin:2px 0 6px;font-size:clamp(30px,4.4vw,52px);font-weight:900;line-height:1.3;background:var(--hz-goldtext);-webkit-background-clip:text;background-clip:text;color:transparent;text-wrap:balance}
.hzm-hero__artist{display:inline-flex;align-items:center;gap:10px;color:#F2D48A;font-size:18px;font-weight:700;text-decoration:none}
.hzm-hero__artist:hover{color:#fff}
.hzm-hero__avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #E3A852}
.hzm-facts{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:14px 0 0;padding:0;color:#D7CDBB;font-size:14.5px}
.hzm-facts a{color:#F2D48A}
.hzm-hero__acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.hzm-hero .hz-btn--ghost{background:rgba(255,255,255,.07);color:#F4EAD8;border-color:rgba(242,212,138,.3);--fg:#F4EAD8}
.hzm-hero .hz-btn--ghost:hover{background:rgba(255,255,255,.13);color:#fff}
.hzm-hero .hz-btn{display:inline-flex;align-items:center;gap:8px}
.hzm-hero [data-hzm-play].is-on{box-shadow:0 0 0 4px rgba(242,212,138,.25),0 14px 30px -12px rgba(227,168,82,.9)}
.hzm-credit{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:18px 0 0;font-size:14px;color:#D7CDBB}
.hzm-credit a{color:#F2D48A;font-weight:700}
.hzm-credit .hz-muted{color:#A79F92}
@media (max-width:760px){
  .hzm-hero__in{grid-template-columns:1fr;justify-items:center;text-align:center}
  .hzm-hero__art{width:min(68vw,300px);margin-inline-end:min(18vw,70px)}
  .hzm-facts,.hzm-hero__acts,.hzm-credit{justify-content:center}
}
.hzm-col{display:grid;gap:20px;min-width:0}
.hzm-lyrics__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.hzm-lyrics__head h2{margin:0;display:flex;align-items:center;gap:8px;font-size:22px}
.hzm-seg{display:inline-flex;flex-wrap:wrap;gap:3px;padding:4px;border-radius:13px;background:var(--hz-bg-2);border:1px solid var(--hz-line)}
.hzm-seg button{border:0;background:transparent;padding:5px 12px;border-radius:9px;font-size:13.5px;color:var(--hz-ink-2);cursor:pointer}
.hzm-seg button[aria-pressed=true]{background:var(--hz-navy);color:#F2D48A;font-weight:700}
.hzm-hint{margin:12px 0 4px;font-size:13.5px;color:var(--hz-muted)}
.hzm-lines{margin-top:8px}
.hzm-line{padding:8px 14px;border-radius:14px;transition:background .3s}
.hzm-line--gap{height:14px;padding:0}
.hzm-line__b{margin:0;font-size:clamp(17px,1.5vw,19.5px);font-weight:700;line-height:1.95;color:var(--hz-navy)}
.hzm-line__f{margin:0;font-size:15px;line-height:1.85;color:var(--hz-teal-deep)}
.hzm-line.is-now{background:linear-gradient(90deg,transparent,rgba(242,212,138,.35));box-shadow:inset -3px 0 0 var(--hz-gold)}
.hzm-lyrics[data-view=bnd] .hzm-line__f{display:none}
.hzm-lyrics[data-view=fa] .hzm-line__b{display:none}
.hzm-lyrics[data-view=fa] .hzm-line__f{font-size:17px;color:var(--hz-ink)}
.hzm-lines .hzp-w{font:inherit;color:inherit;background:none;border:0;padding:0 1px;margin:0;border-radius:6px;cursor:help;line-height:inherit;text-decoration:underline dotted rgba(184,134,47,.45);text-underline-offset:7px;text-decoration-thickness:1.5px;transition:background .2s,color .2s}
.hzm-lines .hzp-w:hover,.hzm-lines .hzp-w:focus-visible{color:var(--hz-crimson);text-decoration-color:var(--hz-crimson)}
.hzm-lines .hzp-w.is-on{background:var(--hz-gold-light)}
.hzm-cardcta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:18px;padding-top:14px;border-top:1px dashed var(--hz-line-2)}
.hzm-cardcta .hz-btn{display:inline-flex;align-items:center;gap:6px}
.hzm-box h2{margin:0 0 8px;font-size:18px}
.hzm-box p{margin:0 0 8px}
.hzm-sourcebox{border-top:5px solid transparent;border-image:var(--hz-band) 30 0 0 0 / 5px 0 0 0 repeat}
.hzm-artistbox .hzm-artist{width:auto;margin-bottom:8px}

/* ---------------- artist page head ---------------- */
.hzm-ahead{padding-block:clamp(28px,4.5vw,52px)}
.hzm-ahead__in{position:relative;z-index:2;display:flex;align-items:center;gap:clamp(18px,4vw,40px);flex-wrap:wrap}
.hzm-ahead__ring{width:clamp(120px,15vw,168px);aspect-ratio:1;border-radius:50%;padding:6px;flex:none;background:conic-gradient(from 210deg,var(--hz-crimson),var(--hz-gold),var(--hz-emerald),var(--hz-gold),var(--hz-crimson));box-shadow:0 20px 40px -22px rgba(70,44,10,.8)}
.hzm-ahead__img,.hzm-ahead__ring .hzm-artist__ph{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid var(--hz-paper);display:grid;place-items:center;background:var(--hz-navy);color:#F2D48A;font-size:56px;font-weight:900}
.hzm-ahead__text{flex:1;min-width:min(100%,260px)}
.hzm-ahead__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:8px 0 0;color:var(--hz-ink-2)}
.hzm-ahead__meta span{display:inline-flex;align-items:center;gap:5px}
.hzm-ahead .hz-page-head__actions{margin-top:16px}
.hzm-ahead .hz-btn{display:inline-flex;align-items:center;gap:8px}
@media (max-width:640px){.hzm-ahead__in{flex-direction:column;text-align:center}.hzm-ahead__meta{justify-content:center}.hzm-ahead .hz-page-head__actions{justify-content:center}}

/* soft navigation */
html.hzm-nav #main{opacity:.55;transition:opacity .2s}
@media (prefers-reduced-motion:reduce){.hzm-eq i,.hzm-hero.is-playing .hzm-disc{animation:none}.hzm-tile__img,.hzm-artist__ring{transition:none}}

/* takedown request */
.hzm-td{margin:10px 0 0;display:flex;justify-content:flex-start}
.hzm-td__dlg .hz-dialog__body{display:grid;gap:12px;max-height:min(78vh,720px);overflow:auto}
.hzm-td__intro{margin:0;color:var(--hz-ink-2);font-size:14px;line-height:1.9}
.hzm-td__f{display:grid;gap:5px;font-size:14px;font-weight:700;color:var(--hz-navy)}
.hzm-td__f b{color:var(--hz-crimson)}
.hzm-td__f .hz-input{width:100%;font-weight:400}
.hzm-td__f input[readonly]{background:var(--hz-bg-2);color:var(--hz-ink-2)}
.hzm-td__hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.hzm-td__ok{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;line-height:1.8;color:var(--hz-ink-2)}
.hzm-td__ok input{margin-top:6px;flex:none;width:18px;height:18px;accent-color:var(--hz-teal)}
.hzm-td__msg{margin:0;min-height:1.2em;font-size:14px}
.hzm-td__msg.is-ok{color:var(--hz-emerald);font-weight:700}
.hzm-td__msg.is-err{color:var(--hz-crimson);font-weight:700}
.hzm-td__actions{display:flex;gap:10px;flex-wrap:wrap}
.hzm-td__x{background:none;color:var(--hz-navy);border-color:var(--hz-line);width:40px;height:40px}