/* ═══════════════════════════════════════════════════════════════════════════
 *  v426 · موسیقی روی استوری — ظاهر 356: پیش از انتشار (#sc426)، جست‌وجو (#mp426)، انتخاب بخش (#mc426)،
 *  برچسب آهنگ (.stk426: s0 کارت سفید، s1 قرص شیشه‌ای، s2 صفحهٔ گرامافون، s3 فقط متن)، شیت آهنگ (#ss426)
 *  و دکمهٔ صدا در سربرگ بیننده (.mu426).
 *  روانی: انیمیشن‌های بی‌پایان (موج برابرساز، چرخش کاور/صفحه، اسکلت) فقط transform/opacity؛ فقط وقتی پخش است
 *  (.on) می‌چرخند؛ reduced-motion و html.lite366 بی‌حرکت. بی :has.
 *  z-index: بیننده 10030 < پیش از انتشار 10040 < جست‌وجو 10050 < انتخاب بخش 10055 < شیت‌ها 10060 < پیام 10080.
 * ═══════════════════════════════════════════════════════════════════════════ */

body.sc426-open{ overflow:hidden }

/* ═══════════════ ۱) پیش از انتشار ═══════════════ */
#sc426{
  position:fixed; inset:0; z-index:10040; background:#000; color:#fff; overflow:hidden;
  touch-action:none; user-select:none; -webkit-user-select:none; animation:sc426in .22s ease;
}
#sc426.out{ opacity:0; transform:scale(.97); transition:opacity .2s, transform .2s }
@keyframes sc426in{ from{ opacity:0; transform:scale(.96) } }
.sc426-bg{ position:absolute; inset:-40px; background:#000 center/cover no-repeat; filter:blur(28px) brightness(.45); transform:scale(1.1) }
.sc426-stage, .sc426-layer{ position:absolute; inset:0 }
.sc426-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; pointer-events:none; -webkit-user-drag:none }
.sc426-top{
  position:absolute; top:0; left:0; right:0; z-index:3; display:flex; align-items:center; gap:10px;
  padding:calc(12px + env(safe-area-inset-top)) 12px 30px; background:linear-gradient(rgba(0,0,0,.5), transparent);
  transition:opacity .15s;
}
.sc426-sp{ flex:1 }
/* نوارها فقط روی دکمه‌هایشان لمس بگیرند (نه کل پهنا) — برچسب نزدیک‌شان گرفتنی بماند */
.sc426-top, .sc426-bot{ pointer-events:none }
.sc426-top > *, .sc426-bot > *{ pointer-events:auto }
#sc426.busy .sc426-top > *, #sc426.sub .sc426-top > *, #sc426.sub .sc426-bot > *{ pointer-events:none }
.sc426-ib{
  flex:0 0 auto; width:40px; height:40px; border:0; border-radius:50%; background:rgba(0,0,0,.32); color:#fff;
  display:grid; place-items:center; cursor:pointer; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
}
.sc426-ib svg{ width:22px; height:22px }
.sc426-tool{
  display:flex; align-items:center; gap:8px; min-width:0; max-width:62%; height:42px; padding:0 6px; padding-inline-end:15px;
  border:1px solid rgba(255,255,255,.22); border-radius:99px; background:rgba(0,0,0,.32); color:#fff;
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); font-family:inherit; font-size:13px; font-weight:900; cursor:pointer;
}
.sc426-tool .i{
  flex:0 0 30px; width:30px; height:30px; border-radius:50%; overflow:hidden; display:grid; place-items:center;
  background:linear-gradient(135deg,#FFC940,#FF7A3D 55%,#E84393); color:#2b1300;
}
.sc426-tool .i svg{ width:17px; height:17px }
.sc426-tool .i img{ width:100%; height:100%; object-fit:cover }
.sc426-tool .l{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
#sc426.has .sc426-tool{ background:rgba(255,255,255,.16); border-color:rgba(255,201,64,.65) }
.sc426-hint{
  position:absolute; z-index:3; left:12px; right:12px; top:calc(66px + env(safe-area-inset-top)); margin:0; text-align:center;
  font-size:11.5px; font-weight:800; text-shadow:0 1px 6px rgba(0,0,0,.6); opacity:0; transition:opacity .25s; pointer-events:none;
}
#sc426.has .sc426-hint{ opacity:.85 }
#sc426.drag .sc426-hint, #sc426.drag .sc426-top, #sc426.drag .sc426-bot{ opacity:0 }
/* زیر جست‌وجو / انتخاب بخش: فقط خود عکس */
#sc426.sub .sc426-top, #sc426.sub .sc426-bot, #sc426.sub .sc426-hint, #sc426.sub .sc426-layer{ opacity:0; pointer-events:none }
.sc426-trash{
  position:absolute; z-index:4; left:50%; bottom:calc(30px + env(safe-area-inset-bottom)); width:56px; height:56px; margin-left:-28px;
  border-radius:50%; display:grid; place-items:center; border:2px solid rgba(255,255,255,.85); background:rgba(0,0,0,.35); color:#fff;
  opacity:0; transform:scale(.6); transition:opacity .15s, transform .15s, background-color .15s; pointer-events:none;
}
.sc426-trash svg{ width:24px; height:24px }
#sc426.drag .sc426-trash{ opacity:1; transform:none }
#sc426.over .sc426-trash{ transform:scale(1.22); background:#ef4444; border-color:#ef4444 }
#sc426.over .stk426{ opacity:.5 }
.sc426-bot{
  position:absolute; left:0; right:0; bottom:0; z-index:3; display:flex; justify-content:flex-end;
  padding:28px 14px calc(16px + env(safe-area-inset-bottom)); background:linear-gradient(transparent, rgba(0,0,0,.55)); transition:opacity .15s;
}
.sc426-share{
  display:flex; align-items:center; gap:8px; height:50px; padding:0 7px; border:0; border-radius:99px; background:#fff; color:#1b1029;
  font-family:inherit; font-size:14px; font-weight:900; cursor:pointer; box-shadow:0 12px 30px rgba(0,0,0,.35);
}
.sc426-share .av{
  flex:0 0 36px; width:36px; height:36px; border-radius:50%; overflow:hidden; display:grid; place-items:center;
  background:linear-gradient(135deg,#FFC940,#FF9E2C); color:#3b1d00; box-shadow:0 0 0 2px #fff, 0 0 0 4px #E84393;
}
.sc426-share .av img{ width:100%; height:100%; object-fit:cover }
.sc426-share .l{ padding:0 6px }
.sc426-share i{ flex:0 0 36px; width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(135deg,#FFC940,#FF9E2C); color:#3b1d00 }
.sc426-share i svg{ width:20px; height:20px }
[dir=rtl] .sc426-share i svg{ transform:scaleX(-1) }
.sc426-share:disabled{ cursor:default }
#sc426.busy .sc426-share i{ animation:sc426spin .9s linear infinite }
#sc426.busy .sc426-top, #sc426.busy .stk426{ pointer-events:none }
@keyframes sc426spin{ to{ transform:rotate(360deg) } }

/* ═══════════════ ۲) برچسب آهنگ ═══════════════ */
.stk426{
  position:absolute; z-index:2; transform:translate(-50%,-50%); display:flex; align-items:center; gap:9px;
  max-width:min(78%, 270px); padding:0; margin:0; border:0; background:none; color:inherit; font-family:inherit; text-align:start;
  cursor:pointer; -webkit-tap-highlight-color:transparent; touch-action:none; transition:opacity .15s;
}
.stk426.v426{ animation:stk426in .35s cubic-bezier(.2,1.3,.4,1) }
@keyframes stk426in{ from{ opacity:0; transform:translate(-50%,-50%) scale(.82) } }
.stk426.sc{ cursor:grab }
#sc426.drag .stk426{ cursor:grabbing }
.stk426 .cv{ position:relative; flex:0 0 auto; display:grid; place-items:center; overflow:hidden }
.stk426 .cv img{ width:100%; height:100%; object-fit:cover; pointer-events:none; -webkit-user-drag:none }
.stk426 .cv > b{ width:100%; height:100%; display:grid; place-items:center; background:linear-gradient(135deg,#FFC940,#FF7A3D 55%,#E84393); color:#2b1300 }
.stk426 .cv > b svg{ width:54%; height:54% }
.stk426 .tx{ min-width:0; display:flex; flex-direction:column; line-height:1.3 }
.stk426 .tx b{ font-size:13.5px; font-weight:900; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.stk426 .tx small{ font-size:11.5px; font-weight:700; opacity:.7; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.stk426 .tap{ display:none }

/* برابرساز: فقط وقتی پخش است تکان می‌خورد */
.eq426{ flex:0 0 auto; display:flex; align-items:flex-end; gap:2px; height:14px }
.eq426 i{
  width:3px; height:100%; border-radius:2px; background:currentColor; transform-origin:50% 100%; transform:scaleY(.35);
  animation:eq426 .9s ease-in-out infinite alternate; animation-play-state:paused;
}
.eq426 i:nth-child(2){ animation-duration:.7s; animation-delay:-.3s }
.eq426 i:nth-child(3){ animation-duration:1.05s; animation-delay:-.55s }
.eq426 i:nth-child(4){ animation-duration:.8s; animation-delay:-.15s }
.stk426.on .eq426 i, .mp426-r.on .eq426 i{ animation-play-state:running }
@keyframes eq426{ from{ transform:scaleY(.25) } to{ transform:scaleY(1) } }
@keyframes spin426{ to{ transform:rotate(360deg) } }

/* s0 — کارت سفید */
.stk426.s0{ padding:7px; padding-inline-end:13px; background:#fff; color:#1b1029; border-radius:15px; box-shadow:0 12px 28px rgba(0,0,0,.35) }
.stk426.s0 .cv{ width:42px; height:42px; border-radius:10px }
.stk426.s0 .eq426{ color:#E84393 }
/* s1 — قرص شیشه‌ای، کاور می‌چرخد */
.stk426.s1{
  padding:5px; padding-inline-end:14px; border-radius:99px; color:#fff; background:rgba(18,10,30,.5);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); box-shadow:inset 0 0 0 1px rgba(255,255,255,.22), 0 10px 26px rgba(0,0,0,.3);
}
.stk426.s1 .cv{ width:36px; height:36px; border-radius:50%; box-shadow:0 0 0 2px rgba(255,255,255,.35); animation:spin426 9s linear infinite; animation-play-state:paused }
.stk426.s1 .eq426{ color:#FFC940 }
/* s2 — صفحهٔ گرامافون */
.stk426.s2{ flex-direction:column; gap:9px; max-width:min(70%, 230px) }
.stk426.s2 .cv{
  width:96px; height:96px; padding:26px; border-radius:50%;
  background:radial-gradient(circle, transparent 0 21px, rgba(255,255,255,.18) 21.5px 22.5px, transparent 23px),
             repeating-radial-gradient(circle, #16161c 0 1.6px, #0a0a0e 1.6px 3.2px);
  box-shadow:0 14px 30px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.1);
  animation:spin426 5s linear infinite; animation-play-state:paused;
}
.stk426.s2 .cv img, .stk426.s2 .cv > b{ border-radius:50% }
.stk426.s2 .cv::after{ content:""; position:absolute; left:50%; top:50%; width:7px; height:7px; margin:-3.5px 0 0 -3.5px; border-radius:50%; background:#0a0a0e; box-shadow:0 0 0 1.5px rgba(255,255,255,.5) }
.stk426.s2 .tx{
  align-items:center; text-align:center; max-width:100%; padding:5px 13px; border-radius:99px; color:#fff;
  background:rgba(0,0,0,.45); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
}
.stk426.s2 .tx b, .stk426.s2 .tx small{ max-width:100% }
.stk426.s2 .eq426{ display:none }
.stk426.s1.on .cv, .stk426.s2.on .cv{ animation-play-state:running }
/* s3 — فقط متن */
.stk426.s3{ color:#fff; gap:8px }
.stk426.s3 .cv{ display:none }
.stk426.s3 .tx b{ font-size:18px; text-shadow:0 2px 10px rgba(0,0,0,.6), 0 0 1px rgba(0,0,0,.9) }
.stk426.s3 .tx small{ font-size:12.5px; opacity:.92; text-shadow:0 1px 6px rgba(0,0,0,.65) }
.stk426.s3 .eq426{ order:-1; height:20px; color:#FFC940; filter:drop-shadow(0 1px 3px rgba(0,0,0,.55)) }

/* پخش در بیننده رد شد (مرورگر) — «برای صدا بزن» زیر برچسب */
.stk426.blk .tap{
  position:absolute; left:50%; top:100%; margin-top:9px; transform:translateX(-50%); display:flex; align-items:center; gap:6px;
  white-space:nowrap; padding:6px 12px; border-radius:99px; background:rgba(0,0,0,.62); color:#fff; font-size:11.5px; font-weight:900;
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); box-shadow:0 6px 18px rgba(0,0,0,.3);
}
.stk426 .tap svg{ width:15px; height:15px }
.stk426 .tap em{ font-style:normal }

/* دکمهٔ صدا در سربرگ بیننده */
.sv109-ib.mu426{ color:#fff }
.sv109-ib.mu426 svg{ width:20px; height:20px }
.sv109-ib.mu426.off{ background:rgba(0,0,0,.45); color:rgba(255,255,255,.85) }
.sv109-ib.mu426[hidden]{ display:none }

/* ═══════════════ ۳) جست‌وجوی آهنگ ═══════════════ */
#mp426{
  position:fixed; inset:0; z-index:10050; display:flex; align-items:flex-end; justify-content:center;
  background:rgba(4,2,10,.55); animation:mp426in .2s ease;
}
#mp426.out{ opacity:0; transition:opacity .2s }
@keyframes mp426in{ from{ opacity:0 } }
.mp426-p{
  position:relative; width:100%; max-width:520px; height:min(86vh, 760px); display:flex; flex-direction:column;
  padding:8px 0 env(safe-area-inset-bottom); border-radius:24px 24px 0 0; color:#fff;
  background:linear-gradient(180deg,#221537,#130c20 40%); box-shadow:0 -20px 60px rgba(0,0,0,.5);
  animation:mp426up .28s cubic-bezier(.2,.9,.3,1);
}
@keyframes mp426up{ from{ transform:translateY(40%) } }
.mp426-grab{ display:block; flex:0 0 auto; width:40px; height:4px; border-radius:99px; background:rgba(255,255,255,.25); margin:2px auto 8px }
.mp426-hd{ display:flex; align-items:center; justify-content:space-between; padding:0 16px 10px }
.mp426-hd b{ display:flex; align-items:center; gap:8px; font-size:16px; font-weight:900 }
.mp426-hd b svg{ width:20px; height:20px; color:#FFC940 }
.mp426-ib{ width:34px; height:34px; border:0; border-radius:50%; background:rgba(255,255,255,.08); color:#fff; display:grid; place-items:center; cursor:pointer }
.mp426-ib svg{ width:18px; height:18px }
.mp426-q{
  flex:0 0 auto; display:flex; align-items:center; gap:8px; margin:0 16px; padding:0 12px; height:46px; border-radius:15px;
  background:rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px rgba(255,255,255,.08); transition:box-shadow .15s;
}
.mp426-q:focus-within{ box-shadow:inset 0 0 0 1.5px rgba(255,201,64,.75) }
.mp426-q > svg{ flex:0 0 auto; width:19px; height:19px; opacity:.6 }
.mp426-q input{ flex:1; min-width:0; height:100%; border:0; outline:0; background:none; color:#fff; font-family:inherit; font-size:15px; font-weight:700 }
.mp426-q input::placeholder{ color:rgba(255,255,255,.45) }
.mp426-q input::-webkit-search-cancel-button{ display:none }
.mp426-clr{ display:none; flex:0 0 auto; width:24px; height:24px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.2); color:#fff; place-items:center; cursor:pointer }
.mp426-clr svg{ width:13px; height:13px }
#mp426.typed .mp426-clr{ display:grid }
.mp426-gen{ flex:0 0 auto; display:flex; gap:8px; overflow-x:auto; padding:12px 16px 4px; scrollbar-width:none }
.mp426-gen:empty{ display:none }
.mp426-gen::-webkit-scrollbar{ display:none }
.mp426-g{
  flex:0 0 auto; height:32px; padding:0 15px; border:0; border-radius:99px; background:rgba(255,255,255,.08); color:rgba(255,255,255,.85);
  font-family:inherit; font-size:12.5px; font-weight:800; cursor:pointer;
}
.mp426-g.on{ background:linear-gradient(135deg,#FFC940,#FF9E2C); color:#3b1d00 }
.mp426-list{ flex:1; min-height:0; overflow-y:auto; padding:8px 8px 16px; overscroll-behavior:contain; -webkit-overflow-scrolling:touch }
.mp426-r{ display:flex; align-items:center; gap:12px; padding:8px; border-radius:15px; cursor:pointer; -webkit-tap-highlight-color:transparent }
.mp426-r:active, .mp426-r:focus-visible{ background:rgba(255,255,255,.06); outline:0 }
.mp426-r .cv{ position:relative; flex:0 0 54px; width:54px; height:54px; border-radius:12px; overflow:hidden; background:linear-gradient(135deg,#2a1f3d,#3b2a55) }
.mp426-r .cv img{ width:100%; height:100%; object-fit:cover }
.mp426-r .cv > i{ position:absolute; inset:0; background:linear-gradient(135deg, hsl(var(--h, 300) 72% 60%), hsl(calc(var(--h, 300) + 48) 70% 36%)) }
.mp426-r .pl{ position:absolute; inset:0; display:grid; place-items:center; padding:0; border:0; background:rgba(0,0,0,.32); color:#fff; cursor:pointer }
.mp426-r .pl svg{ grid-area:1/1; width:22px; height:22px; filter:drop-shadow(0 1px 3px rgba(0,0,0,.5)) }
.mp426-r .pl svg + svg, .mp426-r.on .pl svg:first-child{ display:none }
.mp426-r.on .pl svg + svg{ display:block }
.mp426-r.on .cv{ box-shadow:0 0 0 2px #FFC940 }
.mp426-r .tx{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px }
.mp426-r .tx b{ font-size:14px; font-weight:900; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.mp426-r .tx small{ font-size:12px; font-weight:700; color:rgba(255,255,255,.55); overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.mp426-r .tx em{ font-style:normal; unicode-bidi:isolate }
.mp426-r .tx small em::before{ content:" · " }
.mp426-r .eq426{ color:#FFC940; opacity:0; transition:opacity .15s }
.mp426-r.on .eq426{ opacity:1 }
.mp426-r .go{ flex:0 0 auto; width:30px; height:30px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.08); color:rgba(255,255,255,.8) }
.mp426-r .go svg{ width:16px; height:16px }
[dir=ltr] .mp426-r .go svg{ transform:scaleX(-1) }
.mp426-r.sk{ pointer-events:none; animation:sk426 1s ease-in-out infinite alternate }
.mp426-r.sk .tx b{ width:58%; height:12px; border-radius:6px; background:rgba(255,255,255,.1) }
.mp426-r.sk .tx small{ width:34%; height:10px; border-radius:5px; background:rgba(255,255,255,.07) }
@keyframes sk426{ from{ opacity:.45 } to{ opacity:1 } }
.mp426-none{
  display:flex; flex-direction:column; align-items:center; gap:12px; margin:0; padding:48px 24px; text-align:center;
  color:rgba(255,255,255,.62); font-size:13.5px; font-weight:800; line-height:1.8;
}
.mp426-none > svg{ width:42px; height:42px; color:#FFC940; opacity:.85 }
.mp426-retry{
  display:flex; align-items:center; gap:6px; height:38px; padding:0 16px; border:0; border-radius:99px; background:rgba(255,255,255,.12);
  color:#fff; font-family:inherit; font-weight:900; cursor:pointer;
}
.mp426-retry svg{ width:16px; height:16px }
.mp426-more{ padding:16px; display:flex; justify-content:center }

/* ═══════════════ ۴) انتخاب بخش ═══════════════ */
#mc426{
  position:fixed; inset:0; z-index:10055; display:flex; flex-direction:column; color:#fff;
  background:rgba(8,4,16,.74); -webkit-backdrop-filter:blur(22px) saturate(1.2); backdrop-filter:blur(22px) saturate(1.2);
  animation:mp426in .2s ease; user-select:none; -webkit-user-select:none;
}
#mc426.out{ opacity:0; transition:opacity .2s }
.mc426-hd{ display:flex; align-items:center; gap:10px; padding:calc(12px + env(safe-area-inset-top)) 12px 8px }
.mc426-hd b{ flex:1; text-align:center; font-size:15px; font-weight:900 }
.mc426-ib{ flex:0 0 auto; width:40px; height:40px; border:0; border-radius:50%; background:rgba(255,255,255,.1); color:#fff; display:grid; place-items:center; cursor:pointer }
.mc426-ib svg{ width:22px; height:22px }
[dir=rtl] .mc426-ib.back svg{ transform:scaleX(-1) }
.mc426-done{
  flex:0 0 auto; display:flex; align-items:center; gap:6px; height:40px; padding:0 16px; border:0; border-radius:99px;
  background:linear-gradient(135deg,#FFC940,#FF9E2C); color:#3b1d00; font-family:inherit; font-size:13.5px; font-weight:900; cursor:pointer;
  box-shadow:0 8px 22px rgba(255,158,44,.35);
}
.mc426-done svg{ width:18px; height:18px }
.mc426-mid{ flex:1; min-height:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; padding:12px }
.stk426.ed{ position:relative; left:auto; top:auto; transform:scale(1.14); max-width:86% }
.mc426-tip{ margin:0; font-size:11.5px; font-weight:800; opacity:.6 }
.mc426-low{ width:100%; max-width:560px; margin:0 auto; padding:8px 0 calc(18px + env(safe-area-inset-bottom)) }
.mc426-durs{ display:flex; justify-content:center; gap:8px; padding:0 16px 16px }
.mc426-durs button{
  min-width:60px; height:34px; padding:0 12px; border:0; border-radius:99px; background:rgba(255,255,255,.1); color:#fff;
  font-family:inherit; font-size:13px; font-weight:900; cursor:pointer;
}
.mc426-durs button.on{ background:#fff; color:#1b1029 }
.mc426-durs button:disabled{ opacity:.3; cursor:default }
.mc426-wave{ position:relative; height:74px; margin:0 0 12px; direction:ltr; touch-action:none; cursor:grab }
.mc426-wave.drag{ cursor:grabbing }
.mc426-wave canvas{ position:absolute; inset:0; width:100%; height:100%; display:block }
.mc426-win{
  position:absolute; top:-7px; bottom:-7px; border-radius:15px; overflow:hidden; pointer-events:none;
  background:rgba(255,255,255,.07); box-shadow:inset 0 0 0 2.5px #fff, 0 6px 24px rgba(0,0,0,.25);
}
.mc426-win .ph{
  position:absolute; inset:0; transform-origin:0 50%; transform:scaleX(0);
  background:linear-gradient(90deg, rgba(255,201,64,0), rgba(255,158,44,.34));
}
.mc426-wave.drag .mc426-win .ph{ opacity:0 }
.mc426-t{ display:flex; justify-content:center; align-items:baseline; gap:8px; margin:0; direction:ltr; font-size:13px; font-weight:900 }
.mc426-t span{ opacity:.5 }
.mc426-t .all{ margin-left:8px; font-size:11px; font-weight:800; opacity:.5 }
.mc426-act{ display:flex; justify-content:center; flex-wrap:wrap; gap:10px; padding:16px 16px 0 }
.mc426-act button{
  display:flex; align-items:center; gap:6px; height:38px; padding:0 14px; border:0; border-radius:99px; background:rgba(255,255,255,.1);
  color:#fff; font-family:inherit; font-size:12.5px; font-weight:900; cursor:pointer;
}
.mc426-act button svg{ width:17px; height:17px }
.mc426-act .mc426-rm{ color:#fda4af }

/* ═══════════════ ۵) شیت آهنگ (زدن روی برچسب در بیننده) ═══════════════ */
.ss426-h{ display:flex; align-items:center; gap:13px; padding:4px 2px 14px }
.ss426-h .cv{
  flex:0 0 64px; width:64px; height:64px; border-radius:14px; overflow:hidden; display:grid; place-items:center;
  background:linear-gradient(135deg,#FFC940,#FF7A3D 55%,#E84393); color:#2b1300; box-shadow:0 10px 24px rgba(0,0,0,.35);
}
.ss426-h .cv img{ width:100%; height:100%; object-fit:cover }
.ss426-h .cv svg{ width:30px; height:30px }
.ss426-h .tx{ min-width:0; display:flex; flex-direction:column; gap:4px }
.ss426-h .tx b{ font-size:16px; font-weight:900; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.ss426-h .tx small{ font-size:12.5px; font-weight:700; opacity:.62; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.ss426 .ss426-use svg{ width:18px; height:18px }
.ss426 .sh109-cta.ghost{ background:rgba(255,255,255,.1); color:#fff }

/* ═══════════════ ۶) دسکتاپ: همان قاب گوشی بیننده (216-v176) ═══════════════ */
@media (min-width:600px){
  body.sc426-open::before{ content:""; position:fixed; inset:0; z-index:10039; background:rgba(8,4,18,.88); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px) }
  #sc426{
    left:0; right:0; margin:0 auto; width:min(440px, calc((100vh - 24px) * 9 / 16)); top:12px; bottom:12px; border-radius:24px;
    box-shadow:0 30px 80px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.08);
  }
  #sc426 .sc426-img{ object-fit:cover }
  .mp426-p{ border-radius:24px; margin-bottom:24px; height:min(80vh, 720px) }
}

@media (prefers-reduced-motion:reduce){
  .eq426 i, .stk426 .cv, .mp426-r.sk, .stk426.v426{ animation:none !important }
}
html.lite366 .eq426 i, html.lite366 .stk426 .cv, html.lite366 .mp426-r.sk{ animation:none !important }