[hidden]{display:none!important}
.profile-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}
.profile-tabs button,.atlas-detail-tabs button{border:1px solid #ffffff24;background:#ffffff08;color:inherit;border-radius:14px;padding:12px 16px;min-height:44px;cursor:pointer;font:inherit}
.profile-tabs [aria-pressed=true],.atlas-detail-tabs [aria-pressed=true]{background:#e2ad3524;border-color:#e2ad35;color:#e8bd56}
.profile-tabs+div>.page-head{margin-top:0}
.atlas-details{margin-top:24px;scroll-margin-top:90px}
.atlas-detail-head{display:flex;justify-content:space-between;gap:20px;align-items:start}
.atlas-detail-tabs{display:flex;gap:8px;overflow-x:auto;padding:12px 0;scrollbar-width:thin}
.atlas-detail-tabs button{white-space:nowrap;flex-shrink:0}
.atlas-detail-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:center}
.atlas-detail-image{background:radial-gradient(ellipse at 50% 50%,#123342,#080d18 70%);border:1px solid #87d8ea22;border-radius:24px;overflow:hidden}
.atlas-detail-image svg{width:100%;display:block;max-height:360px}
.atlas-detail-labels{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 20px;color:#b7d3dd}
.atlas-detail-labels span{background:#ffffff08;padding:6px 10px;border-radius:10px;font-size:13px}
.atlas-detail-copy h3{font-size:28px;margin:12px 0}
.atlas-detail-copy p{line-height:1.65}
.atlas-practice-links{display:grid;gap:10px;margin:20px 0}
.atlas-practice-links button{text-align:left;white-space:normal;min-height:48px}
.atlas-detail-empty{padding:16px;border-radius:12px;background:#ffffff06;color:#9cabbc}
.atlas-detail-note{font-size:12px;color:#8c9eb3}
.atlas-flow{stroke-dasharray:8 18;animation:atlas-flow 5s linear infinite}
@keyframes atlas-flow{to{stroke-dashoffset:-130}}
@media(prefers-reduced-motion:reduce){.atlas-flow{animation:none}}
body[data-app-role=user] .bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:600px){.atlas-detail-layout{grid-template-columns:1fr;gap:16px}.atlas-detail-copy h3{font-size:23px}.profile-tabs{gap:6px}.profile-tabs button{font-size:12px;padding:10px}.bottom-nav button{min-width:0;font-size:10px}.atlas-detail-head{display:block}.atlas-details{padding:18px!important}.atlas-detail-image svg{max-height:260px}.page-head h1{overflow-wrap:anywhere}}