/* дизайн сайта: shell=band · card=round · row=cards · hero=cover · home=stack · theme=tint · player=bar · radius=14 · density=airy · width=1320 · heads=upper · size=15 */
/* каркас «цветная полоса»: шапка залита акцентом, поиск полупрозрачный, тёмный подвал колонками */
.wgdd9f8{background:linear-gradient(120deg,var(--grad-a),var(--grad-b));border-bottom:0}
@media (min-width:992px){.wgdd9f8{padding:16px 0;position:sticky;top:0;z-index:50}}
.wg67786{gap:28px}
.wg5f9ae .wg5ec90{color:#fff}
.wg5f9ae .wg37f31{color:rgba(255,255,255,.72)}
.wg80080{gap:4px}
.wg80080 a{color:#fff;opacity:.9;padding:6px 10px;border-radius:var(--radius)}
.wg80080 a:hover{opacity:1;background:rgba(255,255,255,.16)}
.wgb87d3{flex:0 1 380px;max-width:380px;margin-left:auto}
@media (min-width:992px){
  /* две строки: логотип и поиск, ниже меню — иначе меню сжимает поиск до нуля */
  .wg67786{flex-wrap:wrap;row-gap:12px;gap:12px 28px}
  .wgbf712{flex:none}
  .wg80080{order:3;flex:0 0 100%;margin:0 -10px}
}
@media (min-width:992px){
  .wgb87d3 .wg2ed17 input{background:rgba(255,255,255,.18);border-color:transparent;color:#fff}
  .wgb87d3 .wg2ed17 input::placeholder{color:rgba(255,255,255,.8)}
  .wgb87d3 .wg1ac27{filter:brightness(0) invert(1)}
}
.wgdd9f8 .wg0b525 span{background:#fff}
.wgdd9f8 .wg98a76{filter:brightness(0) invert(1)}
.wge4dfe{background:var(--ink);color:rgba(255,255,255,.75);margin-top:48px;padding:36px 0 30px;border:0}
.wg73b6b{display:grid;grid-template-columns:1.2fr 2fr 1fr;gap:24px}
.wgb49ac{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
.wge4dfe a{color:rgba(255,255,255,.82)}
.wge4dfe .wg0ecae{color:rgba(255,255,255,.55);font-size:13px;margin-top:10px}
.wg38804{display:flex;flex-direction:column;gap:8px}
.wge4dfe .wgc8f86 img{filter:brightness(0) invert(1)}
@media (max-width:991px){
  .wg80080{display:none}
  .wgb87d3{display:contents}
  .wg73b6b{grid-template-columns:1fr}
}

/* новинки «пластинки»: круглые обложки с кольцом, подписи по центру */
.wg8071b{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px}
.wg4e0aa{text-align:center}
.wg4e0aa .wga83e7{height:auto;aspect-ratio:1/1;border-radius:50%;margin:0 auto 12px;max-width:170px;
  box-shadow:0 0 0 6px var(--bg2),0 0 0 7px var(--line)}
.wg4e0aa .wga83e7::before{border-radius:50%}
.wg4e0aa .wga83e7 img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.wg4e0aa .wgfe94f{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wg4e0aa .wgb6315{display:block;color:var(--mut);font-size:13px}
@media (max-width:991px){.wg8071b{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:575px){.wg8071b{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* список песен «карточки» (23.10.2026, юзер: «карточки пустоваты — в несколько колонок»): компактные карточки сеткой —
   3 колонки на широком экране, 2 на планшете и в основной колонке страницы песни, 1 на телефоне; у топа — номер места */
.wg1df70,.wga43ab.wg1df70{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.wg57f48{position:relative;margin:0;padding:10px 12px;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.wg57f48:hover{border-color:var(--acc);box-shadow:0 6px 18px rgba(0,0,0,.06)}
.wg6bdc7{width:56px;height:56px;flex:none;border-radius:calc(var(--radius) * .7);overflow:hidden}
.wg6bdc7 img{width:100%;height:100%;object-fit:cover}
.wg57f48 .wgda186{flex:1;width:auto;min-width:0}
.wg57f48 .wg747ed{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wg57f48 .wg4b7de{color:var(--mut);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wgf9022{display:flex;align-items:center;gap:10px;margin-top:4px;font-size:12px;color:var(--mut)}
.wgf9022 > div{margin:0;width:auto;padding:0;background:none;color:var(--mut);font-size:12px}
.wgf9022 .wgb20d7{margin-left:0}
.wgf9022 .wg79316::before{content:"";display:inline-block;width:12px;height:12px;margin-right:4px;vertical-align:-1px;background:var(--mut);
  -webkit-mask:url(../img/0ebcff.svg) center/contain no-repeat;mask:url(../img/0ebcff.svg) center/contain no-repeat}
.wgc7565{counter-reset:rc}
.wgc7565 > .wg57f48::after{counter-increment:rc;content:counter(rc);position:absolute;left:6px;top:4px;min-width:20px;height:20px;padding:0 5px;
  border-radius:6px;background:var(--acc);color:#fff;font-size:12px;font-weight:700;line-height:20px;text-align:center;z-index:3;box-shadow:0 2px 6px rgba(0,0,0,.2)}
@media (max-width:767px){.wg1df70,.wga43ab.wg1df70{grid-template-columns:1fr}}

/* страница песни «обложка»: большая обложка слева, чипы и кнопки справа */
.wg63e9c{padding-top:32px}
.wge177c{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:center;padding:24px;
  background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) * 1.4)}
.wgef100{aspect-ratio:1/1;border-radius:var(--radius);overflow:hidden;background:var(--bg2);box-shadow:0 12px 30px rgba(0,0,0,.15)}
.wgef100 img{width:100%;height:100%;object-fit:cover}
.wg36e9b{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--acc);font-weight:700;margin-bottom:6px}
.wg63e9c .wgd60ca{font-size:34px;line-height:1.15;font-weight:800;margin-bottom:6px}
.wg63e9c .wg58777 a{color:var(--text);font-size:18px}
.wg522a9{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 20px}
.wg18791{padding:4px 12px;border-radius:999px;background:var(--bg2);color:var(--text);font-size:13px}
.wgd080a{justify-content:flex-start}
@media (max-width:767px){
  .wge177c{grid-template-columns:1fr;text-align:center;padding:18px;gap:18px}
  .wgef100{max-width:220px;margin:0 auto}
  .wg522a9,.wgd080a{justify-content:center}
  .wg63e9c .wgd60ca{font-size:26px}
}

/* главная «стопкой»: секции на всю ширину друг под другом, исполнители в одну строку */
.wgc6178{padding-top:40px}
.wg4af60{padding-top:32px}
.wg4af60 .wg9977d > div{flex:0 0 16.666%;max-width:16.666%}
@media (max-width:991px){.wg4af60 .wg9977d > div{flex:0 0 33.333%;max-width:33.333%}}

/* нижний плеер (по мотивам feelmp3.com): всегда внизу, полоса прогресса сверху с перемоткой, ←/играть/→, время,
   «Исполнитель — Песня», скачать текущую, громкость. Список — все кнопки «играть» на странице, следующая сама. */
body{padding-bottom:70px}
.wg9d7c0{position:fixed;left:0;right:0;bottom:0;z-index:900;background:var(--ink);color:#fff;box-shadow:0 -4px 18px rgba(0,0,0,.18)}
.wg62a20{position:relative;height:6px;background:rgba(255,255,255,.18);cursor:pointer}
.wg95d48{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--acc)}
.wgd689f{position:absolute;top:50%;left:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--acc)}
.wg7c56c{display:flex;align-items:center;gap:18px;padding:8px 18px;min-height:56px}
.wg2c005{display:flex;align-items:center;gap:6px;flex:none}
.wgc11ef{width:30px;height:30px;border:0;padding:0;background:transparent;cursor:pointer;position:relative}
.wgc11ef::before{content:"";position:absolute;inset:0;background:var(--acc);-webkit-mask:center/16px no-repeat;mask:center/16px no-repeat}
.wg6e020::before{-webkit-mask-image:url(../img/e9813p.svg);mask-image:url(../img/e9813p.svg)}
.wg43dd1::before{-webkit-mask-image:url(../img/a5e9eg.svg);mask-image:url(../img/a5e9eg.svg)}
.wgd80ae{width:40px;height:40px;border-radius:50%;background:var(--acc)}
.wgd80ae::before{background:#fff;-webkit-mask-image:url(../img/06e80m.svg);mask-image:url(../img/06e80m.svg);-webkit-mask-size:14px;mask-size:14px;left:2px}
.wg9d7c0.spin .wgd80ae::before{-webkit-mask:none;mask:none;background:transparent;border:2px solid #fff;border-top-color:transparent;
  border-radius:50%;inset:11px;left:11px;animation:pbspin .8s linear infinite}
@keyframes pbspin{to{transform:rotate(360deg)}}
.wg9d7c0.active .wgd80ae::before{-webkit-mask-image:url(../img/be814h.svg);mask-image:url(../img/be814h.svg);left:0}
.wg92c1b{font-size:12px;color:rgba(255,255,255,.7);margin-left:8px;font-variant-numeric:tabular-nums;white-space:nowrap}
.wgd40a3{flex:1;min-width:0;text-align:center;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.85)}
.wgd40a3 b{color:#fff}
.wg8edf9{display:flex;align-items:center;gap:10px;flex:none}
.wg15807{width:22px;height:22px;background:#fff;opacity:.85;-webkit-mask:url(../img/0ebcff.svg) center/contain no-repeat;mask:url(../img/0ebcff.svg) center/contain no-repeat}
.wg15807:hover{opacity:1;background:var(--acc)}
.wg3b8f7{width:18px;height:18px;background:rgba(255,255,255,.8);-webkit-mask:url(../img/7a33fv.svg) center/contain no-repeat;mask:url(../img/7a33fv.svg) center/contain no-repeat;display:none}
.wg819f3{width:110px;accent-color:var(--acc);-webkit-appearance:auto;appearance:auto}
@media (max-width:767px){
  body{padding-bottom:96px}
  .wg7c56c{flex-wrap:wrap;gap:4px 10px;padding:6px 12px 8px}
  .wgd40a3{order:-1;flex:0 0 100%;font-size:12px}
  .wg2c005{flex:1;justify-content:center}
  .wg92c1b{display:none}
  .wg819f3{width:80px}
}

:root{--bg:#f5fafa;--surface:#ffffff;--radius:14px}
body{font-size:15px}
.wg73909{flex-wrap:wrap;gap:6px 16px}
@media (min-width:1200px){.container{max-width:1320px}}
.wg1fe74,.wgf2155{padding-top:64px}.wgfdc5f{padding-top:44px}.wg73909{margin-bottom:24px}
.wg89f69{font-size:20px;font-weight:var(--head-w,700);text-transform:uppercase;letter-spacing:.06em}