.nav-actions{display:flex;align-items:center;gap:9px}
.zodiac-app{background:radial-gradient(circle at 68% 4%,rgba(85,63,145,.2),transparent 31%),radial-gradient(circle at 15% 40%,rgba(30,96,120,.12),transparent 28%),linear-gradient(#07070c,#050508)}
.zodiac-hero h1{max-width:760px}.zodiac-orbit .stack-one{border-color:rgba(255,210,119,.34);box-shadow:0 35px 90px #000,0 0 55px rgba(255,180,75,.1)}
.zodiac-orbit .stack-two{border-color:rgba(102,232,237,.22)}
.album-progress{max-width:1156px;margin:0 auto 20px;padding:25px 28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(110deg,rgba(143,93,232,.07),rgba(61,185,211,.025));display:grid;grid-template-columns:180px 1fr 300px;align-items:center;gap:28px}
.album-progress>div:first-child{display:flex;flex-direction:column;gap:7px}.album-progress span{font-size:8px;letter-spacing:.21em;color:#6d6676}.album-progress b{font-size:18px;font-weight:500;color:#cfc4df}.album-progress p{font-size:10px;color:#625d69;text-align:right;margin:0}.progress-track{height:3px;background:rgba(255,255,255,.07);position:relative;overflow:hidden}.progress-track i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#9f70ea,#69d7e5);box-shadow:0 0 14px #9f70ea}
.zodiac-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--accent) 17%,transparent),transparent 33%),linear-gradient(145deg,#11111b,#08080e)}
.zodiac-placeholder:before,.zodiac-placeholder:after{content:"";position:absolute;width:70%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 16%,transparent);border-radius:50%}.zodiac-placeholder:after{width:48%;border-style:dashed;animation:spin 35s linear infinite reverse}
.constellation-lines{position:absolute;inset:13%;background:linear-gradient(55deg,transparent 43%,color-mix(in srgb,var(--accent) 18%,transparent) 44%,transparent 45%),linear-gradient(-35deg,transparent 47%,color-mix(in srgb,var(--accent) 16%,transparent) 48%,transparent 49%);opacity:.7}
.zodiac-symbol{font-family:Georgia,serif;font-size:82px;line-height:1;color:color-mix(in srgb,var(--accent) 70%,#fff);text-shadow:0 0 30px color-mix(in srgb,var(--accent) 35%,transparent);z-index:1}.awaiting{position:absolute;bottom:34%;font-size:8px;letter-spacing:.25em;color:#666170;text-transform:uppercase}
.orbit-card .zodiac-placeholder{position:absolute}.orbit-card .zodiac-symbol{font-size:70px}.orbit-card .zodiac-placeholder:before{width:84%}
.is-locked .card-shell{border-color:rgba(255,255,255,.07)}.is-locked:hover .card-shell{border-color:color-mix(in srgb,var(--accent) 28%,transparent)}.is-locked .card-copy{opacity:.82}
.live-badge,.locked-badge{position:absolute;left:14px;bottom:82px;padding:5px 7px;border-radius:2px;font-size:7px;letter-spacing:.14em;backdrop-filter:blur(8px)}.live-badge{display:flex;align-items:center;gap:5px;color:#b7ffdd;border:1px solid rgba(119,255,188,.2);background:rgba(13,42,30,.45)}.live-badge i{width:4px;height:4px;border-radius:50%;background:#72ffc0;box-shadow:0 0 7px #72ffc0;animation:pulse 1.8s ease-in-out infinite}.locked-badge{color:#746e7b;border:1px solid rgba(255,255,255,.08);background:rgba(7,7,11,.5)}
.modal-art .zodiac-placeholder .zodiac-symbol{font-size:135px}.locked-action{opacity:.5;cursor:not-allowed}
@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}
@media(max-width:1000px){.album-progress{margin-left:32px;margin-right:32px;grid-template-columns:140px 1fr}.album-progress p{display:none}}
@media(max-width:720px){.collection-pill span{display:none}.nav-actions{gap:6px}.album-progress{margin:0 18px;padding:20px;grid-template-columns:100px 1fr;gap:16px}.zodiac-symbol{font-size:58px}.awaiting{font-size:6px;letter-spacing:.12em;bottom:35%}.live-badge,.locked-badge{left:10px;bottom:72px}.zodiac-hero .hero-orbit{opacity:.62}.modal-art .zodiac-symbol{font-size:100px}}