.cbx-page{min-height:100vh;padding:0 0 80px;color:#fff;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.cbx-wrap{max-width:1080px;margin:0 auto;padding:0 24px}.cbx-preview{position:relative;z-index:2;text-align:center;font-size:13px;font-weight:600;padding:10px 16px;color:#1a1a1a;background:#ffcf5c}.cbx-hero{position:relative;margin-bottom:36px}.cbx-hero--media{min-height:340px;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:flex-end}.cbx-hero__scrim{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#0009 40%,#0003),linear-gradient(180deg,#00000040,#000000b3)}.cbx-hero__inner{position:relative;z-index:1;width:100%;padding:48px 24px}.cbx-hero__eyebrow{font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;opacity:.75;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.cbx-hero__title{font-size:clamp(30px,5vw,54px);font-weight:800;line-height:1.1;margin:0;text-shadow:0 4px 12px rgba(0,0,0,.5)}.cbx-hero__desc{font-size:16px;line-height:1.55;opacity:.9;max-width:640px;margin:16px 0 0;text-shadow:0 2px 4px rgba(0,0,0,.4)}.cbx-hero__count{font-size:13px;font-weight:600;opacity:.7;margin-top:18px}.cbx-hero--center .cbx-hero__inner{text-align:center}.cbx-hero--center .cbx-hero__desc{margin-left:auto;margin-right:auto}.cbx-hero--right .cbx-hero__inner{text-align:right}.cbx-hero--right .cbx-hero__desc{margin-left:auto;margin-right:0}.cbx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px}.cbx-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.cbx-card:hover{transform:translateY(-4px);background:#ffffff17;border-color:#ffffff2e;box-shadow:0 12px 32px #0006}.cbx-card__art{position:relative;aspect-ratio:1 / 1;background:linear-gradient(135deg,#ffffff17,#ffffff08);overflow:hidden}.cbx-card__art img{width:100%;height:100%;object-fit:cover;display:block}.cbx-card__art-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:44px;opacity:.35}.cbx-card__play{position:absolute;right:12px;bottom:12px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;padding-left:2px;color:#fff;background:linear-gradient(135deg,var(--cbx-accent-2, #7c3aed) 0%,var(--cbx-accent-1, #431b71) 100%);box-shadow:0 4px 14px #00000073;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}.cbx-card:hover .cbx-card__play{opacity:1;transform:translateY(0)}.cbx-card__meta{padding:14px 15px 16px}.cbx-card__name{font-size:15px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.cbx-card__artist{font-size:13px;opacity:.6;margin-top:3px}.cbx-card__badges{display:flex;gap:6px;margin-top:10px}.cbx-badge{font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:3px 8px;border-radius:999px}.cbx-badge--premium{background:#ffc83c29;color:#ffcf5c}.cbx-badge--private{background:#ffffff1f;color:#ffffffbf}.cbx-empty{opacity:.6;font-size:15px;padding:40px 0;text-align:center}.cbx-foot{margin-top:56px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);text-align:center}.cbx-foot__brand{display:inline-flex;text-decoration:none;opacity:.55;transition:opacity .2s ease}.cbx-foot__brand:hover{opacity:.9}.cbx-foot__logo{height:24px;width:auto;display:block}.cbx-loading,.cbx-error{min-height:60vh;display:flex;align-items:center;justify-content:center;color:#ffffffb3;font-size:15px}.cbx-bg{position:fixed;top:0;left:0;right:0;z-index:-1;opacity:.55;pointer-events:none}.cbx-bg--image{bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(40px)}.cbx-bg--gradient{height:60vh;background-size:200% 200%!important;animation:cbxGradientShift 15s ease infinite}@keyframes cbxGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.cbx-orbfield{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(1100px 650px at 80% -5%,rgba(67,27,113,.22),transparent 60%),radial-gradient(950px 650px at 0% 108%,rgba(124,58,237,.14),transparent 55%),radial-gradient(900px 600px at 78% 112%,rgba(150,40,110,.13),transparent 60%),linear-gradient(180deg,#130c1f,#0f0a18 60%,#0c0914)}.cbx-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.28;will-change:transform;mix-blend-mode:screen}.cbx-orb--1{width:540px;height:540px;top:-140px;left:-120px;background:radial-gradient(circle at 35% 35%,#8a4cfff2,#8a4cff00 70%);animation:cbxDrift1 24s ease-in-out infinite}.cbx-orb--2{width:460px;height:460px;top:18%;right:-160px;background:radial-gradient(circle at 50% 50%,#d22682d9,#d2268200 70%);animation:cbxDrift2 30s ease-in-out infinite}.cbx-orb--3{width:600px;height:600px;bottom:-200px;left:8%;background:radial-gradient(circle at 50% 50%,#431b71f2,#431b7100 70%);animation:cbxDrift3 27s ease-in-out infinite}.cbx-orb--4{width:360px;height:360px;top:42%;left:-120px;background:radial-gradient(circle at 50% 50%,#a439fecc,#a439fe00 70%);animation:cbxDrift4 21s ease-in-out infinite}.cbx-orb--5{width:420px;height:420px;bottom:6%;right:-120px;background:radial-gradient(circle at 50% 50%,#6366f1b3,#6366f100 70%);animation:cbxDrift5 33s ease-in-out infinite}@keyframes cbxDrift1{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(120px,90px,0) scale(1.15)}}@keyframes cbxDrift2{0%,to{transform:translateZ(0) scale(1.05)}50%{transform:translate3d(-110px,120px,0) scale(.85)}}@keyframes cbxDrift3{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(90px,-110px,0) scale(1.2)}}@keyframes cbxDrift4{0%,to{transform:translateZ(0) scale(.9)}50%{transform:translate3d(140px,-60px,0) scale(1.1)}}@keyframes cbxDrift5{0%,to{transform:translateZ(0) scale(1.1)}50%{transform:translate3d(-90px,-90px,0) scale(.9)}}@media (prefers-reduced-motion: reduce){.cbx-orb{animation:none!important}}@media (max-width: 768px){.cbx-hero--media{min-height:260px}.cbx-hero__inner{padding:32px 20px}.cbx-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}}