/* ZEED Music — Album cover system.
   Each .c1..c12 = gradient + centered SVG icon motif (baked as data-URI).
   Usage: <span class='cover-el c11'></span>  (any square/round element).
   To swap for a REAL cover image later: override background with url(...) . */
/* ============================================================
   GRADIENT "ALBUM ART" COVERS (self-contained, no images)
   ============================================================ */
.cover{border-radius:10px;position:relative;overflow:hidden;flex:0 0 auto;background:#222}
.cover::after{content:"";position:absolute;inset:0;background:
  radial-gradient(120% 80% at 15% 10%, rgba(255,255,255,.28), transparent 45%),
  radial-gradient(100% 100% at 90% 100%, rgba(0,0,0,.35), transparent 55%);}
.cv-init{position:absolute;inset:0;display:grid;place-items:center;font-weight:900;color:rgba(255,255,255,.9);font-size:1.4em;z-index:2;letter-spacing:-1px;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.c1{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20opacity%3D%270.92%27%20fill%3D%27%23fff%27%3E%3Cpath%20d%3D%27M9%2018a3%203%200%201%201-2-2.83V6l9-2v9.17A3%203%200%201%201%2014%2012V7.5L9%208.7z%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/46% no-repeat, linear-gradient(140deg,#ff2d42,#7a0f2b)}
.c2{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20opacity%3D%270.94%27%20fill%3D%27%23fff%27%3E%3Cpath%20d%3D%27M12%202s5%204%205%209a5%205%200%200%201-10%200c0-2.2%201.1-3.7%202.1-4.7.2%201.9%201.9%202%201.9.4C11%204.8%2012%203.4%2012%202z%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/46% no-repeat, linear-gradient(140deg,#ff5a2e,#a02208)}
.c3{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20opacity%3D%270.9%27%20fill%3D%27%23fff%27%3E%3Crect%20x%3D%273.5%27%20y%3D%279%27%20width%3D%272.6%27%20height%3D%276%27%20rx%3D%271.2%27%2F%3E%3Crect%20x%3D%278.4%27%20y%3D%274.5%27%20width%3D%272.6%27%20height%3D%2715%27%20rx%3D%271.2%27%2F%3E%3Crect%20x%3D%2713.3%27%20y%3D%277%27%20width%3D%272.6%27%20height%3D%2710%27%20rx%3D%271.2%27%2F%3E%3Crect%20x%3D%2718.2%27%20y%3D%2710%27%20width%3D%272.6%27%20height%3D%274%27%20rx%3D%271.2%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/46% no-repeat, linear-gradient(140deg,#2e2e3a,#0c0c12)}
.c4{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20opacity%3D%270.9%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%278%27%20fill%3D%27none%27%20stroke%3D%27%23fff%27%20stroke-width%3D%271.6%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%274.4%27%20fill%3D%27none%27%20stroke%3D%27%23fff%27%20stroke-width%3D%271.2%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%271.6%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/46% no-repeat, linear-gradient(140deg,#6a2bff,#2a0e5c)}
.c5{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20opacity%3D%270.9%27%20fill%3D%27none%27%20stroke%3D%27%23fff%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M3%209c2-2%204-2%206%200s4%202%206%200%204-2%206%200%27%2F%3E%3Cpath%20d%3D%27M3%2015c2-2%204-2%206%200s4%202%206%200%204-2%206%200%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/46% no-repeat, linear-gradient(140deg,#12b6a0,#053b3a)}
.c6{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20opacity%3D%270.94%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%274%27%20fill%3D%27%23fff%27%2F%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23fff%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M12%202v2.6M12%2019.4V22M2%2012h2.6M19.4%2012H22M4.9%204.9l1.9%201.9M17.2%2017.2l1.9%201.9M19.1%204.9l-1.9%201.9M6.8%2017.2l-1.9%201.9%27%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/46% no-repeat, linear-gradient(140deg,#ffb020,#7a3d00)}
.c7{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20opacity%3D%270.92%27%3E%3Crect%20x%3D%279%27%20y%3D%273%27%20width%3D%276%27%20height%3D%2711%27%20rx%3D%273%27%20fill%3D%27%23fff%27%2F%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27%23fff%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20d%3D%27M6%2011a6%206%200%200%200%2012%200M12%2017v4M9%2021h6%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/46% no-repeat, linear-gradient(140deg,#ff2d75,#4a0f2e)}
.c8{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20opacity%3D%270.9%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27%23fff%27%20stroke-width%3D%271.8%27%20d%3D%27M5%2013v-1a7%207%200%200%201%2014%200v1%27%2F%3E%3Crect%20x%3D%273.4%27%20y%3D%2713%27%20width%3D%274%27%20height%3D%277%27%20rx%3D%272%27%20fill%3D%27%23fff%27%2F%3E%3Crect%20x%3D%2716.6%27%20y%3D%2713%27%20width%3D%274%27%20height%3D%277%27%20rx%3D%272%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/46% no-repeat, linear-gradient(140deg,#3a6bff,#0a1c52)}
.c9{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20opacity%3D%270.85%27%20fill%3D%27%23fff%27%3E%3Cpath%20d%3D%27M9%206.3v11.4L18%2012z%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/46% no-repeat, linear-gradient(140deg,#c6c6cf,#5c5c66)}
.c10{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20opacity%3D%270.9%27%20fill%3D%27none%27%20stroke%3D%27%23fff%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M4%2012h11a3%203%200%201%200-3-3%27%2F%3E%3Cpath%20d%3D%27M4%2016.5h8a2.6%202.6%200%201%201-2.6%202.6%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/46% no-repeat, linear-gradient(140deg,#1f7a3a,#062412)}
.c11{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20opacity%3D%270.95%27%20fill%3D%27none%27%20stroke%3D%27%23fff%27%20stroke-width%3D%272.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M7%205h10l-8%2014h9%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/46% no-repeat, linear-gradient(140deg,#ff2d42,#ff5a2e)}
.c12{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20opacity%3D%270.9%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23fff%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M6%204v6M6%2014v6M12%204v3M12%2011v9M18%204v9M18%2017v3%27%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%276%27%20cy%3D%2712%27%20r%3D%272%27%20fill%3D%27%23fff%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%279%27%20r%3D%272%27%20fill%3D%27%23fff%27%2F%3E%3Ccircle%20cx%3D%2718%27%20cy%3D%2715%27%20r%3D%272%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/46% no-repeat, linear-gradient(140deg,#221016,#3a1015)}