.bg-grad { background: var(--grad); }
.u-w0 { width: 0%; }
.u-readbar { background: var(--grad); box-shadow: 0 0 12px rgba(214,58,142,.6); }
.u-bgcoral { background: #F25C4A; }
.u-chipgold { background: rgba(255,194,75,.18); color: #FFC24B; }
.u-gold { color: #FFC24B; }
.u-light { color: #F4F7FF; }
.u-bdpink { border-color: rgba(214,58,142,.4); }
.u-bdcoral { border-color: rgba(242,92,74,.3); }

.asp-poster { aspect-ratio: 9/13.5; }
.asp-16x10 { aspect-ratio: 16/10; }
.asp-16x8 { aspect-ratio: 16/8; }
.asp-9x16 { aspect-ratio: 9/16; }
.asp-9x19 { aspect-ratio: 9/19; }
.u-thumb88 { width: 88px; aspect-ratio: 16/10; }
.u-thumb116 { width: 116px; aspect-ratio: 16/10; }
.u-w210 { width: 210px; }
.u-fs404 { font-size: clamp(90px,22vw,200px); }

.u-mh400 { min-height: 400px; }
.u-mh420 { min-height: 420px; }
.u-mh560 { min-height: 560px; }
.u-mh600 { min-height: 600px; }
.u-mhhero { min-height: min(72vh,640px); }

.u-noscroll { scrollbar-width: none; }
.u-eplist { max-height: 460px; scrollbar-width: thin; }
.u-ltr { direction: ltr; }
.u-vrl { writing-mode: vertical-rl; }

.u-d3 { transition-delay: .3s; }
.u-d4 { transition-delay: .4s; }
.u-d45 { transition-delay: .45s; }
#hd-drawer nav .hd-d-link:nth-child(1) { transition-delay: .04s; }
#hd-drawer nav .hd-d-link:nth-child(2) { transition-delay: .08s; }
#hd-drawer nav .hd-d-link:nth-child(3) { transition-delay: .12s; }
#hd-drawer nav .hd-d-link:nth-child(4) { transition-delay: .16s; }
#hd-drawer nav .hd-d-link:nth-child(5) { transition-delay: .2s; }
#hd-drawer nav .hd-d-link:nth-child(6) { transition-delay: .24s; }

.orb-a { width: 320px; height: 320px; background: #A613D8; top: -150px; right: -60px; opacity: .4; position: absolute; }
.orb-b { width: 300px; height: 300px; background: #A613D8; top: -140px; right: -60px; opacity: .3; position: absolute; }
.orb-c { width: 300px; height: 300px; background: #A613D8; top: -120px; right: -40px; opacity: .4; position: absolute; }
.orb-d { width: 280px; height: 280px; background: #A613D8; top: -130px; right: -50px; opacity: .35; position: absolute; }
.orb-e { width: 340px; height: 340px; background: #F25C4A; top: -150px; right: -60px; opacity: .4; position: absolute; }
.orb-f { width: 340px; height: 340px; background: #A613D8; top: -150px; left: -60px; opacity: .4; position: absolute; }
.orb-g { width: 340px; height: 340px; background: #A613D8; top: -140px; right: -60px; opacity: .4; position: absolute; }
.orb-h { width: 320px; height: 320px; background: #F25C4A; bottom: -160px; left: -60px; opacity: .35; position: absolute; }
.orb-i { width: 320px; height: 320px; background: #A613D8; bottom: -150px; left: -60px; opacity: .4; position: absolute; }
.orb-j { width: 280px; height: 280px; background: #A613D8; top: -140px; right: -60px; opacity: .35; position: absolute; }
.orb-k { width: 260px; height: 260px; background: #A613D8; top: -130px; right: -60px; opacity: .3; position: absolute; }
.orb-bg1 { width: 560px; height: 560px; background: #A613D8; top: -160px; left: -120px; }
.orb-bg2 { width: 620px; height: 620px; background: #F25C4A; bottom: -220px; right: -160px; animation-delay: -8s; }

.u-tint16 { background: linear-gradient(120deg,rgba(166,19,216,.16),rgba(242,92,74,.12)); }
.u-tint14 { background: linear-gradient(120deg,rgba(166,19,216,.14),rgba(242,92,74,.12)); }
.u-tint12a { background: linear-gradient(120deg,rgba(166,19,216,.12),rgba(242,92,74,.1)); }
.u-tint12b { background: linear-gradient(120deg,rgba(166,19,216,.12),rgba(242,92,74,.08)); }
.u-panel18 { background: linear-gradient(135deg,rgba(166,19,216,.18),rgba(242,92,74,.12)); border-color: rgba(214,58,142,.35); }
.u-panel16 { background: linear-gradient(135deg,rgba(166,19,216,.16),rgba(242,92,74,.1)); border-color: rgba(214,58,142,.35); }
.u-panel16b { background: linear-gradient(135deg,rgba(166,19,216,.16),rgba(242,92,74,.1)); border-color: rgba(214,58,142,.3); }
.u-pack { background: linear-gradient(160deg,rgba(166,19,216,.16),rgba(242,92,74,.1)); border: 1px solid rgba(214,58,142,.4); }
.u-plan { background: linear-gradient(160deg,rgba(166,19,216,.16),rgba(242,92,74,.12)); border: 1px solid rgba(214,58,142,.4); box-shadow: 0 0 60px rgba(214,58,142,.18); }
.u-formcard { background: rgba(14,27,46,.6); border-color: rgba(214,58,142,.35); box-shadow: 0 0 60px rgba(214,58,142,.15); }

.u-scrim-a { background: linear-gradient(180deg,rgba(6,13,23,.03),rgba(6,13,23,.92)); }
.u-scrim-b { background: linear-gradient(180deg,rgba(6,13,23,.05),rgba(6,13,23,.9)); }
.u-scrim-c { background: linear-gradient(180deg,rgba(6,13,23,.1),rgba(6,13,23,.92)); }
.u-scrim-phone { background: linear-gradient(180deg,rgba(6,13,23,.2),transparent 30%,rgba(6,13,23,.85)); }
.u-scrim-player { background: linear-gradient(180deg,rgba(6,13,23,.35),transparent 26%,rgba(6,13,23,.88)); }
.u-scrim-hero { background: linear-gradient(0deg,#060d17 14%,rgba(6,13,23,.7) 50%,rgba(6,13,23,.4) 85%),linear-gradient(-90deg,rgba(6,13,23,.92),rgba(6,13,23,.5) 60%,rgba(6,13,23,.3)); }
.u-scrim-post { background: linear-gradient(0deg,#060d17 14%,rgba(6,13,23,.45) 52%,transparent); }
.u-scrim-feat { background: linear-gradient(0deg,#060d17 10%,rgba(6,13,23,.5) 45%,transparent),linear-gradient(-90deg,rgba(6,13,23,.85),transparent 60%); }
.u-scrim-aside { background: linear-gradient(155deg,rgba(6,13,23,.72),rgba(6,13,23,.95)); }