/* Low-resolution, pre-rendered spiral dust; text and interaction stay above it. */
#xhc-galaxy{position:fixed;inset:0;pointer-events:none;z-index:-1;contain:strict;overflow:hidden}#xhc-galaxy canvas{display:block;width:100%;height:100%;pointer-events:none}
body.xhc-cosmos::before{opacity:.23}body.xhc-cosmos.dark-theme::before{opacity:.32}
#xhc-galaxy{z-index:-1;background:radial-gradient(ellipse at 87% 20%,#8d7cd126,transparent 48%),radial-gradient(ellipse at 8% 78%,#64b4c228,transparent 47%)}
body.xhc-cosmos.dark-theme #xhc-galaxy{background:radial-gradient(ellipse at 87% 20%,#6453b925,transparent 48%),radial-gradient(ellipse at 8% 78%,#26698520,transparent 47%)}
body.xhc-cosmos:not(.dark-theme) .xhc-hero{background:#e6eefb;border-color:#b9cbe5}
body.xhc-cosmos:not(.dark-theme) .xhc-hero::after{background:linear-gradient(90deg,#eaf1fb 0%,#eaf1fbee 21%,#eaf1fb88 43%,transparent 65%)}
body.xhc-cosmos:not(.dark-theme) .xhc-hero h1{color:#243951}body.xhc-cosmos:not(.dark-theme) .xhc-hero h1 em{color:#4c67b5}
body.xhc-cosmos:not(.dark-theme) .xhc-hero p{color:#536980}body.xhc-cosmos:not(.dark-theme) .xhc-kicker{color:#566fa0}
body.xhc-cosmos:not(.dark-theme) .xhc-hero .xhc-primary{background:linear-gradient(110deg,#536ba5,#466e92);color:#fff!important;border-color:#637fae}
body.xhc-cosmos:not(.dark-theme) .xhc-hero .xhc-secondary{background:#ffffffb3;color:#365679!important;border-color:#adc3dc}
body.xhc-cosmos:not(.dark-theme) .xhc-motion{background:#f5f9ffbd;color:#546d8c;border-color:#b5c8df}
body.xhc-cosmos:not(.dark-theme) .xhc-coordinates,body.xhc-cosmos:not(.dark-theme) .xhc-disciplines{color:#56718f}
#xhc-appearance{position:fixed;left:18px;bottom:63px;z-index:1001;display:flex;padding:4px;background:var(--xhc-surface);border:1px solid var(--xhc-border);border-radius:24px;box-shadow:0 4px 20px #07162b14}
#xhc-appearance button{padding:7px 9px;font-size:10px;border:0;border-radius:18px;background:transparent;color:var(--xhc-muted);cursor:pointer}#xhc-appearance button[aria-pressed=true]{background:var(--xhc-surface-2);color:var(--xhc-cyan);box-shadow:inset 0 0 0 1px var(--xhc-border)}
.xhc-tier-symbol{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linejoin:round;margin-right:7px;vertical-align:middle}
.xhc-plan-fit{align-self:flex-start;font-size:9px;letter-spacing:.3px;padding:5px 8px;border-radius:6px;color:var(--xhc-cyan);background:var(--xhc-surface-2);border:1px solid var(--xhc-border)}
.xhc-value-note{font-size:10px;color:var(--xhc-muted);line-height:1.6;margin:10px 0 0}.xhc-plan-top>span{display:flex;align-items:center}
.xhc-price-chip{display:inline-flex!important;align-items:center;gap:5px}.xhc-price-chip .xhc-price-value{font-size:15px;font-weight:750}.xhc-price-chip .xhc-price-currency{font-size:9px;opacity:.7}.xhc-price-chip .xhc-resource-kind{font-size:10px;border-right:1px solid currentColor;padding-right:7px;margin-right:2px;opacity:.78}
body.xhc-cosmos .pay-widget .fa-shopping-bag{font-size:26px;padding:0;border:1px solid var(--xhc-border);border-radius:20px;color:var(--xhc-cyan);background:var(--xhc-surface-2)}
body.xhc-cosmos .pay-box>.payvip-icon .price-box{font-size:14px}body.xhc-cosmos .pay-box>.payvip-icon .price-box b.em3x{font-size:48px;line-height:1.1;font-weight:750}
body.xhc-cosmos .xhc-reference-price{display:block;font-size:11px;color:var(--xhc-muted);margin-top:4px}
body.xhc-cosmos .header :is(.main-search-btn,button.null){color:var(--xhc-ink)!important}
body.xhc-cosmos .header :is(.main-search-btn,button.null) svg{color:var(--xhc-ink)!important;fill:currentColor!important}
body.xhc-cosmos .header .navbar-toggle .css-icon.i-menu:before,
body.xhc-cosmos .header .navbar-toggle .css-icon.i-menu:after,
body.xhc-cosmos .header .navbar-toggle .css-icon.i-menu>i{background:currentColor!important}
body.xhc-cosmos.dark-theme .header .navbar-brand img{filter:brightness(2) grayscale(.4)}
@media(max-width:767px){#xhc-appearance{left:10px;bottom:47px;padding:3px}#xhc-appearance button{padding:6px 8px;font-size:9px}.xhc-tier-symbol{width:16px;height:16px;margin-right:4px}body.xhc-cosmos:not(.dark-theme) .xhc-hero::after{background:linear-gradient(0deg,#eaf1fb 0%,#eaf1fbe0 55%,transparent 83%)}.xhc-price-chip .xhc-price-value{font-size:13px}}
@media(max-width:450px){body.xhc-cosmos .xhc-plan-grid{grid-template-columns:1fr}body.xhc-cosmos .xhc-plan-card{padding:22px}body.xhc-cosmos .xhc-plan-price strong{font-size:38px}body.xhc-cosmos .xhc-plan-value{font-size:12px}body.xhc-cosmos .xhc-plan-card ul{font-size:12px}}

/* Account controls must be readable independently of the artwork below. */
body.xhc-cosmos .header :is(.toggle-theme,.language-dropdown>.toggle-radius,.xhc-more-menu){color:var(--xhc-ink)!important;opacity:1!important}
body.xhc-cosmos .header :is(.toggle-theme,.language-dropdown>.toggle-radius){width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--xhc-border);background:var(--xhc-surface-2);box-shadow:inset 0 1px 0 #ffffff24}
body.xhc-cosmos .header :is(.language-dropdown>.toggle-radius,.xhc-more-menu) :is(svg,use){fill:currentColor!important;color:inherit!important;opacity:1!important}
body.xhc-cosmos .header .navbar-nav>li>a>svg:not(.menu-item-icon),body.xhc-cosmos .header .navbar-nav>li>a>svg:not(.menu-item-icon)>use{fill:currentColor!important;color:inherit!important;opacity:1!important}
body.xhc-cosmos .header .xhc-more-menu{border:1px solid var(--xhc-border);border-radius:10px;padding:8px 12px;background:var(--xhc-surface-2);margin:7px 0}
body.xhc-cosmos .header .navbar-avatar.xhc-account-visible{display:inline-flex;align-items:center;gap:8px;width:auto!important;height:38px!important;min-width:101px;border:1px solid #6486c475;background:var(--xhc-surface-2);border-radius:24px;padding:4px 11px 4px 4px;color:var(--xhc-ink)!important;font-weight:700;font-size:12px;white-space:nowrap}
body.xhc-cosmos .header .xhc-account-visible .avatar{width:28px!important;height:28px!important;flex:0 0 28px;max-width:none;margin:0}
body.xhc-cosmos .header .xhc-account-label{line-height:1.4}
.xhc-header-access{display:flex;align-items:center;gap:8px;white-space:nowrap}
.xhc-desktop-access{float:right;margin:14px 12px 0}
body.xhc-cosmos .header .xhc-native-access-replaced{display:none!important}
body.xhc-cosmos .xhc-header-access a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 16px;border-radius:12px;border:1px solid #5e79c1;font-size:13px;font-weight:700;color:var(--xhc-ink)!important;background:var(--xhc-surface-2);text-decoration:none}
body.xhc-cosmos .xhc-header-access .xhc-sign-entry,body.xhc-cosmos .xhc-header-access .xhc-account-entry{color:#fff!important;background:linear-gradient(115deg,#405bc1,#187aa7);border-color:#476cd5;box-shadow:0 4px 16px #415dba24}
.xhc-header-access svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round}
.xhc-mobile-access{display:none}
body.xhc-cosmos .xhc-motion{font-size:12px;font-weight:650;padding:9px 14px;color:#d8eaff;border-color:#98b9e26b;background:#0a172ed9;backdrop-filter:none}
body.xhc-cosmos:not(.dark-theme) .xhc-motion{background:#fff;color:#294d82;border-color:#799dcc}
body.xhc-cosmos .xhc-hero{max-width:1800px}
body.xhc-cosmos:not(.dark-theme) .xhc-hero::after{background:linear-gradient(90deg,#eaf1fb 0%,#eaf1fbe8 22%,#eaf1fb78 43%,transparent 59%)}
@media(max-width:767px){
 .xhc-desktop-access{display:none}
 .xhc-mobile-access{display:flex;position:absolute;right:57px;top:10px;gap:5px}
 body.xhc-cosmos .header .navbar-brand{left:46px!important;right:auto!important;width:100px!important;text-align:left!important;padding-left:8px!important;padding-right:0!important;margin:0!important}
 body.xhc-cosmos .xhc-mobile-access a{min-height:32px;font-size:12px;padding:0 11px;border-radius:9px}
 body.xhc-cosmos .xhc-mobile-access svg{width:14px;height:14px}
 body.xhc-cosmos:not(.dark-theme) .xhc-hero::after{background:linear-gradient(0deg,#eaf1fb 0%,#eaf1fbe8 48%,transparent 73%)}
 body.xhc-cosmos .xhc-motion{font-size:11px;padding:8px 11px}
}