/* Economy mode keeps every cable fully illuminated, without frozen gaps. */
.motion-paused .power-cables g{animation:none!important;opacity:1}
.motion-paused .cable-edge{opacity:.9;filter:drop-shadow(0 0 4px var(--power-color))}
.motion-paused .cable-core{opacity:1}
.motion-paused .cable-flow,.motion-paused .cable-pulse{animation:none!important;stroke-dasharray:none;stroke-dashoffset:0}
.motion-paused .cable-flow{opacity:1;filter:drop-shadow(0 0 5px var(--power-color))}
.motion-paused .cable-pulse{opacity:.65;stroke-width:.85;filter:none}
@media(prefers-reduced-motion:reduce){.power-cables g{animation:none!important;opacity:1}.cable-flow,.cable-pulse{animation:none!important;stroke-dasharray:none;stroke-dashoffset:0}.cable-edge,.cable-flow{opacity:1}.cable-pulse{opacity:.65;stroke-width:.85}}

/* Dark glass dock with flat planets, matching the banner artwork. */
.social-dock{isolation:isolate;background:linear-gradient(135deg,#0d0f14f5,#080a0ef0 55%,#111219f5);border-color:#b7c5db32;box-shadow:inset 0 1px #c4d4ef1c,0 -10px 40px #0007;backdrop-filter:blur(18px)}
.social-dock>.dock-cosmos{color:#93a4be;opacity:.85}
.dock-cosmos .banner-planet{width:140px;height:140px;right:3%;bottom:-100px;opacity:.1;transform:rotate(-18deg)}
.dock-cosmos .banner-moon{width:77px;height:77px;top:-26px;left:9%;opacity:.09}
.dock-cosmos .banner-star{opacity:.15}.dock-cosmos .star-a{left:38%;top:12px}.dock-cosmos .star-b{right:28%;bottom:12px}
.social-dock>.social-handle,.social-dock>#social-panel{position:relative;z-index:1}
.social-link,.social-link:hover,.social-link:active{translate:0 0;transform:none;scale:1;transition:background .15s,border-color .15s,box-shadow .15s,color .15s}
.social-link:hover{background:#ffffff09;border-color:#d8dfe547}
.social-link:active,.social-link.social-pressed{background:color-mix(in srgb,var(--social-color,#b9b3ff) 20%,#0a0d13);border-color:var(--social-color,#b9b3ff);box-shadow:inset 0 0 15px color-mix(in srgb,var(--social-color,#b9b3ff) 25%,transparent),0 0 13px color-mix(in srgb,var(--social-color,#b9b3ff) 25%,transparent);color:#fff}
.social-link:focus-visible{outline:2px solid var(--social-color,#c7baff);outline-offset:-3px}

.account-view .discovery-banner,.account-view .refund-banner,.account-view .subscription-banner{display:none!important}
#account-screen{padding-bottom:180px}
.account-subscription{position:relative;isolation:isolate;overflow:hidden;margin:25px 0 28px;padding:20px;border:1px solid #b1bdcf33;border-radius:20px;background:linear-gradient(135deg,#0f121ce0,#101116b8);box-shadow:inset 0 1px #fff1}
.account-subscription>.banner-cosmos{color:#acc5ef;opacity:.65}.account-subscription>.banner-cosmos .banner-planet{right:-28px;bottom:-37px;width:125px;height:125px;opacity:.07}
.account-subscription>:not(.banner-cosmos){position:relative;z-index:1}
.subscription-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.subscription-heading h2{font:700 14px 'Manrope',sans-serif;margin:0;color:#e6d8be}
.subscription-status{display:inline-flex;align-items:center;gap:6px;border:1px solid #f2858d44;background:#ac3c4b16;color:#f7b0b3;padding:6px 9px;border-radius:8px;font-size:10px;white-space:nowrap}.subscription-status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}
.account-subscription.is-active .subscription-status{color:#a6eec6;border-color:#7ce5ad55;background:#3dba7d12}.account-subscription.is-unavailable .subscription-status{color:#c7bdab;border-color:#b5a88c55;background:#ffffff07}
#subscription-timer-label{margin:22px 0 12px;font-size:10px;color:#9e9a92}.subscription-countdown{display:flex;align-items:flex-start;justify-content:space-between;gap:4px;font-variant-numeric:tabular-nums}.subscription-countdown>div{text-align:center;flex:1;min-width:0}.subscription-countdown strong{display:block;font:700 clamp(24px,3vw,31px)/1.3 'Manrope',sans-serif;letter-spacing:-1px;color:#e3c790}.subscription-countdown span{display:block;margin-top:5px;font-size:8px;color:#9b958c}.subscription-countdown>b{font-size:19px;line-height:40px;color:#85745b;font-weight:400}.account-subscription:not(.is-active) .subscription-countdown strong{color:#918878}
#subscription-description{font-size:10px;line-height:1.7;color:#a49b8c;margin:17px 0 0}
.subscription-banner.is-active{color:#b9f2d1;border-color:#79d9a366;background:linear-gradient(110deg,#173d2dad,#0d2119d9)}.subscription-banner.is-active strong{color:#c9ffe0}.subscription-banner.is-active .subscription-dot{background:#7ee5ad;box-shadow:0 0 10px #6be5a3}
@media(max-width:760px){.account-view .top-navigation{padding-top:182px}.account-view .language-picker{top:58px;left:auto;right:22px;width:125px}.account-view .corner-logo{top:18px;left:18px}.account-view #account-screen{padding-top:30px;padding-bottom:170px;min-height:calc(100svh - 250px)}.account-card{padding:26px 22px}.account-subscription{padding:17px 15px}.subscription-heading h2{font-size:13px}.subscription-status{font-size:9px}.subscription-countdown strong{font-size:26px}.dock-cosmos .banner-planet{width:120px;height:120px;bottom:-79px}.dock-cosmos .banner-moon{width:67px;height:67px}}
@media(min-width:900px){
 .account-card{width:min(860px,calc(100vw - 70px));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;padding:32px}
 .account-heading,.account-description{grid-column:1 / -1}
 .account-subscription{grid-column:1;grid-row:3 / 5;align-self:start;min-height:248px;margin:0;padding:23px}
 #profile-form{grid-column:2;grid-row:3}
 .account-card .local-note{grid-column:2;grid-row:4;margin-top:15px;margin-bottom:0}
 .account-card .account-description{margin:22px 0 26px}
}
