.brand-mark{position:relative;display:block;width:44px;height:44px;overflow:visible;flex:none;isolation:isolate}
.brand-mark img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;transition:opacity .4s ease,transform .6s ease}
.brand-mark .brand-base{opacity:1}
.brand-mark .brand-smoke-art{opacity:0;transform:translateY(2px) scale(.96);filter:drop-shadow(0 0 4px #7bff4a55)}
.group-brand:hover .brand-mark .brand-base,.group-brand:focus-visible .brand-mark .brand-base{opacity:0;transform:rotate(-8deg) scale(.94)}
.group-brand:hover .brand-mark .brand-smoke-art,.group-brand:focus-visible .brand-mark .brand-smoke-art{opacity:1;transform:translateY(0) scale(1)}
.brand-mark .brand-spark{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#e7c251;stroke-width:22;opacity:0;pointer-events:none;transform-box:fill-box;transform-origin:center}
.brand-mark .brand-spark path{stroke-width:22px}
.group-brand:hover .brand-mark .brand-spark,.group-brand:focus-visible .brand-mark .brand-spark{animation:brand-ignite .7s ease-out}
@keyframes brand-ignite{0%{opacity:0;transform:scale(.35)}25%{opacity:1;filter:drop-shadow(0 0 6px #e7c251)}100%{opacity:0;transform:rotate(25deg) scale(1.2)}}
.jaj-site .site-header::before{border-radius:24px}
.jaj-site .nav-download{border-radius:14px}
.jaj-site .button{border-radius:15px}
.jaj-site .glass-card{border-radius:22px}
.jaj-site .menu-toggle{border-radius:13px}
.jaj-site .site-nav{border-radius:18px}
.jaj-site footer{margin:18px 12px 12px;border:1px solid rgba(209,225,255,.2);border-radius:24px;background:linear-gradient(135deg,rgba(23,30,57,.48),rgba(8,12,27,.38));backdrop-filter:blur(20px) saturate(1.2)}
.jaj-site .auth-form input,.jaj-site .support-dashboard input,.jaj-site .profile-form input{border-radius:12px}
.mounted-thc .site-header{background:transparent;border:0;padding:18px 0}
.mounted-thc .site-header::before{inset:8px max(12px,calc((100vw - 1564px)/2));border:1px solid rgba(209,225,255,.22);border-radius:24px;background:rgba(9,13,30,.46);backdrop-filter:blur(24px) saturate(1.35);box-shadow:0 16px 55px #0003,inset 0 1px 0 #ffffff18,inset 0 -1px 0 #ffffff07}
.mounted-thc .site-header.scrolled{padding:12px 0}
.mounted-thc .site-header.scrolled::before{background:rgba(5,7,18,.65);backdrop-filter:blur(24px) saturate(1.35)}
.mounted-thc .nav-wrap{min-height:54px}
.mounted-thc .brand{min-width:225px}
.mounted-thc .brand img{width:43px;height:43px}
.mounted-thc .nav-download{min-width:148px;padding:11px 17px;border-radius:14px}
.mounted-thc .nav-download svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.jaj-dialog .cover-art-preview{display:block;width:96px;height:96px;object-fit:cover;border:1px solid rgba(209,225,255,.28);border-radius:14px;background:#0b0d1b}
@media(max-width:820px){.mounted-thc .menu-toggle{display:grid;place-items:center;margin-right:12px;border-radius:13px}.mounted-thc .brand{min-width:0;flex:1}.mounted-thc .nav-download{min-width:104px;padding:10px 13px}}
@media(max-width:620px){.mounted-thc .site-header{padding:13px 0}.mounted-thc .site-header .shell{width:calc(100% - 48px)}.mounted-thc .site-header::before{inset:7px 10px;border-radius:24px}.mounted-thc .nav-wrap{min-height:48px}.mounted-thc .brand b{font-size:13px}.mounted-thc .brand small{display:block;font-size:8px}.mounted-thc .brand img{width:34px;height:34px}.mounted-thc .menu-toggle{width:36px;height:36px;margin-right:8px}.mounted-thc .nav-download{min-width:81px;padding:9px 10px;gap:6px;font-size:11px}.mounted-thc .nav-download svg{width:14px;height:14px}}
@media(prefers-reduced-motion:reduce){.brand-mark img{transition:none}.group-brand:hover .brand-mark .brand-spark,.group-brand:focus-visible .brand-mark .brand-spark{animation:none;opacity:.5}}