/* Atlas website base: local Geist (SIL OFL, fonts/GEIST-LICENSE.txt), page defaults, shared states. */
@font-face { font-family: Geist; font-weight: 400; font-display: swap; src: url(../fonts/Geist-Regular.woff2) format("woff2"); }
@font-face { font-family: Geist; font-weight: 500; font-display: swap; src: url(../fonts/Geist-Medium.woff2) format("woff2"); }
@font-face { font-family: Geist; font-weight: 600; font-display: swap; src: url(../fonts/Geist-SemiBold.woff2) format("woff2"); }
@font-face { font-family: Geist; font-weight: 700; font-display: swap; src: url(../fonts/Geist-Bold.woff2) format("woff2"); }
html, body { margin: 0; background: var(--surface-canvas); color: var(--text-primary); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
#app { min-height: 100vh; }
#app > [data-dc] > * { min-height: 100vh; }
.atl-boot { display: flex; align-items: center; justify-content: center; min-height: 100vh; color: var(--text-muted); font: 400 14px/20px var(--font-sans); }
.atl-toast { position: fixed; right: 24px; bottom: 24px; z-index: 50; max-width: 420px; padding: 12px 16px; border-radius: 12px; background: #141414; color: #fefcf2; font: 400 14px/20px var(--font-sans); box-shadow: var(--shadow-ink); opacity: 0; transform: translateY(8px); transition: opacity 180ms var(--ease-out), transform 180ms var(--ease-out); }
.atl-toast[data-on="1"] { opacity: 1; transform: none; }
.atl-skel { display: block; height: 14px; border-radius: 4px; background: #f0ecdd; }
.atl-live-note { font: 400 12px/16px var(--font-sans); color: var(--text-muted); }
.atl-chart { width: 100%; height: 100%; min-height: 200px; }
.at-row-note { display: block; font-size: 12px; line-height: 16px; color: var(--text-muted); font-weight: 400; }
@media (prefers-reduced-motion: reduce) { * { transition-duration: 0ms !important; animation-duration: 0ms !important; } }
.an-co { margin: 0 4px 6px; height: 30px; padding: 0 8px; border: 0; border-radius: 8px; background: transparent; color: #3f3e3a; font: 500 12px/16px var(--font-sans); cursor: pointer; }
.an-co:hover { background: #f0ecdd; }
.an-co:focus-visible { outline: 2px solid #0055d4; outline-offset: 2px; }
[data-dc] .at-tag{align-self:flex-start;width:fit-content}