@layer av-visibility, av-legacy-shared, av-legacy-pages;
/* anihate canonical design foundation. Loaded before component/page CSS. */
:root{
  --av-bg:#080b15; --av-surface:#0f1422; --av-surface-2:#151b2b; --av-line:#252b3e;
  --av-text:#f4f3f8; --av-text-muted:#8d94a8; --av-violet:#b568ff; --av-violet-2:#7b3be2;
  --av-success:#49d17d; --av-danger:#ff657d; --av-warning:#f6be5a;
  --av-r-sm:8px; --av-r-md:12px; --av-r-lg:18px; --av-shadow:0 12px 34px rgba(0,0,0,.22);
  --av-space-1:4px; --av-space-2:8px; --av-space-3:12px; --av-space-4:16px; --av-space-5:20px; --av-space-6:24px;
}
html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--av-bg);color:var(--av-text)}
*,*:before,*:after{box-sizing:border-box}img,svg{max-width:100%}button,input,textarea,select{font:inherit}button{touch-action:manipulation}
:focus-visible{outline:2px solid var(--av-violet);outline-offset:3px}.av-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* State outranks component !important display rules without selector escalation. */
@layer av-visibility{[hidden]{display:none!important}}

.ui-icon{display:inline-block;width:1em;height:1em;min-width:1em;vertical-align:-.15em;flex-shrink:0;overflow:visible;pointer-events:none}