.drm-enabled .drm-atmosphere{position:relative;isolation:isolate;background:#0b0712;overflow:hidden}
.drm-enabled .drm-aura{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 40%,#28103c99,transparent 65%),#09070e}
.drm-enabled .drm-cloud{position:absolute;width:75%;height:130%;left:-20%;top:-30%;border-radius:50%;background:radial-gradient(ellipse,#802cff55,transparent 65%);animation:drm-cloud 18s ease-in-out infinite alternate;will-change:transform}
.drm-enabled .drm-cloud:nth-child(2){left:42%;top:0;background:radial-gradient(ellipse,#381aff44,transparent 65%);animation-duration:23s;animation-delay:-8s}
.drm-enabled .drm-cloud:nth-child(3){left:25%;top:-60%;background:radial-gradient(ellipse,#b344e833,transparent 65%);animation-duration:15s;animation-delay:-4s}
.drm-enabled .drm-contact{color:#f9f1ff;background:#1c0735}
.drm-enabled .drm-contact .drm-aura{background:linear-gradient(130deg,#170820,#51108b,#220a39)}
.drm-enabled .drm-contact .drm-cloud{background:radial-gradient(ellipse,#c447ff99,transparent 67%)}
.drm-enabled .drm-contact .social-links a{color:inherit}
.drm-enabled .drm-spin{animation:drm-spin var(--drm-speed,9s) linear infinite!important}
.drm-enabled .vinyl.drm-spin{background:conic-gradient(from 25deg,#15151b,#656176 4%,#15151b 12%,#08080b 46%,#555160 53%,#15151b 63%,#08080b),repeating-radial-gradient(#111 0 2px,#333 3px,#111 4px 6px)}
.drm-enabled .vinyl.drm-spin:after,.drm-enabled .drm-small-vinyl:after{content:'';position:absolute;inset:2%;border-radius:50%;background:repeating-radial-gradient(transparent 0 3px,#b7a8ca22 4px,transparent 5px 7px);pointer-events:none}
.drm-enabled .release-art.drm-record-art{width:83%;isolation:isolate;margin-bottom:8%;overflow:visible}
.drm-enabled .drm-record-art>.cover-image,.drm-enabled .drm-record-art>.type-cover{position:relative;z-index:2}
.drm-enabled .drm-small-vinyl{position:absolute;top:5%;left:30%;width:94%;aspect-ratio:1;border-radius:50%;z-index:0;display:grid;place-items:center;background:conic-gradient(#121219,#80788b 5%,#111119 14%,#070709 48%,#655c70 55%,#16131c 65%,#08080b);box-shadow:0 0 17px #3094ff77;border:1px solid #6a63a2}
.drm-enabled .drm-label{width:34%;height:34%;border-radius:50%;overflow:hidden;background:#8034d1;display:block;position:relative}
.drm-enabled .drm-label img{width:100%;height:100%;object-fit:cover;transform:none!important}
.drm-enabled .drm-label:after{content:'';position:absolute;inset:44%;border-radius:50%;background:#09070e;border:1px solid #eae0ff}
.drm-enabled .drm-record-art .play-disc{z-index:4}
.drm-enabled .drm-electric-art{position:relative}
.drm-enabled .drm-electricity{position:absolute;inset:-7%;width:114%;height:114%;overflow:visible;z-index:5;pointer-events:none;filter:drop-shadow(0 0 3px #0088ff) drop-shadow(0 0 7px #096aff)}
.drm-enabled .drm-electricity path{fill:none;stroke:#8bddff;stroke-width:1.2;stroke-linejoin:bevel;stroke-linecap:round;stroke-dasharray:35 24 5 48;animation:drm-current 2.8s linear infinite;animation-delay:var(--phase,0s);opacity:.85}
.drm-enabled .drm-electricity path:nth-child(even){stroke:#3b85ff;stroke-width:1.9;animation-direction:reverse;animation-duration:3.8s}
.drm-enabled .drm-notes{position:absolute;inset:0;z-index:6;pointer-events:none}
.drm-enabled .drm-note{position:absolute;left:calc(65% + var(--n)*5%);top:45%;font-size:clamp(23px,3vw,43px);color:#d5abff;text-shadow:0 0 12px #8b39fa;opacity:0;animation:drm-note 4.8s linear infinite;animation-delay:calc(var(--n)*-.8s)}
.drm-enabled .spotify-box.drm-player{display:block;padding:0;overflow:hidden;border-radius:14px;background:#161019;min-height:352px;box-shadow:0 12px 45px #3b155733}
.drm-enabled .drm-player iframe{display:block;border:0;width:100%;height:352px}
@keyframes drm-spin{to{transform:rotate(360deg)}}
@keyframes drm-current{to{stroke-dashoffset:-224}}
@keyframes drm-cloud{to{transform:translate(30%,20%) rotate(28deg) scale(1.15)}}
@keyframes drm-note{0%{opacity:0;transform:translate(0,20px) rotate(-12deg) scale(.65)}20%{opacity:.9}80%{opacity:.6}100%{opacity:0;transform:translate(45px,-170px) rotate(20deg) scale(1.1)}}
@media(prefers-reduced-motion:reduce){.drm-enabled .drm-spin,.drm-enabled .drm-cloud,.drm-enabled .drm-note,.drm-enabled .drm-electricity path{animation:none!important}.drm-enabled .drm-notes,.drm-pause{display:none}}
@media(max-width:700px){.drm-enabled .drm-note{font-size:26px}.drm-enabled .drm-electricity{filter:drop-shadow(0 0 4px #1688ff)}.drm-enabled .drm-record-art{margin-top:5px}.drm-pause{bottom:10px;right:10px;font-size:11px}}

/* 1.1: editable media background and entrance effects */
.drm-enabled .drm-background{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.drm-enabled .drm-background-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.drm-enabled .drm-shade{position:absolute;inset:0;background:#000;pointer-events:none}
.drm-enabled .drm-cloud-background .drm-cloud{animation-duration:6s;opacity:1;background:radial-gradient(ellipse,#ab43ffe6,transparent 65%)}
.drm-enabled .drm-cloud-background .drm-cloud:nth-child(2){animation-duration:9s;animation-delay:-3s;background:radial-gradient(ellipse,#3925eebb,transparent 65%)}
.drm-enabled .drm-cloud-background .drm-cloud:nth-child(3){animation-duration:7s;animation-delay:-2s}
.drm-enabled .drm-electricity{filter:drop-shadow(0 0 4px var(--drm-bolt))}
.drm-enabled .drm-electricity path,.drm-enabled .drm-electricity path:nth-child(even){stroke:var(--drm-bolt)}
.drm-enabled .drm-note{color:var(--drm-note-color);text-shadow:0 0 12px var(--drm-note-color)}
.drm-page-lightning{position:fixed;inset:0;width:100%;height:100%;z-index:9980;pointer-events:none!important}
.drm-word{display:inline-block;white-space:nowrap}
.drm-letter{display:inline-block;position:relative;animation:drm-letter-in .65s both cubic-bezier(.2,.7,.2,1)}
.drm-letter:after{content:'';position:absolute;inset:-5% -8%;background:var(--drm-bolt);clip-path:polygon(60% 0,36% 40%,60% 38%,25% 100%,45% 53%,20% 58%);pointer-events:none;animation:drm-letter-bolt .7s both;animation-delay:inherit}
@keyframes drm-letter-in{from{opacity:0;transform:translateY(.28em) skewX(-9deg);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes drm-letter-bolt{0%,100%{opacity:0}35%{opacity:.75}65%{opacity:.25}}
@media(prefers-reduced-motion:reduce){.drm-enabled .drm-letter,.drm-enabled .drm-letter:after{animation:none!important}.drm-enabled .drm-letter:after,.drm-page-lightning{display:none}}