/* == shell-brand-20261026.css == */
/* Keep NewAPI's original navigation, including its native scroll animation.
 * Administrative version/update controls belong in the console. */
header.pointer-events-none nav > [class*="system-brand"] > button[aria-haspopup="dialog"] {
  display: none;
}

header.pointer-events-none nav > [class*="system-brand"] img {
  border-radius: 0;
}

/* Reserve the host scrollbar space before the homepage reports its height. */
html:has(header.pointer-events-none a[href="/"][aria-current="page"]) {
  scrollbar-gutter: stable;
}

/* Match the homepage's restrained indigo/teal atmosphere on the model catalog. */
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) {
  --agentdock-catalog-base: #f8fafc;
  --agentdock-catalog-indigo: rgba(99, 102, 241, 0.065);
  --agentdock-catalog-teal: rgba(13, 148, 136, 0.045);
  --agentdock-catalog-grid: rgba(99, 102, 241, 0.018);
}
.dark body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) {
  --agentdock-catalog-base: #090d16;
  --agentdock-catalog-indigo: rgba(129, 140, 248, 0.10);
  --agentdock-catalog-teal: rgba(45, 212, 191, 0.055);
  --agentdock-catalog-grid: rgba(165, 180, 252, 0.025);
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) div.relative > div[aria-hidden="true"][class~="inset-x-0"][class~="top-0"][style*="radial-gradient"] {
  opacity: 1;
  background:
    radial-gradient(ellipse at 24% 18%, var(--agentdock-catalog-indigo), transparent 58%),
    radial-gradient(ellipse at 78% 28%, var(--agentdock-catalog-teal), transparent 55%),
    repeating-linear-gradient(90deg, var(--agentdock-catalog-grid) 0 1px, transparent 1px 32px),
    linear-gradient(var(--agentdock-catalog-base), var(--agentdock-catalog-base)) !important;
}

/* Documentation uses the catalog/rankings wallpaper, including behind the header. */
main:has(> .agentdock-docs-page) {
  position:relative;
  isolation:isolate;
  background:radial-gradient(ellipse at 75% 12%,rgba(99,102,241,.035),transparent 56%),#f3f5f8;
  background-attachment:fixed;
}
.dark main:has(> .agentdock-docs-page) {
  background:radial-gradient(ellipse at 75% 12%,rgba(99,102,241,.045),transparent 56%),#171b22;
  background-attachment:fixed;
}
main:has(> .agentdock-docs-page)::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:url('/brand/catalog-particles-light.svg?v=7') center top / cover no-repeat;
}
.dark main:has(> .agentdock-docs-page)::before {
  background-image:url('/brand/catalog-particles-dark.svg?v=7');
}
.agentdock-docs-host { position:relative; display:block; min-height:calc(100dvh - 64px); }
@media(max-width:767.98px) {
  main:has(> .agentdock-docs-page)::before { background-position:66% top; opacity:.72; }
}
@media(prefers-reduced-motion:reduce) {
  main:has(> .agentdock-docs-page)::before { background-image:url('/brand/catalog-particles-light-still.svg?v=7'); }
  .dark main:has(> .agentdock-docs-page)::before { background-image:url('/brand/catalog-particles-dark-still.svg?v=7'); }
}

/* Rotation runs to completion independently of the pointer state. */
header [class*="system-brand"] > a[href="/"] img {
  transform-origin: 50% 50%;
}

/* Keep the same frosted material in expanded and compact public navigation.
   A subtle surface highlight keeps the glass visible over the quiet hero top. */
html header.pointer-events-none > div > nav {
  background:
    linear-gradient(115deg, rgba(255,255,255,.32), rgba(255,255,255,.06) 52%, rgba(255,255,255,.18)),
    rgba(255,255,255,.58);
  -webkit-backdrop-filter: blur(28px) saturate(160%);
  backdrop-filter: blur(28px) saturate(160%);
  border-color: rgba(255,255,255,.80);
  box-shadow: 0 6px 24px rgba(20,25,30,.055), 0 0 0 .5px rgba(20,25,30,.04), inset 0 1px 0 rgba(255,255,255,.92);
}
html.dark header.pointer-events-none > div > nav {
  background:
    linear-gradient(115deg, rgba(255,255,255,.075), rgba(255,255,255,.015) 52%, rgba(255,255,255,.04)),
    rgba(30,31,33,.56);
  border-color: rgba(255,255,255,.13);
  box-shadow: 0 6px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.12);
}

/* Expanded public and console headers share one glass material over pale wallpaper. */
html:not(.dark) :is(header.pointer-events-none > div > nav:not(.h-12), [data-slot="sidebar-wrapper"] > header > div) {
  background:
    linear-gradient(110deg, rgba(203,218,239,.24), rgba(255,255,255,.08) 46%, rgba(209,202,241,.24)),
    rgba(255,255,255,.20);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  backdrop-filter: blur(18px) saturate(160%);
  border-color: rgba(255,255,255,.62);
  box-shadow: 0 8px 28px rgba(36,46,74,.065), 0 0 0 .5px rgba(77,94,127,.055), inset 0 1px 0 rgba(255,255,255,.80), inset 0 -1px 0 rgba(255,255,255,.16);
}
html.dark :is(header.pointer-events-none > div > nav:not(.h-12), [data-slot="sidebar-wrapper"] > header > div) {
  background:
    linear-gradient(110deg, rgba(153,179,215,.07), rgba(255,255,255,.015) 46%, rgba(160,142,214,.075)),
    rgba(30,31,33,.38);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  backdrop-filter: blur(18px) saturate(160%);
}

/* The brand remains unfilled on pointer hover; the logo supplies the motion.
   Keep the native keyboard focus ring for accessible navigation. */
html body header :is([class*="system-brand"] > a[href="/"], a[aria-label="返回主页"]) {
  background: transparent !important;
}
/* == catalog-glass-public-20261026.css == */
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) {
  --catalog-glass: rgba(255, 255, 255, .18);
  --catalog-glass-strong: rgba(255, 255, 255, .34);
  --catalog-edge: rgba(255, 255, 255, .88);
  --catalog-shadow: 0 10px 32px rgba(20,25,30,.055), inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(255,255,255,.24);
  --catalog-active: rgba(100,105,110,.085);
  --catalog-hover: rgba(255,255,255,.44);
  --catalog-base: #f1f2f3;
  --catalog-light: rgba(255,255,255,.80);
  --catalog-sheen: rgba(255,255,255,.24);
  --catalog-control: rgba(255,255,255,.12);
  --catalog-control-hover: rgba(255,255,255,.36);
  --catalog-top-purple: rgba(125,112,205,.055);
  --catalog-top-teal: rgba(78,159,167,.035);
  --catalog-neutral: linear-gradient(120deg, #f7f8f9, #e9edf0 42%, #f5f6f7 72%, #edf0f2);
}
.dark body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) {
  --catalog-glass: rgba(37,38,40,.36);
  --catalog-glass-strong: rgba(37,38,40,.55);
  --catalog-edge: rgba(255,255,255,.10);
  --catalog-shadow: 0 10px 32px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.12);
  --catalog-active: rgba(255,255,255,.09);
  --catalog-hover: rgba(48,49,51,.68);
  --catalog-base: #161719;
  --catalog-light: rgba(255,255,255,.025);
  --catalog-sheen: rgba(255,255,255,.035);
  --catalog-control: rgba(255,255,255,.025);
  --catalog-control-hover: rgba(255,255,255,.075);
  --catalog-top-purple: rgba(125,112,205,.065);
  --catalog-top-teal: rgba(78,159,167,.04);
  --catalog-neutral: linear-gradient(120deg, #17191c, #22262b 42%, #191b1e 72%, #202328);
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) #root > .bg-background {
  background:
    radial-gradient(ellipse 550px 220px at 25% 0, var(--catalog-top-purple), transparent 100%),
    radial-gradient(ellipse 450px 180px at 80% 0, var(--catalog-top-teal), transparent 100%),
    var(--catalog-neutral);
  background-attachment: scroll, scroll, fixed;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) div.relative > div[aria-hidden="true"][class~="inset-x-0"][style*="radial-gradient"] {
  display: none;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside.bg-card, main > .bg-card, main [data-slot="card"], main [data-slot="table-container"], header input) {
  background: var(--catalog-glass);
  border-color: var(--catalog-edge);
  box-shadow: var(--catalog-shadow);
  -webkit-backdrop-filter: blur(36px) saturate(120%);
  backdrop-filter: blur(36px) saturate(120%);
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside.bg-card, main > .bg-card) {
  background: var(--catalog-glass-strong);
}
/* Keep the search icon above the input's new backdrop stacking context. */
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) header div:has(> input) > :is(svg, div) {
  z-index: 1;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) [data-slot="sheet-content"] {
  background: var(--catalog-glass-strong);
  border-color: var(--catalog-edge);
  -webkit-backdrop-filter: blur(28px);
  backdrop-filter: blur(28px);
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [data-slot="card"] {
  --tw-ring-color: var(--catalog-edge);
  background: linear-gradient(125deg, var(--catalog-sheen), transparent 45%), var(--catalog-glass);
  border: 1px solid var(--catalog-edge);
  transition: background-color .2s, border-color .2s, box-shadow .2s;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [data-slot="card"]:hover {
  background: var(--catalog-hover);
  border-color: rgba(130, 135, 140, .24);
  box-shadow: 0 10px 30px rgba(20, 25, 30, .08), inset 0 1px 0 rgba(255,255,255,.25);
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside button[aria-pressed="true"], main [data-slot="toggle-group-item"][aria-pressed="true"]) {
  background: var(--catalog-active);
}
@supports not (backdrop-filter: blur(1px)) {
  body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside.bg-card, main > .bg-card, main [data-slot="card"], main [data-slot="table-container"], header input) {
    background: var(--catalog-base);
  }
}
@media (prefers-reduced-motion: reduce) {
  body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [data-slot="card"] { transition: none; }
}

/* Neutral frosted surface: fine grain, edge reflection and real backdrop blur. */
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [data-slot="card"] {
  background-image: linear-gradient(145deg, rgba(255,255,255,.24), rgba(255,255,255,.015) 62%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23888' opacity='.045' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");
  background-size: auto, 160px 160px;
}
.dark body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [data-slot="card"] {
  background-image: linear-gradient(145deg, rgba(255,255,255,.035), transparent 62%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23888' opacity='.045' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");
}

/* Reuse the homepage particle palette behind the frosted surfaces. */
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) #root > .bg-background::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: url("/brand/ambient-particles-20261026.svg?v=1") center / 960px 720px repeat;
  opacity: .80;
}
.dark body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) #root > .bg-background::before {
  opacity: .85;
}
@media (max-width: 767.98px) {
  body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) #root > .bg-background::before {
    opacity: .66;
  }
}
@media (prefers-reduced-motion: reduce) {
  body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) #root > .bg-background::before {
    background-image: url("/brand/ambient-particles-still-20261026.svg?v=1");
  }
}

/* Carry the same translucent material through the remaining outline controls. */
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(main, aside, [data-slot="sheet-content"]) button.bg-background,
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main > .bg-card [role="group"],
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) header kbd {
  background: var(--catalog-control);
  border-color: color-mix(in srgb, currentColor 12%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--catalog-edge) 65%, transparent);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(main, aside, [data-slot="sheet-content"]) button.bg-background:hover {
  background: var(--catalog-control-hover);
}
/* == rankings-glass-20261026.css == */
/* Rankings presentation only. The active native navigation scopes every rule;
   client-side navigation removes the effect without scripts or route hooks. */
body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) {
  --rank-base: #f3f5f8;
  --rank-sheen-end: rgba(255,255,255,.025);
  --rank-glass: rgba(255, 255, 255, .06);
  --rank-glass-top: rgba(255, 255, 255, .14);
  --rank-edge: rgba(255, 255, 255, .78);
  --rank-divider: rgba(0, 0, 0, .065);
  --rank-shadow: 0 18px 55px rgba(47,51,92,.085), inset 0 1px 0 rgba(255,255,255,.92), inset 0 -1px 0 rgba(255,255,255,.2);
  --rank-accent: #27272a;
  --rank-selected: rgba(255, 255, 255, .8);
  --rank-hover: rgba(255, 255, 255, .42);
}
.dark body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) {
  --rank-base: #171b22;
  --rank-sheen-end: rgba(255,255,255,.008);
  --rank-glass: rgba(23, 27, 34, .16);
  --rank-glass-top: rgba(201, 201, 255, .07);
  --rank-edge: rgba(210, 210, 255, .22);
  --rank-divider: rgba(255, 255, 255, .07);
  --rank-shadow: 0 18px 55px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 rgba(255,255,255,.035);
  --rank-accent: #f4f4f5;
  --rank-selected: rgba(255, 255, 255, .11);
  --rank-hover: rgba(255, 255, 255, .045);
}

body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) #root > .bg-background {
  background: var(--rank-base);
}
body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) #root > .bg-background > .relative::before {
  content: none;
}
body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) #root > .bg-background > .relative > [aria-hidden="true"][style*="radial-gradient"] {
  display: none;
}

body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) #root > .bg-background > .relative .bg-card,
body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) [role="tablist"] {
  background: linear-gradient(135deg, var(--rank-glass-top), var(--rank-sheen-end) 68%), var(--rank-glass);
  border: 1px solid var(--rank-edge);
  box-shadow: var(--rank-shadow);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
}
body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) #root > .bg-background > .relative .bg-card {
  border-radius: 22px;
}
body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) #root > .bg-background > .relative .bg-card :is(.border-t, .border-b) {
  border-color: var(--rank-divider);
}
body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) [role="tablist"] {
  width: fit-content;
  max-width: 100%;
  gap: 4px;
  padding: 5px;
  border-radius: 16px;
}
body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) [role="tab"] {
  margin-bottom: 0;
  padding: 9px 20px;
  border-radius: 11px;
  transition: background-color .18s ease, color .18s ease;
}
body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) [role="tab"][aria-selected="true"] {
  color: var(--rank-accent);
  background: var(--rank-selected);
  box-shadow: inset 0 0 0 1px var(--rank-divider);
}
body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) [role="tab"] > span[aria-hidden="true"] {
  display: none;
}
body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) [role="tab"]:hover {
  background: var(--rank-hover);
}
body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) #root > .bg-background > .relative .bg-card li {
  background: transparent;
  transition: none;
}

@media (max-width: 639px) {
  body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) #root > .bg-background > .relative .bg-card {
    border-radius: 18px;
  }
  body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) [role="tab"] {
    padding: 9px 16px;
  }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) {
    --rank-glass: rgba(255, 255, 255, .92);
  }
  .dark body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) {
    --rank-glass: rgba(32, 32, 35, .94);
  }
}

/* Reuse the catalog's original artwork and viewport-anchored background.
   Paint it below the content so the cards' backdrop-filter blurs the particles,
   while chart labels, plots and controls remain sharp. */
body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) #root > .bg-background {
  background: radial-gradient(ellipse at 75% 12%, rgba(99,102,241,.035), transparent 56%), var(--rank-base);
  background-attachment: fixed;
}
.dark body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) #root > .bg-background {
  background: radial-gradient(ellipse at 75% 12%, rgba(99,102,241,.045), transparent 56%), var(--rank-base);
  background-attachment: fixed;
}
body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) #root > .bg-background::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: url('/brand/catalog-particles-light.svg?v=7') center top / cover no-repeat;
  opacity: 1;
}
.dark body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) #root > .bg-background::before {
  background-image: url('/brand/catalog-particles-dark.svg?v=7');
}
@media (max-width: 767.98px) {
  body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) #root > .bg-background::before {
    background-position: 66% top;
    opacity: .72;
  }
  body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) #root > .bg-background > .relative .bg-card,
  body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) [role="tablist"] {
    -webkit-backdrop-filter: blur(18px) saturate(135%);
    backdrop-filter: blur(18px) saturate(135%);
  }
}
@media (prefers-reduced-motion: reduce) {
  body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) #root > .bg-background::before {
    background-image: url('/brand/catalog-particles-light-still.svg?v=7');
  }
  .dark body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) #root > .bg-background::before {
    background-image: url('/brand/catalog-particles-dark-still.svg?v=7');
  }
  body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) :is([role="tab"], .bg-card li) {
    transition: none;
  }
}
/* Match the native About card: a transparent pane, directional reflection,
   bright upper rim and soft lower edge. Content sits above the reflection. */
body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) #root > .bg-background > .relative .bg-card,
body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) [role="tablist"] {
  position: relative;
}
body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) #root > .bg-background > .relative .bg-card::before,
body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) [role="tablist"]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(150deg,rgba(255,255,255,.1),transparent 40%,rgba(115,112,230,.025));
}
.dark body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) #root > .bg-background > .relative .bg-card::before,
.dark body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) [role="tablist"]::before {
  opacity: .35;
}
body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) #root > .bg-background > .relative .bg-card > *,
body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) [role="tablist"] > * {
  position: relative;
  z-index: 1;
}

.ad-rank-list li{padding-inline:.55rem;border-radius:7px;background:linear-gradient(90deg,rgba(116,108,191,.10) var(--ad-share),transparent var(--ad-share))}
.ad-rank-list li:hover{outline:1px solid rgba(122,113,191,.32)}
.ad-rank-sample{font-size:11px;color:inherit;opacity:.78}
/* == console-glass-20261026.css == */
/* AgentDock: console only; pairs with the existing catalog glass. Native layout, theme and controls stay in charge. */
body:has([data-slot="sidebar-wrapper"]) {
  --ad-base: #f1f2f3;
  --ad-light: rgba(255, 255, 255, .80);
  --ad-shade: rgba(126, 130, 135, .045);
  --ad-glass: rgba(255, 255, 255, .48);
  --ad-inner: rgba(255, 255, 255, .32);
  --ad-shell: rgba(255, 255, 255, .10);
  --ad-edge: rgba(110, 115, 120, .13);
  --ad-highlight: rgba(255, 255, 255, .84);
  --ad-shadow: 0 8px 28px rgba(20, 25, 30, .055), 0 1px 3px rgba(20, 25, 30, .025), inset 0 1px 0 var(--ad-highlight);
  background-color: var(--ad-base);
  background-image:
    radial-gradient(ellipse at 12% 5%, var(--ad-light), transparent 52%),
    radial-gradient(ellipse at 93% 35%, var(--ad-shade), transparent 55%),
    linear-gradient(transparent, transparent);
  background-attachment: fixed;
}

.dark body:has([data-slot="sidebar-wrapper"]) {
  --ad-base: #161719;
  --ad-light: rgba(255, 255, 255, .025);
  --ad-shade: rgba(0, 0, 0, .08);
  --ad-glass: rgba(37, 38, 40, .57);
  --ad-inner: rgba(255, 255, 255, .035);
  --ad-shell: rgba(255, 255, 255, .015);
  --ad-edge: rgba(255, 255, 255, .10);
  --ad-highlight: rgba(255, 255, 255, .12);
  --ad-shadow: 0 8px 28px rgba(0, 0, 0, .12), inset 0 1px 0 var(--ad-highlight);
}

/* Console: a translucent frame around the original dense workspace. */
[data-slot="sidebar-wrapper"] {
  background: transparent;
}
[data-slot="sidebar-wrapper"] > header {
  background: var(--ad-glass);
  border-bottom: 1px solid var(--ad-edge);
  box-shadow: 0 1px 16px rgba(20, 25, 30, .025);
  -webkit-backdrop-filter: blur(28px);
  backdrop-filter: blur(28px);
}
[data-slot="sidebar-wrapper"] [data-slot="sidebar-inner"] {
  background: var(--ad-inner);
  border: 1px solid var(--ad-edge);
  border-radius: 16px;
  box-shadow: inset 0 1px 0 var(--ad-highlight);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
}
[data-slot="sidebar-wrapper"] [data-slot="sidebar-inset"] {
  background: var(--ad-shell);
  border: 1px solid var(--ad-edge);
  box-shadow: var(--ad-shadow);
}
[data-slot="sidebar-wrapper"] [data-slot="sidebar-inset"] :is(.bg-card, [data-slot="card"]) {
  background: var(--ad-glass);
  border-color: var(--ad-edge);
  box-shadow: var(--ad-shadow);
  -webkit-backdrop-filter: blur(28px);
  backdrop-filter: blur(28px);
}
[data-slot="sidebar-wrapper"] [data-slot="sidebar-inset"] [class~="bg-background/60"] {
  background: var(--ad-inner);
  border-color: var(--ad-edge);
  box-shadow: inset 0 1px 0 var(--ad-highlight);
}
/* Reduce blur cost on phones. */
@media (max-width: 767px) {
  [data-slot="sidebar-wrapper"] [data-slot="sidebar-inset"] :is(.bg-card, [data-slot="card"]) {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body:has([data-slot="sidebar-wrapper"]) {
    --ad-glass: color-mix(in srgb, var(--ad-base) 94%, transparent);
    --ad-inner: color-mix(in srgb, var(--ad-base) 88%, transparent);
  }
}
/* Neutral frosted surface: fine grain, edge reflection and real backdrop blur. */
[data-slot="sidebar-wrapper"] [data-slot="sidebar-inset"] :is(.bg-card, [data-slot="card"]) {
  background-image: linear-gradient(145deg, rgba(255,255,255,.24), rgba(255,255,255,.015) 62%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23888' opacity='.045' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");
  background-size: auto, 160px 160px;
}
.dark [data-slot="sidebar-wrapper"] [data-slot="sidebar-inset"] :is(.bg-card, [data-slot="card"]) {
  background-image: linear-gradient(145deg, rgba(255,255,255,.035), transparent 62%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23888' opacity='.045' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");
}
/* == navigation-i18n-20261026.css == */
/* A single geometry and glass material for the public and console navigation.
   Keep the native React controls, menus, keyboard shortcuts and routing. */
html:has(header.pointer-events-none),
html:has([data-slot="sidebar-wrapper"]) {
  scrollbar-gutter: stable;
  --ad-nav-height: 56px;
  --ad-nav-space: 84px;
  --ad-nav-glass: rgba(255, 255, 255, .64);
  --ad-nav-border: rgba(255, 255, 255, .78);
  --ad-nav-shadow: 0 6px 24px rgba(20, 25, 30, .045), 0 0 0 .5px rgba(20, 25, 30, .04), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html.dark:has(header.pointer-events-none),
html.dark:has([data-slot="sidebar-wrapper"]) {
  --ad-nav-glass: rgba(30, 31, 33, .70);
  --ad-nav-border: rgba(255, 255, 255, .10);
  --ad-nav-shadow: 0 6px 24px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .08);
}

/* Shared expanded navigation. Native public scroll state controls contraction. */
header.pointer-events-none > div {
  width: 100%;
  max-width: 1280px;
  padding: 16px 24px 12px;
  transition: none;
}
header.pointer-events-none > div > nav,
[data-slot="sidebar-wrapper"] > header > div {
  box-sizing: border-box;
  height: var(--ad-nav-height);
  min-height: var(--ad-nav-height);
  padding: 8px 16px;
  gap: 6px;
  border: 1px solid var(--ad-nav-border);
  border-radius: 999px;
  background: var(--ad-nav-glass);
  box-shadow: var(--ad-nav-shadow);
  --tw-ring-shadow: 0 0 #0000;
  --tw-ring-offset-shadow: 0 0 #0000;
  -webkit-backdrop-filter: blur(28px);
  backdrop-filter: blur(28px);
  transition: background-color .2s, box-shadow .2s;
}

/* The console reserves the same top space; sidebar and viewport calculations
   inherit it, so neither the page nor its fixed sidebar sits under the pill. */
[data-slot="sidebar-wrapper"] {
  --app-header-height: var(--ad-nav-space);
}
[data-slot="sidebar-wrapper"] > header {
  height: var(--ad-nav-space);
  min-height: var(--ad-nav-space);
  z-index: 50;
  background: transparent;
  border: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
[data-slot="sidebar-wrapper"] > header > div {
  width: calc(100% - 48px);
  max-width: 1232px;
  margin: 16px auto 12px;
}

/* Match brand size and weight across the two native component trees. */
[data-slot="sidebar-wrapper"] > header [class*="system-brand"] {
  order: 0;
  flex: 1 1 auto;
  min-width: 0;
}
[data-slot="sidebar-wrapper"] > header [class*="system-brand"] > button[aria-haspopup="dialog"] {
  display: none;
}
[data-slot="sidebar-wrapper"] > header [class*="system-brand"] > a[href="/"] {
  height: auto;
  padding: 0;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
}
[data-slot="sidebar-wrapper"] > header [class*="system-brand"] > a[href="/"] > div {
  width: 28px;
  height: 28px;
  border-radius: 0;
  overflow: visible;
}
[data-slot="sidebar-wrapper"] > header [class*="system-brand"] > a[href="/"] img {
  object-fit: contain;
  border-radius: 0;
}

/* Flatten only layout wrappers; keep every native menu trigger operational. */
[data-slot="sidebar-wrapper"] > header > div > div:last-child {
  display: contents;
}
[data-slot="sidebar-wrapper"] > header > div > div:last-child > div:first-child {
  display: block;
  order: 1;
  margin: 0 6px 0 0;
}
[data-slot="sidebar-wrapper"] > header nav {
  gap: 2px;
}
[data-slot="sidebar-wrapper"] > header nav > a {
  margin: 0;
  padding: 6px 12px;
  border-radius: 8px;
  color: var(--muted-foreground);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
[data-slot="sidebar-wrapper"] > header nav > a:is(:hover, [aria-current="page"]) {
  color: var(--foreground);
}
[data-slot="sidebar-wrapper"] > header nav > a[aria-current="page"] {
  font-weight: 600;
}
[data-slot="sidebar-wrapper"] > header [data-slot="sidebar-trigger"] { order: 2; }
[data-slot="sidebar-wrapper"] > header button:has(> svg.lucide-search) { order: 3; }
[data-slot="sidebar-wrapper"] > header button:has(.lucide-languages) { order: 4; }
[data-slot="sidebar-wrapper"] > header button:is([data-ad-theme-toggle], :has(> svg.lucide-palette), :has(> svg.lucide-sun), :has(> svg.lucide-moon)) { order: 5; }
[data-slot="sidebar-wrapper"] > header button:has(> svg.lucide-bell) { order: 6; }
[data-slot="sidebar-wrapper"] > header button:has([data-slot="avatar"]) { order: 7; }
[data-slot="sidebar-wrapper"] > header > div > button,
[data-slot="sidebar-wrapper"] > header > div > div:last-child > button {
  width: 36px;
  height: 36px;
  min-width: 36px;
  padding: 0;
  border-radius: 10px;
}
[data-slot="sidebar-wrapper"] > header button:has(> svg.lucide-search) {
  justify-content: center;
  border-color: transparent;
  background: transparent;
  color: var(--foreground);
}
[data-slot="sidebar-wrapper"] > header button:has(> svg.lucide-search) > :is(span, kbd) {
  display: none;
}
[data-slot="sidebar-wrapper"] > header button:has(> svg.lucide-search) > svg {
  position: static;
  transform: none;
  translate: none;
  inset: auto;
  width: 19.2px;
  height: 19.2px;
}
:is(header.pointer-events-none, [data-slot="sidebar-wrapper"] > header) [data-slot="avatar"] {
  width: 28px;
  height: 28px;
}

@media (max-width: 767px) {
  html:has(header.pointer-events-none),
  html:has([data-slot="sidebar-wrapper"]) { --ad-nav-space: 80px; }
  header.pointer-events-none > div { padding: 12px 12px; }
  [data-slot="sidebar-wrapper"] > header > div {
    width: calc(100% - 24px);
    margin: 12px auto;
  }
  header.pointer-events-none > div > nav,
  [data-slot="sidebar-wrapper"] > header > div { padding: 8px 10px; gap: 2px; }
  [data-slot="sidebar-wrapper"] > header > div > button,
  [data-slot="sidebar-wrapper"] > header > div > div:last-child > button {
    width: 32px;
    min-width: 32px;
  }
}
@media (max-width: 480px) {
  [data-slot="sidebar-wrapper"] > header [class*="system-brand"] > a[href="/"] > span,
  header.pointer-events-none nav > [class*="system-brand"] > a > span { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  header.pointer-events-none > div > nav,
  [data-slot="sidebar-wrapper"] > header > div { transition: none; }
}

/* Animate the used width, so viewport clamping cannot cut expansion short.
   Both endpoints retain their existing size and content arrangement. */
header.pointer-events-none > div {
  width: min(100%, 1280px);
  max-width: 1280px;
  transition: width .6s cubic-bezier(.4, 0, .2, 1), padding .6s cubic-bezier(.4, 0, .2, 1);
}
header.pointer-events-none > div > nav {
  transition: height .6s cubic-bezier(.4, 0, .2, 1), min-height .6s cubic-bezier(.4, 0, .2, 1),
    padding .6s cubic-bezier(.4, 0, .2, 1), border-color .6s cubic-bezier(.4, 0, .2, 1),
    background-color .6s cubic-bezier(.4, 0, .2, 1), box-shadow .6s cubic-bezier(.4, 0, .2, 1),
    backdrop-filter .6s cubic-bezier(.4, 0, .2, 1), -webkit-backdrop-filter .6s cubic-bezier(.4, 0, .2, 1);
}
header.pointer-events-none > div:has(> nav.h-12) {
  width: min(100%, max(832px, calc(var(--ad-nav-required, 0px) + 26px)));
  max-width: 1280px;
  padding: 12px;
}
header.pointer-events-none > div > nav.h-12 {
  height: 48px;
  min-height: 48px;
  padding-top: 4px;
  padding-bottom: 4px;
}
@media (prefers-reduced-motion: reduce) {
  header.pointer-events-none > div,
  header.pointer-events-none > div > nav,
  [data-slot="sidebar-wrapper"] > header > div { transition: none; }
}

/* Console stays expanded. Its main links share the public header's positions;
   console-only actions occupy the free space beside the brand instead. */
[data-slot="sidebar-wrapper"] > header > div {
  position: relative;
  transition: background-color .2s, box-shadow .2s;
}
[data-slot="sidebar-wrapper"] > header [class*="system-brand"] > a[href="/"] {
  letter-spacing: -.025em;
}
/* Content determines the breakpoint; both native header trees keep their menus. */
header.pointer-events-none nav[data-ad-nav-layout="expanded"] > div:nth-child(2) {
  display: flex;
  flex: 0 0 auto;
  min-width: max-content;
}
header.pointer-events-none nav[data-ad-nav-layout="expanded"] > div:first-child {
  min-width: 136px;
}
header.pointer-events-none nav[data-ad-nav-layout="expanded"] > div:last-child,
header.pointer-events-none > div:has(nav[data-ad-nav-layout="expanded"]) > :not(nav) {
  display: none;
}
header.pointer-events-none nav[data-ad-nav-layout="collapsed"] > div:nth-child(2) { display: none; }
header.pointer-events-none nav[data-ad-nav-layout="collapsed"] > div:last-child { display: flex; }

[data-slot="sidebar-wrapper"] > header > div:not([data-ad-nav-layout="collapsed"]) { gap: 2px; }
[data-slot="sidebar-wrapper"] > header > div:not([data-ad-nav-layout="collapsed"]) > div:last-child > div:first-child {
  margin: 0 19px 0 0;
  flex: 0 0 auto;
}
[data-slot="sidebar-wrapper"] > header > div:not([data-ad-nav-layout="collapsed"]) nav {
  display: flex;
  width: max-content;
}
[data-slot="sidebar-wrapper"] > header > div:not([data-ad-nav-layout="collapsed"]) > div:last-child > div:first-child > div { display: none; }
[data-slot="sidebar-wrapper"] > header > div:not([data-ad-nav-layout="collapsed"]) [class*="system-brand"] { min-width: 224px; }
[data-slot="sidebar-wrapper"] > header > div:not([data-ad-nav-layout="collapsed"]) :is([data-slot="sidebar-trigger"], button:has(> svg.lucide-search)) {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
}
[data-slot="sidebar-wrapper"] > header > div:not([data-ad-nav-layout="collapsed"]) [data-slot="sidebar-trigger"] { left: 144px; }
[data-slot="sidebar-wrapper"] > header > div:not([data-ad-nav-layout="collapsed"]) button:has(> svg.lucide-search) { left: 184px; }
[data-slot="sidebar-wrapper"] > header > div:not([data-ad-nav-layout="collapsed"]) > div:last-child > button:has([data-slot="avatar"]) {
  width: 24px;
  min-width: 24px;
  margin-left: 11px;
}
[data-slot="sidebar-wrapper"] > header > div:not([data-ad-nav-layout="collapsed"]) button:has(.lucide-languages) { position: relative; }
[data-slot="sidebar-wrapper"] > header > div:not([data-ad-nav-layout="collapsed"]) button:has(.lucide-languages)::before {
  content: "";
  position: absolute;
  left: -11px;
  width: 1px;
  height: 16px;
  background: var(--border);
  opacity: .4;
}
[data-slot="sidebar-wrapper"] > header > div[data-ad-nav-layout="collapsed"] nav { display: none; }
[data-slot="sidebar-wrapper"] > header > div[data-ad-nav-layout="collapsed"] > div:last-child > div:first-child > div { display: block; }
[data-slot="sidebar-wrapper"] > header nav > a { white-space: nowrap; flex-shrink: 0; }

/* Sample the actual page behind the public navigation at both scroll states.
   Keep the edge highlights and geometry; avoid painting a substitute tint. */
html:not(.dark) :is(header.pointer-events-none > div > nav:is(.h-12, :not(.h-12)), [data-slot="sidebar-wrapper"] > header > div) {
  background: rgba(255, 255, 255, .32);
  -webkit-backdrop-filter: blur(28px) saturate(160%);
  backdrop-filter: blur(28px) saturate(160%);
}
html.dark :is(header.pointer-events-none > div > nav:is(.h-12, :not(.h-12)), [data-slot="sidebar-wrapper"] > header > div) {
  background: rgba(30, 31, 33, .52);
  -webkit-backdrop-filter: blur(28px) saturate(160%);
  backdrop-filter: blur(28px) saturate(160%);
}

/* Native controls must not tween from their default size when a route mounts.
   Public and console account triggers share the same expanded geometry. */
[data-slot="sidebar-wrapper"] > header button {
  transition-property: color, background-color, border-color, box-shadow, opacity;
}
[data-slot="sidebar-wrapper"] > header > div:not([data-ad-nav-layout="collapsed"]) > div:last-child > button:has([data-slot="avatar"]) {
  height: 24px;
}
/* == about-shell-20261026.css == */
/* The public header floats over a complete viewport, with no 56px blank strip. */
iframe[src="https://agentgate.cc/brand/about-zih.html"] {
  display: block;
  height: 100svh;
  min-height: 480px;
}

/* Keep the catalogue backdrop visible while the opaque About frame loads. */
/* Background only. Content, glass surfaces and layout stay in their own sheet. */
body:has(header.pointer-events-none a[href="/about"][aria-current="page"]) #root > .bg-background {
  background: radial-gradient(ellipse at 75% 12%, rgba(99,102,241,.035), transparent 56%), #f3f5f8;
  background-attachment: fixed;
}
.dark body:has(header.pointer-events-none a[href="/about"][aria-current="page"]) #root > .bg-background {
  background: radial-gradient(ellipse at 75% 12%, rgba(99,102,241,.045), transparent 56%), #171b22;
  background-attachment: fixed;
}
body:has(header.pointer-events-none a[href="/about"][aria-current="page"]) #root > .bg-background::before {
  inset: 0;
  background: url('/brand/catalog-particles-light.svg?v=7') center top / cover no-repeat;
  opacity: 1;
  pointer-events: none;
}
.dark body:has(header.pointer-events-none a[href="/about"][aria-current="page"]) #root > .bg-background::before {
  background-image: url('/brand/catalog-particles-dark.svg?v=7');
  opacity: 1;
}
@media (max-width: 767.98px) {
  body:has(header.pointer-events-none a[href="/about"][aria-current="page"]) #root > .bg-background::before {
    background-position: 66% top;
    opacity: .72;
  }
}
@media (prefers-reduced-motion: reduce) {
  body:has(header.pointer-events-none a[href="/about"][aria-current="page"]) #root > .bg-background::before {
    background-image: url('/brand/catalog-particles-light-still.svg?v=7');
  }
  .dark body:has(header.pointer-events-none a[href="/about"][aria-current="page"]) #root > .bg-background::before {
    background-image: url('/brand/catalog-particles-dark-still.svg?v=7');
  }
}

body:has(header.pointer-events-none a[href="/about"][aria-current="page"]) #root > .bg-background::before {
  content:""; position:fixed; z-index:0; pointer-events:none;
}
iframe[src="https://agentgate.cc/brand/about-zih.html"] { position:relative; z-index:1; color-scheme:light dark; }
html.about-frame-guard iframe[src="https://agentgate.cc/brand/about-zih.html"]:not([data-about-ready]) { opacity:0; pointer-events:none; }

/* Native About profile; entrance is provided by the shared PageEnter component. */

/* Compact translucent profile pane. */
.agentdock-about,.agentdock-about * { box-sizing:border-box; }
.agentdock-about {
  color-scheme:light;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;
  font-synthesis:none;
  --page:#f1f4f6; --ink:#18212e; --muted:#58677b; --accent:#5659e8;
  --edge:rgba(255,255,255,.64); --control:rgba(255,255,255,.14);
  --material:linear-gradient(125deg,rgba(255,255,255,.20),rgba(255,255,255,.025) 70%),rgba(255,255,255,.08);
  --shadow:0 24px 72px rgba(35,45,70,.065),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(255,255,255,.12);
  color:var(--ink);
}
.dark .agentdock-about {
  color-scheme:dark; --page:#1b1f24; --ink:#edf0f7; --muted:#a9b7cb; --accent:#aaa5ff;
  --edge:rgba(255,255,255,.17); --control:rgba(255,255,255,.025);
  --material:linear-gradient(125deg,rgba(255,255,255,.055),rgba(255,255,255,.008) 70%),rgba(25,30,39,.18);
  --shadow:0 24px 72px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(255,255,255,.035);
}
.agentdock-about {
  margin:0; position:relative; isolation:isolate; min-height:100svh;
  padding:96px 24px 40px; display:grid; place-items:center;
  background:transparent; color:var(--ink);
}
.agentdock-about main { position:relative; width:min(480px,100%); min-width:0; transform:translateY(calc(-1 * clamp(32px,8svh,96px))); }
.ad-about-card {
  position:relative; container-type:inline-size; width:100%; aspect-ratio:8 / 5;
  border:1px solid var(--edge); border-radius:24px; overflow:hidden;
  background:var(--material); box-shadow:var(--shadow);
  -webkit-backdrop-filter:blur(14px) saturate(125%); backdrop-filter:blur(14px) saturate(125%);
}
.ad-about-cover { display:none; }
.ad-about-content { position:absolute; inset:0; }
.ad-about-portrait { position:absolute; left:6.25cqw; top:7.33%; width:101px; height:101px; border-radius:50%; overflow:hidden; background:#e8edf4; border:2px solid rgba(255,255,255,.78); box-shadow:0 8px 24px rgba(35,45,70,.08); }
.ad-about-portrait img { display:block; width:100%; height:100%; object-fit:cover; }
.ad-about-name-row { position:absolute; left:6.25cqw; top:45%; }
.agentdock-about h1 { margin:0; font-size:clamp(23px,5.416667cqw,26px); font-weight:700; line-height:1.2; letter-spacing:-.04em; }
.ad-about-socials { position:absolute; left:6.25cqw; top:59%; height:21px; display:flex; align-items:center; gap:13px; color:var(--ink); }
.ad-about-social { display:inline-flex; align-items:center; justify-content:center; }
.ad-about-socials svg { display:block; width:18px; height:18px; fill:currentColor; }
.ad-about-socials .ad-about-badge { width:20px; height:20px; color:#5659e8; }
.dark .agentdock-about .ad-about-socials .ad-about-badge { color:#aaa5ff; }
.ad-about-dash { width:13px; height:1px; background:currentColor; }
.ad-about-socials a { color:inherit; text-decoration:none; transition:color .18s; }
.ad-about-socials a:hover { color:var(--accent); }
.ad-about-socials a:focus-visible { outline:2px solid var(--accent); outline-offset:4px; border-radius:3px; }
.ad-about-intro { position:absolute; left:6.25cqw; top:71.667%; margin:0; font-size:13px; font-weight:400; line-height:1.5; }
.ad-about-actions { position:absolute; left:6.25cqw; bottom:16px; width:87.5cqw; height:40px; display:flex; gap:12px; }
.ad-about-action { appearance:none; flex:1; min-width:0; padding:0 10px; border:1px solid var(--edge); border-radius:11px; background:var(--control); color:var(--accent); display:inline-flex; align-items:center; justify-content:center; text-decoration:none; font-family:inherit; font-size:13px; font-weight:500; line-height:1.2; cursor:pointer; box-shadow:inset 0 1px 0 rgba(255,255,255,.28); transition:background .18s,transform .18s; }
.ad-about-action:hover { background:rgba(255,255,255,.28); transform:translateY(-1px); }
.dark .agentdock-about .ad-about-action:hover { background:rgba(255,255,255,.08); }
.ad-about-action:active { transform:translateY(0); }
.ad-about-action:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.agentdock-about dialog { width:390px; max-width:calc(100vw - 40px); padding:24px; border:1px solid var(--edge); border-radius:22px; background:var(--page); color:var(--ink); box-shadow:var(--shadow); }
.agentdock-about dialog::backdrop { background:rgba(23,34,56,.3); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
.agentdock-about dialog h2 { margin:0 0 8px; font-size:19px; }
.agentdock-about dialog p { margin:0 0 18px; color:var(--muted); font-size:13px; line-height:1.7; }
.agentdock-about dialog input { display:block; width:100%; padding:11px 9px; border:1px solid var(--edge); border-radius:8px; background:var(--control); color:var(--ink); font:12px/1.4 monospace; }
.ad-about-.agentdock-about dialog-actions { display:flex; gap:10px; margin-top:18px; }
.ad-about-.agentdock-about dialog-actions .ad-about-action { height:36px; }
.ad-about-status { min-height:18px; margin-top:10px; color:var(--accent); font-size:12px; }
@media(max-width:500px) {
  .agentdock-about { padding:88px 20px 32px; }
  .agentdock-about main { transform:translateY(-24px); }
  .ad-about-portrait { top:5cqw; width:23.125cqw; height:23.125cqw; }
  .ad-about-name-row { top:30.729167cqw; }
  .ad-about-socials { top:40.5cqw; }
  .ad-about-intro { top:48.958333cqw; }
  .ad-about-actions { top:56.25cqw; bottom:auto; }
  .ad-about-card { aspect-ratio:960 / 735; border-radius:22px; }
  .ad-about-intro { font-size:12px; }
  .ad-about-socials { gap:11px; }
  .ad-about-socials svg { width:17px; height:17px; }
}
@media(max-height:540px) { .agentdock-about main { transform:none; } }
@supports not (backdrop-filter:blur(1px)) { .ad-about-card { background:var(--page); } }
@media(prefers-reduced-motion:reduce) { .ad-about-action,.ad-about-socials a { transition:none; } .ad-about-action:hover { transform:none; } }

/* Give the two profile actions a clear silhouette over the glass. */
.ad-about-actions .ad-about-action {
  font-weight:600; letter-spacing:.01em;
  border-color:rgba(86,89,232,.30); color:#4548c9;
  background:linear-gradient(135deg,rgba(255,255,255,.65),rgba(221,222,255,.46));
  box-shadow:0 4px 12px rgba(70,73,170,.10),inset 0 1px 0 rgba(255,255,255,.85);
  transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;
}
.ad-about-actions .ad-about-contact {
  color:#fff; border-color:rgba(86,89,232,.70);
  background:linear-gradient(135deg,#6664ed,#5659df);
  box-shadow:0 5px 15px rgba(86,89,232,.23),inset 0 1px 0 rgba(255,255,255,.25);
}
.ad-about-actions .ad-about-action:hover {
  border-color:rgba(86,89,232,.58);
  background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(214,215,255,.68));
  box-shadow:0 7px 18px rgba(70,73,170,.17),inset 0 1px 0 rgba(255,255,255,.95);
  transform:translateY(-2px);
}
.ad-about-actions .ad-about-contact:hover {
  border-color:#6664ed; background:linear-gradient(135deg,#7270f5,#4c4fd3);
  box-shadow:0 8px 22px rgba(86,89,232,.32),inset 0 1px 0 rgba(255,255,255,.3);
}
.ad-about-actions .ad-about-action:active { transform:translateY(0); box-shadow:0 2px 6px rgba(70,73,170,.13); }
.dark .agentdock-about .ad-about-actions .ad-about-action {
  color:#d2cfff; border-color:rgba(170,165,255,.4);
  background:linear-gradient(135deg,rgba(170,165,255,.18),rgba(125,119,226,.12));
  box-shadow:0 4px 12px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.12);
}
.dark .agentdock-about .ad-about-actions .ad-about-contact {
  color:#fff; border-color:rgba(181,177,255,.58);
  background:linear-gradient(135deg,#7770de,#625bca);
  box-shadow:0 5px 16px rgba(80,70,185,.3),inset 0 1px 0 rgba(255,255,255,.2);
}
.dark .agentdock-about .ad-about-actions .ad-about-action:hover {
  background:linear-gradient(135deg,rgba(170,165,255,.28),rgba(125,119,226,.22));
  border-color:rgba(190,185,255,.65);
}
.dark .agentdock-about .ad-about-actions .ad-about-contact:hover { background:linear-gradient(135deg,#8780ed,#7068db); }
@media(prefers-reduced-motion:reduce) { .ad-about-actions .ad-about-action { transition:none; } .ad-about-actions .ad-about-action:hover { transform:none; } }




.agentdock-about {
  --edge:rgba(255,255,255,.78);
  --material:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.025) 68%),rgba(255,255,255,.06);
  --shadow:0 18px 55px rgba(47,51,92,.085),inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(255,255,255,.2);
}
.dark .agentdock-about {
  --edge:rgba(210,210,255,.22);
  --material:linear-gradient(135deg,rgba(201,201,255,.07),rgba(255,255,255,.008) 68%),rgba(23,27,34,.16);
  --shadow:0 18px 55px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.035);
}
.ad-about-card {
  -webkit-backdrop-filter:blur(18px) saturate(135%); backdrop-filter:blur(18px) saturate(135%);
  animation:none;
}
.ad-about-card::before { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:linear-gradient(150deg,rgba(255,255,255,.1),transparent 40%,rgba(115,112,230,.025)); }
.dark .agentdock-about .ad-about-card::before { opacity:.35; }


.agentdock-about { width:100%; --page:#f3f5f8; }
.dark .agentdock-about { --page:#171b22; }
.ad-about-page { position:relative; z-index:1; }

/* Two cards share one fixed footprint, so switching never changes page layout. */
.agentdock-about main.ad-about-deck { aspect-ratio:8 / 5; --ad-deck-slide:62px; }
.ad-about-panel { position:absolute; inset:0; transform-origin:50% 72%; }
.ad-about-panel[data-front="true"] { z-index:3; transform:none; }
.ad-about-panel[data-front="false"] { z-index:1; transform:translate(22px,-22px) rotate(4deg) scale(.96); cursor:pointer; }
.ad-about-panel-content { width:100%; height:100%; }
.ad-about-panel[data-front="false"] .ad-about-panel-content { pointer-events:none; }
.ad-about-panel .ad-about-card { height:100%; }
.ad-about-rear-hit { position:absolute; inset:0; z-index:1; width:100%; height:100%; padding:0; border:0; border-radius:24px; background:transparent; cursor:pointer; }
.ad-about-rear-hit:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
.ad-about-panel[data-front="false"] .ad-about-content { opacity:.08; }
.ad-about-content { transition:none; }
.ad-about-deck[data-changing="true"] .ad-about-panel[data-front="false"] { animation:ad-card-to-back .58s cubic-bezier(.22,1,.36,1) both; }
.ad-about-deck[data-changing="true"] .ad-about-panel[data-front="true"] { animation:ad-card-to-front .58s cubic-bezier(.22,1,.36,1) both; }
@keyframes ad-card-to-back {
  0% { transform:none; z-index:3; }
  42% { transform:translate(calc(-1 * var(--ad-deck-slide)),18px) rotate(-9deg) scale(.96); z-index:3; }
  52% { z-index:1; }
  100% { transform:translate(22px,-22px) rotate(4deg) scale(.96); z-index:1; }
}
@keyframes ad-card-to-front {
  0% { transform:translate(22px,-22px) rotate(4deg) scale(.96); z-index:1; }
  42% { transform:translate(var(--ad-deck-slide),-18px) rotate(7deg) scale(.98); z-index:1; }
  52% { z-index:3; }
  100% { transform:none; z-index:3; }
}
.ad-about-selectors { position:absolute; top:calc(100% + 24px); left:50%; transform:translateX(-50%); display:flex; gap:6px; padding:4px; border:1px solid var(--edge); border-radius:999px; background:rgba(255,255,255,.16); backdrop-filter:blur(16px); }
.ad-about-selector { display:flex; align-items:center; justify-content:center; gap:7px; min-width:68px; min-height:32px; padding:6px 13px; border:1px solid transparent; border-radius:999px; background:transparent; color:var(--muted); font-family:inherit; font-size:12px; font-weight:500; line-height:1.2; cursor:pointer; transition:background .18s,color .18s,box-shadow .18s; }
.ad-about-selector[aria-pressed="true"] { color:var(--accent); background:rgba(255,255,255,.64); border-color:rgba(255,255,255,.72); box-shadow:0 2px 8px rgba(55,50,110,.07); }
.ad-about-selector-dot { width:5px; height:5px; border-radius:50%; background:currentColor; opacity:.35; }
.ad-about-selector[aria-pressed="true"] .ad-about-selector-dot { opacity:1; }
.ad-about-selector:hover { color:var(--accent); }
.ad-about-selector:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.dark .ad-about-selectors { background:rgba(35,36,55,.25); }
.dark .ad-about-selector[aria-pressed="true"] { background:rgba(163,155,255,.17); border-color:rgba(200,195,255,.16); }
@media(max-width:500px) {
  .agentdock-about main.ad-about-deck { width:calc(100% - 12px); aspect-ratio:960 / 735; --ad-deck-slide:26px; }
  .ad-about-selectors { top:calc(100% + 20px); }
}
@media(max-height:540px) { .agentdock-about:has(.ad-about-deck) { min-height:480px; } }
@media(prefers-reduced-motion:reduce) {
  .ad-about-deck[data-changing="true"] .ad-about-panel { animation:none; }
  .ad-about-selector,.ad-about-content { transition:none; }
}

/* The resting rear card keeps its glass, just like either moving card.
   Defocus only its foreground content, leaving the glass sampling layer intact. */
.ad-about-panel[data-front="false"] .ad-about-card {
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
}
.ad-about-panel[data-front="false"] .ad-about-content {
  visibility: visible;
  filter: blur(6px) grayscale(1);
}
.ad-about-content { transition:none; }

/* Both cards keep the same glass material throughout the exchange. */
/* Content depth follows the same timeline as the physical card.
   Start and end values exactly match the resting states; no reset at 720ms. */
.ad-about-deck[data-changing="true"] .ad-about-panel .ad-about-content {
  visibility: visible;
  transition: none;
}
.ad-about-deck[data-changing="true"] .ad-about-panel[data-front="false"] .ad-about-content {
  animation:ad-content-to-back 720ms cubic-bezier(.22,.8,.24,1) both;
}
.ad-about-deck[data-changing="true"] .ad-about-panel[data-front="true"] .ad-about-content {
  animation:ad-content-to-front 720ms cubic-bezier(.22,.8,.24,1) both;
}
@keyframes ad-content-to-back {
  0% { filter:blur(0px); opacity:1; }
  44% { filter:blur(0px); opacity:1; }
  76%,100% { filter:blur(6px) grayscale(1); opacity:.08; }
}
@keyframes ad-content-to-front {
  0% { filter:blur(6px) grayscale(1); opacity:.08; }
  44% { filter:blur(6px) grayscale(1); opacity:.08; }
  76%,100% { filter:blur(0px); opacity:1; }
}
.ad-about-deck[data-changing="true"] .ad-about-panel .ad-about-card {
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
}
.ad-about-deck[data-changing="true"] .ad-about-panel[data-front="false"] {
  animation: ad-card-pass-back 720ms cubic-bezier(.22,.8,.24,1) both;
}
.ad-about-deck[data-changing="true"] .ad-about-panel[data-front="true"] {
  animation: ad-card-pass-front 720ms cubic-bezier(.22,.8,.24,1) both;
}
@keyframes ad-card-pass-back {
  0% { transform: none; z-index: 3; }
  44% { transform: translate(calc(-1 * var(--ad-deck-slide)),18px) rotate(-7deg) scale(.98); z-index: 3; }
  50% { z-index: 1; }
  76% { transform: translate(16px,-28px) rotate(5deg) scale(.96); z-index: 1; }
  100% { transform: translate(22px,-22px) rotate(4deg) scale(.96); z-index: 1; }
}
@keyframes ad-card-pass-front {
  0% { transform: translate(22px,-22px) rotate(4deg) scale(.96); z-index: 1; }
  44% { transform: translate(var(--ad-deck-slide),-22px) rotate(6deg) scale(.98); z-index: 1; }
  50% { z-index: 3; }
  76% { transform: translate(-3px,2px) rotate(-.6deg) scale(1.006); z-index: 3; }
  100% { transform: none; z-index: 3; }
}
@media (prefers-reduced-motion: reduce) {
  .ad-about-deck[data-changing="true"] .ad-about-panel { animation: none; }
}

@media(prefers-reduced-motion:reduce) { .ad-about-content { transition:none; } }

/* An ancestor's animated opacity/filter creates a temporary backdrop root.
   Keep the glass sampling the page from the very first rendered frame. */
.ad-about-page { animation:ad-about-enter 250ms cubic-bezier(.33,1,.68,1) both; }
@keyframes ad-about-enter { from { transform:translateY(8px); } to { transform:translateY(0); } }
@media(prefers-reduced-motion:reduce) {
  .ad-about-page,.ad-about-deck[data-changing="true"] .ad-about-content { animation:none; }
}

.agentdock-about{align-content:center;gap:54px;padding:92px 32px 106px}
.agentdock-about main.ad-about-deck{transform:none}
.ad-about-platform{width:min(530px,100%);text-align:center;position:relative;z-index:2}
.ad-about-platform small{font:600 11px/1.5 monospace;letter-spacing:.17em;color:var(--accent)}
.ad-about-platform h1{font-size:clamp(26px,4vw,40px);line-height:1.15;margin:.25em 0}
.ad-about-platform p{font-size:.94rem;line-height:1.65;color:var(--muted);margin:.65em auto}
.ad-about-links{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.ad-about-platform{--accent:#5659e8}
.dark .ad-about-platform{--accent:#a5b4fc}
.ad-about-links a{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;color:var(--accent);font-size:.8rem;font-weight:600;background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);text-decoration:none}
.ad-about-links a:hover{background:color-mix(in srgb,var(--accent) 15%,transparent)}
.ad-about-links a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ad-about-content:after{content:"AGENTDOCK / TEAM";position:absolute;right:7%;top:13%;font:600 clamp(9px,2.4cqw,12px)/1.3 monospace;color:var(--muted);letter-spacing:.12em}
.ad-about-panel[data-front="false"]{transform:translate(18px,-22px) rotate(6deg) scale(.96)}
@media(max-width:500px){.agentdock-about{padding:86px 25px 88px;gap:38px}.ad-about-panel[data-front="false"]{transform:translate(6px,-16px) rotate(4deg) scale(.95)}}
/* == catalog-particles-20261026.css == */
/* Background only. Content, glass surfaces and layout stay in their own sheet. */
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) #root > .bg-background {
  background: radial-gradient(ellipse at 75% 12%, rgba(99,102,241,.035), transparent 56%), #f3f5f8;
  background-attachment: fixed;
}
.dark body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) #root > .bg-background {
  background: radial-gradient(ellipse at 75% 12%, rgba(99,102,241,.045), transparent 56%), #171b22;
  background-attachment: fixed;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) #root > .bg-background::before {
  inset: 0;
  background: url('/brand/catalog-particles-light.svg?v=7') center top / cover no-repeat;
  opacity: 1;
  pointer-events: none;
}
.dark body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) #root > .bg-background::before {
  background-image: url('/brand/catalog-particles-dark.svg?v=7');
  opacity: 1;
}
@media (max-width: 767.98px) {
  body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) #root > .bg-background::before {
    background-position: 66% top;
    opacity: .72;
  }
}
@media (prefers-reduced-motion: reduce) {
  body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) #root > .bg-background::before {
    background-image: url('/brand/catalog-particles-light-still.svg?v=7');
  }
  .dark body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) #root > .bg-background::before {
    background-image: url('/brand/catalog-particles-dark-still.svg?v=7');
  }
}
/* == catalog-card-transmission-20261026.css == */
/* Share the About card's material across the catalog surfaces. */
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) {
  --catalog-material: linear-gradient(150deg,rgba(255,255,255,.1),transparent 40%,rgba(115,112,230,.025)),linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.025) 68%),rgba(255,255,255,.06);
  --catalog-material-edge: rgba(255,255,255,.78);
  --catalog-material-shadow: 0 18px 55px rgba(47,51,92,.085),inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(255,255,255,.2);
}
.dark body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) {
  --catalog-material: linear-gradient(150deg,rgba(255,255,255,.035),transparent 40%,rgba(115,112,230,.00875)),linear-gradient(135deg,rgba(201,201,255,.07),rgba(255,255,255,.008) 68%),rgba(23,27,34,.16);
  --catalog-material-edge: rgba(210,210,255,.22);
  --catalog-material-shadow: 0 18px 55px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.035);
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside.bg-card, main > .bg-card, main [data-slot="card"], main [data-slot="table-container"], header input, [data-slot="sheet-content"]),
.dark body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside.bg-card, main > .bg-card, main [data-slot="card"], main [data-slot="table-container"], header input, [data-slot="sheet-content"]) {
  background: var(--catalog-material);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-color: var(--catalog-material-edge);
  box-shadow: var(--catalog-material-shadow);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
}
/* Keep the material stable when hovering over model information. */
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [data-slot="card"]:hover {
  background: var(--catalog-material);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-color: var(--catalog-material-edge);
  box-shadow: var(--catalog-material-shadow);
}
/* Give animated backdrop sampling a stable, clipped compositing surface. */
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [data-slot="card"] {
  isolation: isolate;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: border-color .2s, box-shadow .2s;
}
@supports not (backdrop-filter: blur(1px)) {
  body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside.bg-card, main > .bg-card, main [data-slot="card"], main [data-slot="table-container"], header input, [data-slot="sheet-content"]) { background: #f3f5f8; }
  .dark body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside.bg-card, main > .bg-card, main [data-slot="card"], main [data-slot="table-container"], header input, [data-slot="sheet-content"]) { background: #171b22; }
}
/* == signup-20261026.css == */
/* Scoped to the native registration route. Materials and colors match the homepage. */
body.ag-signup{--su-bg:#f1f4f6;--su-text:#111827;--su-muted:#58677b;--su-accent:#5659e8;--su-edge:rgba(255,255,255,.88);--su-glass:rgba(255,255,255,.46);background:var(--su-bg);color:var(--su-text)}
.dark body.ag-signup{--su-bg:#1b1f24;--su-text:#edf0f7;--su-muted:#a9b7cb;--su-accent:#aaa5ff;--su-edge:rgba(255,255,255,.13);--su-glass:rgba(31,35,44,.58)}
.ag-signup .su-layout{position:relative;isolation:isolate;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:center;gap:clamp(40px,6vw,96px);width:100%;height:auto!important;min-height:100svh;padding:100px max(40px,calc((100vw - 1160px)/2)) 48px;overflow:hidden;background:radial-gradient(ellipse at 25% 42%,rgba(99,102,241,.055),transparent 60%)}
.ag-signup .su-layout:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/home/assets/home-particle-field-20261026.svg?v=1') 0 0 / 960px 720px repeat;opacity:.55}
.dark .ag-signup .su-layout:before{opacity:.8}
.ag-signup .su-brand{top:30px!important;left:max(40px,calc((100vw - 1160px)/2))!important;gap:10px!important}
.ag-signup .su-brand h1{font-size:20px;font-weight:650;letter-spacing:-.04em}
.ag-signup .su-toplinks{position:absolute;top:36px;right:max(40px,calc((100vw - 1160px)/2));display:flex;align-items:center;gap:26px;font-size:13px;color:var(--su-muted);z-index:2}
.ag-signup .su-toplinks a:hover{color:var(--su-accent)}
.ag-signup .su-story{position:relative;align-self:center;min-width:0;padding-block:10px}
.ag-signup .su-eyebrow{font:600 10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.19em;color:var(--su-accent);margin:0 0 22px}
.ag-signup .su-title{font-size:clamp(40px,4.4vw,58px);line-height:1.2;letter-spacing:-.055em;font-weight:720;margin:0 0 20px;text-wrap:balance}
.ag-signup .su-title span{display:block;color:var(--su-accent);margin-top:2px}
.ag-signup .su-description{font-size:15px;line-height:1.9;color:var(--su-muted);max-width:430px;margin:0}
.ag-signup .su-visual{position:relative;height:230px;margin:8px -16px 0;pointer-events:none}
.ag-signup .su-visual canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.82}
.ag-signup [data-vortex-stage]{position:absolute;width:390px;max-width:95%;height:220px;top:0;left:50%;transform:translateX(-50%)}
.ag-signup .su-core-label{position:absolute;left:50%;top:calc(50% + 36px);transform:translateX(-50%);font:600 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:var(--su-accent);padding:7px 11px;border:1px solid var(--su-edge);border-radius:20px;background:var(--su-glass);white-space:nowrap;backdrop-filter:blur(12px)}
.ag-signup .su-protocol{position:absolute;font:500 10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--su-muted);border:1px solid var(--su-edge);background:var(--su-glass);padding:7px 10px;border-radius:9px;backdrop-filter:blur(12px)}
.ag-signup .su-protocol.p1{left:7%;top:22%}.ag-signup .su-protocol.p2{right:1%;top:36%}.ag-signup .su-protocol.p3{left:16%;bottom:10%}
.ag-signup .su-steps{display:flex;align-items:center;gap:17px;padding-top:18px;border-top:1px solid rgba(115,130,151,.14);font-size:12px;color:var(--su-muted)}
.ag-signup .su-steps b{font:500 10px ui-monospace,monospace;color:var(--su-accent);margin-right:7px}.ag-signup .su-steps i{height:1px;width:22px;background:rgba(115,130,151,.25)}
.ag-signup .su-form-region{display:block!important;padding:0!important;width:100%!important;max-width:none!important;min-width:0}
.ag-signup .su-card{width:100%!important;margin:0!important;padding:36px 38px 28px!important;position:relative;border:1px solid var(--su-edge);border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 64%),var(--su-glass);box-shadow:0 20px 65px rgba(24,36,55,.055),inset 0 1px 0 rgba(255,255,255,.75);backdrop-filter:blur(28px) saturate(120%);-webkit-backdrop-filter:blur(28px) saturate(120%)}
.dark .ag-signup .su-card{box-shadow:0 20px 65px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.06)}
.ag-signup .su-card:before{content:attr(data-su-account);display:block;font:500 9px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.17em;color:var(--su-accent);margin-bottom:24px}
.ag-signup .su-card h2{font-size:27px!important;line-height:1.4;text-align:left!important;font-weight:680;letter-spacing:-.045em;color:var(--su-text)}
.ag-signup .su-card h2+p{font-size:13px!important;line-height:1.8;color:var(--su-muted);margin-top:7px}
.ag-signup .su-card h2+p a{color:var(--su-accent);text-decoration:none}
.ag-signup .su-card h2+p a:hover{text-decoration:underline}
.ag-signup .su-card form{gap:20px;margin-top:26px!important}
.ag-signup .su-card > .w-full > div:first-child{margin-bottom:0!important}
.ag-signup .su-card [data-slot='form-label']{font-size:12px;color:var(--su-text);font-weight:550;line-height:1.5}
.ag-signup .su-card input{height:46px!important;border-radius:11px!important;padding-inline:14px!important;font-size:13px!important;background:rgba(255,255,255,.34)!important;border:1px solid rgba(115,130,151,.2)!important;color:var(--su-text)!important;box-shadow:inset 0 1px 2px rgba(24,36,55,.015);transition:border-color .18s,box-shadow .18s}
.dark .ag-signup .su-card input{background:rgba(255,255,255,.035)!important;border-color:rgba(168,185,209,.2)!important}
.ag-signup .su-card input[type='password'],.ag-signup .su-card input[name='password'],.ag-signup .su-card input[name='confirmPassword']{padding-right:46px!important}
.ag-signup .su-card input::placeholder{color:var(--su-muted);opacity:.7}
.ag-signup .su-card input:focus-visible{border-color:var(--su-accent)!important;outline:0!important;box-shadow:0 0 0 3px rgba(99,102,241,.12)!important}
.ag-signup .su-card input[aria-invalid='true']{border-color:#dc5959!important}
.ag-signup .su-card button[type='submit']{height:46px!important;margin-top:4px;border-radius:11px!important;background:#5659e8!important;color:#fff!important;font-size:14px;font-weight:600;box-shadow:0 4px 12px rgba(86,89,232,.13)}
.ag-signup .su-card button[type='submit']:hover{background:#484bd5!important;box-shadow:0 6px 18px rgba(86,89,232,.22)}
.ag-signup .su-card button[type='submit']:focus-visible{outline:2px solid var(--su-accent);outline-offset:4px}
.ag-signup .su-card form button[aria-label]{right:10px;width:28px;height:28px;color:var(--su-muted)}
.ag-signup .su-card-foot{font-size:11px;line-height:1.9;color:var(--su-muted);padding-top:21px;margin-top:23px!important;border-top:1px solid rgba(115,130,151,.14)}
.ag-signup .su-bottom{position:absolute;bottom:24px;left:0;right:0;text-align:center;font:400 10px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.04em;color:var(--su-muted);opacity:.7}
@media(min-width:1500px){.ag-signup .su-layout{grid-template-columns:minmax(0,560px) minmax(0,460px);justify-content:center;gap:110px}}
@media(max-width:1000px){.ag-signup .su-layout{padding-inline:32px;gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,420px)}.ag-signup .su-title{font-size:42px}.ag-signup .su-card{padding-inline:30px!important}.ag-signup .su-brand{left:32px!important}.ag-signup .su-toplinks{right:32px}.ag-signup .su-steps{gap:10px;font-size:11px}.ag-signup .su-steps i{width:10px}}
@media(max-width:760px){.ag-signup .su-layout{grid-template-columns:minmax(0,440px);justify-content:center;align-content:center;gap:26px;min-height:100svh;padding:106px 24px 65px;overflow:clip}.ag-signup .su-brand{top:25px!important;left:24px!important}.ag-signup .su-brand h1{font-size:18px}.ag-signup .su-toplinks{top:32px;right:24px;font-size:12px}.ag-signup .su-toplinks a:last-child{display:none}.ag-signup .su-story{padding:0}.ag-signup .su-eyebrow{font-size:8px;margin-bottom:12px}.ag-signup .su-title{font-size:34px;line-height:1.25;margin-bottom:12px}.ag-signup .su-title span{display:inline;margin-left:4px}.ag-signup .su-description{font-size:12px;max-width:350px;line-height:1.8}.ag-signup .su-visual{position:absolute;inset:-16px -40px auto auto;width:220px;height:170px;opacity:.28;z-index:-1;mask-image:linear-gradient(to right,transparent,#000)}.ag-signup [data-vortex-stage]{height:170px;width:210px}.ag-signup .su-protocol,.ag-signup .su-core-label,.ag-signup .su-steps{display:none}.ag-signup .su-card{padding:27px 25px 23px!important;border-radius:22px}.ag-signup .su-card:before{font-size:8px;margin-bottom:16px}.ag-signup .su-card h2{font-size:24px!important}.ag-signup .su-card form{gap:17px;margin-top:22px!important}.ag-signup .su-card input{font-size:16px!important}.ag-signup .su-card-foot{padding-top:16px;margin-top:20px!important;font-size:10px}.ag-signup .su-bottom{bottom:20px;font-size:8px}}
@media(max-width:380px){.ag-signup .su-layout{padding-inline:16px}.ag-signup .su-title{font-size:30px}.ag-signup .su-card{padding-inline:22px!important}}
@media(prefers-reduced-motion:reduce){.ag-signup *{scroll-behavior:auto!important;transition:none!important}}

/* Let the homepage particle field extend across the entire composition. */
.ag-signup .su-particle-field{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.ag-signup .su-particle-field canvas{display:block;width:100%;height:100%;opacity:.8}
.ag-signup .su-visual{height:260px;overflow:visible}
.ag-signup [data-vortex-stage]{width:600px;max-width:none;height:260px}
.ag-signup .su-form-region{position:relative;z-index:1}
.ag-signup .su-card{background:linear-gradient(125deg,rgba(255,255,255,.20),rgba(255,255,255,.025) 70%),rgba(255,255,255,.08);border-color:rgba(255,255,255,.64);backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%);box-shadow:0 24px 72px rgba(35,45,70,.065),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(255,255,255,.12)}
.ag-signup .su-card input{background:rgba(255,255,255,.14)!important;border-color:rgba(115,130,151,.20)!important}
.ag-signup .su-card a[href='/forgot-password']{font-size:12px;line-height:18px;top:0;color:var(--su-muted)}
.ag-signup .su-card a[href='/forgot-password']:hover{color:var(--su-accent)}
.dark .ag-signup .su-card{background:linear-gradient(125deg,rgba(255,255,255,.055),rgba(255,255,255,.008) 70%),rgba(25,30,39,.18);border-color:rgba(255,255,255,.17);box-shadow:0 24px 72px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(255,255,255,.035)}
.dark .ag-signup .su-card input{background:rgba(255,255,255,.025)!important}
@media(max-width:760px){
 .ag-signup .su-particle-field canvas{opacity:.48}
 .ag-signup .su-visual{inset:-20px -28px auto auto;width:220px;height:170px;opacity:.3}
 .ag-signup [data-vortex-stage]{width:310px;height:170px}
 .ag-signup .su-card{backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);background:linear-gradient(125deg,rgba(255,255,255,.24),rgba(255,255,255,.04) 70%),rgba(255,255,255,.11)}
}

/* Localized text can wrap without expanding the form or clipping longer greetings. */
.ag-signup [data-su-mode="signup"] .su-title{overflow-wrap:anywhere;hyphens:auto}
.ag-signup [data-su-mode="signup"] .su-toplinks{max-width:calc(100% - 260px);flex-wrap:wrap;justify-content:flex-end;row-gap:6px}
.ag-signup .su-layout[data-su-mode="signup"]:lang(fr) .su-title,.ag-signup .su-layout[data-su-mode="signup"]:lang(ru) .su-title{font-size:clamp(36px,3.7vw,52px)}
@media(max-width:760px){.ag-signup .su-layout[data-su-mode="signup"]:lang(fr) .su-title,.ag-signup .su-layout[data-su-mode="signup"]:lang(ru) .su-title{font-size:32px}.ag-signup [data-su-mode="signup"] .su-toplinks{max-width:calc(100% - 190px)}.ag-signup [data-su-mode="signup"] .su-bottom{padding-inline:16px}}

.ag-signup .su-particle-field{background:radial-gradient(ellipse at center,rgba(105,94,198,.14),transparent 65%)}.ag-signup .su-particle-field canvas{opacity:.94}@media(max-width:700px){.ag-signup .su-particle-field canvas{opacity:.72}}
/* == console-surfaces-20261026.css == */
/* Console surfaces, including portalled menus and form drawers. */
body:has([data-slot="sidebar-wrapper"]) {
  --ad-control: rgba(239, 242, 245, .42);
  --ad-pane: rgba(237, 240, 244, .52);
  --ad-floating: rgba(240, 243, 247, .84);
  --ad-table-fixed: rgba(236, 239, 243, .88);
  --ad-table-hover: rgba(222, 229, 237, .92);
  --ad-surface-highlight: rgba(255, 255, 255, .76);
  --ad-surface-shadow: 0 12px 36px rgba(28, 36, 48, .10), inset 0 1px 0 var(--ad-surface-highlight);
  /* Inheritance reaches native components and their body-level portals. */
  --background: var(--ad-control);
  --card: var(--ad-glass);
  --popover: var(--ad-floating);
  --muted: rgba(208, 217, 228, .28);
  --table-row: var(--ad-pane);
  --table-header: var(--ad-table-fixed);
  --table-header-hover: var(--ad-table-hover);
  --table-disabled: rgba(204, 210, 219, .22);
  --table-disabled-hover: rgba(204, 210, 219, .35);
  --table-disabled-border: var(--ad-edge);
}
.dark body:has([data-slot="sidebar-wrapper"]) {
  --ad-control: rgba(53, 57, 64, .32);
  --ad-pane: rgba(38, 41, 47, .44);
  --ad-floating: rgba(34, 38, 44, .88);
  --ad-table-fixed: rgba(35, 39, 45, .92);
  --ad-table-hover: rgba(50, 56, 65, .94);
  --ad-surface-highlight: rgba(255, 255, 255, .11);
  --ad-surface-shadow: 0 12px 36px rgba(0, 0, 0, .24), inset 0 1px 0 var(--ad-surface-highlight);
  --muted: rgba(123, 137, 157, .15);
  --table-disabled: rgba(100, 110, 125, .10);
  --table-disabled-hover: rgba(100, 110, 125, .18);
}

/* Table frames, headers and pagination use the same material as the workspace. */
[data-slot="sidebar-inset"] div.rounded-lg.border:has(> div > div > [data-slot="table"]) {
  border-color: var(--ad-edge);
  background: var(--ad-shell);
  box-shadow: inset 0 1px 0 var(--ad-surface-highlight);
}
[data-slot="sidebar-inset"] [data-slot="table-header"] {
  background-color: var(--ad-table-fixed);
}
[data-slot="sidebar-inset"] :is([data-slot="table-header"], [data-slot="table-head"].sticky, [data-slot="table-cell"].sticky) {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
[data-slot="sidebar-inset"] [data-slot="table-cell"].sticky {
  background-color: var(--ad-table-fixed);
}
[data-slot="sidebar-inset"] [data-slot="table-row"]:is(:hover, [data-state="selected"]) [data-slot="table-cell"].sticky {
  background-color: var(--ad-table-hover);
}
[data-slot="sidebar-inset"] div.bg-background.border-t {
  background: var(--ad-pane);
  border-color: var(--ad-edge);
  box-shadow: inset 0 1px 0 var(--ad-surface-highlight);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

/* Neutral controls receive a faint reflected edge; semantic buttons retain
   their primary, destructive and selected colors. */
body:has([data-slot="sidebar-wrapper"]) :is(button.bg-background, [data-slot="select-trigger"], [data-slot="input"], [data-slot="textarea"], [data-slot="input-group"]) {
  background-color: var(--ad-control);
  border-color: var(--ad-edge);
  box-shadow: inset 0 1px 0 var(--ad-surface-highlight);
}
body:has([data-slot="sidebar-wrapper"]) :is(button.bg-background, [data-slot="select-trigger"]):is(:hover, [aria-expanded="true"]) {
  background-color: var(--muted);
}
[data-slot="sidebar-inset"] :is(.bg-white, [class~="bg-background/95"], [class~="bg-background/80"]) {
  background-color: var(--ad-pane);
}

/* Popovers are mounted outside the sidebar wrapper, so scope by page state. */
body:has([data-slot="sidebar-wrapper"]) :is([data-slot="popover-content"], [data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"], [data-slot="select-content"], [data-slot="combobox-content"], [data-slot="context-menu-content"], [data-slot="context-menu-sub-content"], [data-slot="hover-card-content"], [data-slot="dialog-content"], [data-slot="alert-dialog-content"], [data-slot="sheet-content"], [data-slot="drawer-content"]) {
  background-color: var(--ad-floating);
  background-image: linear-gradient(135deg, var(--ad-inner), transparent 70%);
  border-color: var(--ad-edge);
  box-shadow: var(--ad-surface-shadow);
  -webkit-backdrop-filter: blur(28px) saturate(1.1);
  backdrop-filter: blur(28px) saturate(1.1);
}
body:has([data-slot="sidebar-wrapper"]) :is([data-slot="popover-content"], [data-slot="dialog-content"]) [data-slot="command"] {
  background: transparent;
}
body:has([data-slot="sidebar-wrapper"]) :is([data-slot="sheet-footer"], [data-slot="dialog-footer"], [data-slot="drawer-footer"]) {
  background-color: var(--ad-pane);
  border-color: var(--ad-edge);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body:has([data-slot="sidebar-wrapper"]) {
    --ad-floating: #eef1f5;
    --ad-table-fixed: #e9edf2;
  }
  .dark body:has([data-slot="sidebar-wrapper"]) {
    --ad-floating: #24282e;
    --ad-table-fixed: #252930;
  }
}
/* == header-login-20261026.css == */
/* Only the public navigation's sign-in action uses the homepage accent. */
header a[data-slot='button'][href='/sign-in'] {
  background-color:#4f46e5 !important;
  color:#fff !important;
  border-color:transparent !important;
}
header a[data-slot='button'][href='/sign-in']:hover { background-color:#4338ca !important; }
header a[data-slot='button'][href='/sign-in']:active { background-color:#3730a3 !important; }
header a[data-slot='button'][href='/sign-in']:focus-visible {
  outline:2px solid #a5b4fc;
  outline-offset:3px;
}
.dark header a[data-slot='button'][href='/sign-in'] { background-color:#6366f1 !important; }
.dark header a[data-slot='button'][href='/sign-in']:hover { background-color:#818cf8 !important; }
.dark header a[data-slot='button'][href='/sign-in']:active { background-color:#4f46e5 !important; }
/* == catalog-view-accent-20261026.css == */
/* Match the navigation accent on the model view switch only. */
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [role="group"]:has(> button .lucide-grid-2x2):has(> button .lucide-table-2) > button[aria-pressed="true"] {
  background-color: #4f46e5;
  color: #fff;
  --tw-ring-color: rgba(99,102,241,.32);
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [role="group"]:has(> button .lucide-grid-2x2):has(> button .lucide-table-2) > button[aria-pressed="true"]:hover {
  background-color: #4338ca;
}
.dark body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [role="group"]:has(> button .lucide-grid-2x2):has(> button .lucide-table-2) > button[aria-pressed="true"] {
  background-color: #6366f1;
}
.dark body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [role="group"]:has(> button .lucide-grid-2x2):has(> button .lucide-table-2) > button[aria-pressed="true"]:hover {
  background-color: #818cf8;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [role="group"]:has(> button .lucide-grid-2x2):has(> button .lucide-table-2) > button:focus-visible {
  outline: 2px solid #a5b4fc;
  outline-offset: 2px;
}
/* == playground-composer-20261026.css == */
/* Reuse the console's existing glass tokens, native radius and toolbar.
   Disabled send/clear controls must not fade the whole editable composer. */
[data-slot="sidebar-inset"] form > [data-slot="input-group"]:has(> textarea[name="message"]) {
  opacity: 1;
  background: var(--ad-glass);
  border-color: var(--ad-edge);
  box-shadow: var(--ad-shadow);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
}
/* == console-accent-20261026.css == */
/* Console accent only. Body scope also reaches native portalled settings. */
body:has([data-slot="sidebar-wrapper"]) {
  --primary: #4f46e5;
  --primary-foreground: #ffffff;
  --ring: #6366f1;
  --accent: rgba(79, 70, 229, .10);
  --accent-foreground: #4338ca;
  --sidebar-primary: #4f46e5;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: rgba(79, 70, 229, .10);
  --sidebar-accent-foreground: #4338ca;
  --sidebar-ring: #6366f1;
  --chart-1: #4f46e5;
  --ad-console-thumb: #ffffff;
}
.dark body:has([data-slot="sidebar-wrapper"]) {
  --ring: #a5b4fc;
  --accent: rgba(129, 140, 248, .18);
  --accent-foreground: #c7d2fe;
  --sidebar-accent: rgba(129, 140, 248, .18);
  --sidebar-accent-foreground: #c7d2fe;
  --sidebar-ring: #a5b4fc;
  --chart-1: #a5b4fc;
  --ad-console-thumb: #eef2ff;
}
/* The translucent page background must not bleed through switch handles. */
body:has([data-slot="sidebar-wrapper"]) [data-slot="switch-thumb"] {
  background-color: var(--ad-console-thumb);
}
/* Retain a translucent selection in the model picker, with a matching check. */
body:has([data-slot="sidebar-wrapper"]) [data-slot="command-item"][class~="border-primary/40"] {
  background-color: var(--accent);
  border-color: color-mix(in srgb, var(--primary) 40%, transparent);
}
body:has([data-slot="sidebar-wrapper"]) [data-slot="command-item"][class~="border-primary/40"] > .lucide-check,
body:has([data-slot="sidebar-wrapper"]) [data-slot="popover-content"] button[class~="bg-primary/10"] > .lucide-check {
  color: var(--sidebar-accent-foreground);
}
/* == user-avatar-20261026.css == */
/* The native user-color helper writes a hashed background and white initials.
   Override that fallback consistently for current and newly registered users. */
[data-slot="avatar-fallback"][style*="background-color:"][style*="color: white"] {
  background-color: #4f46e5 !important;
  color: #ffffff !important;
}
/* == overview-balance-20261026.css == */
/* Overview balance panel: neutral glass with a restrained violet action.
   Match the native panel by its overview gradient and direct wallet action. */
[data-slot="sidebar-inset"] div[class*="--overview-accent"]:has(> a[data-slot="button"][href="/wallet"]) {
  background: linear-gradient(145deg, var(--ad-inner), transparent 75%);
  border-color: var(--ad-edge);
}

[data-slot="sidebar-inset"] div[class*="--overview-accent"] > a[data-slot="button"][href="/wallet"] {
  background: rgba(79, 70, 229, .075);
  color: #4f46e5;
  border-color: rgba(79, 70, 229, .14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55);
}

[data-slot="sidebar-inset"] div[class*="--overview-accent"] > a[data-slot="button"][href="/wallet"]:hover {
  background: rgba(79, 70, 229, .13);
  border-color: rgba(79, 70, 229, .23);
}

.dark [data-slot="sidebar-inset"] div[class*="--overview-accent"] > a[data-slot="button"][href="/wallet"] {
  background: rgba(129, 140, 248, .12);
  color: #c7d2fe;
  border-color: rgba(165, 180, 252, .2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

.dark [data-slot="sidebar-inset"] div[class*="--overview-accent"] > a[data-slot="button"][href="/wallet"]:hover {
  background: rgba(129, 140, 248, .2);
  border-color: rgba(165, 180, 252, .3);
}
/* == console-tables-20261026.css == */
/* Translucent row materials; dense frosted pinned cells keep passing text legible. */
body:has([data-slot="sidebar-wrapper"] [data-slot="table"]) {
  --ad-grid-row: rgba(249,251,255,.28);
  --ad-grid-pinned: rgba(243,246,253,.95);
  --ad-grid-pinned-active: rgba(229,227,250,.96);
  --ad-grid-pinned-head: rgba(229,235,249,.95);
  --ad-grid-head: rgba(224,231,248,.48);
  --ad-grid-hover: rgba(218,217,249,.38);
  --ad-grid-selected: rgba(205,200,250,.44);
  --ad-grid-disabled: rgba(231,233,242,.24);
  --ad-grid-edge: rgba(110, 115, 130, .13);
  --ad-grid-interaction: rgba(79, 70, 229, .075);
  --ad-grid-ink: #4f46e5;
  --border: var(--ad-grid-edge);
  --input: var(--ad-grid-edge);
}
.dark body:has([data-slot="sidebar-wrapper"] [data-slot="table"]) {
  --ad-grid-row: rgba(28,35,51,.30);
  --ad-grid-pinned: rgba(30,37,53,.96);
  --ad-grid-pinned-active: rgba(57,51,83,.96);
  --ad-grid-pinned-head: rgba(44,54,76,.96);
  --ad-grid-head: rgba(48,58,82,.60);
  --ad-grid-hover: rgba(93,85,142,.27);
  --ad-grid-selected: rgba(113,99,176,.34);
  --ad-grid-disabled: rgba(37,43,58,.28);
  --ad-grid-edge: rgba(220, 225, 240, .10);
  --ad-grid-interaction: rgba(165, 180, 252, .12);
  --ad-grid-ink: #c7d2fe;
}

[data-slot="sidebar-inset"] div.rounded-lg.border:has([data-slot="table"]) {
  border-color: var(--ad-grid-edge);
  background: var(--ad-grid-row);
  box-shadow: inset 0 1px 0 var(--ad-highlight);
}
[data-slot="sidebar-inset"] [data-slot="table-body"] > [data-slot="table-row"] {
  --ad-current-row: var(--ad-grid-row);
  background-color: var(--ad-current-row) !important;
  border-color: var(--ad-grid-edge);
}
[data-slot="sidebar-inset"] [data-slot="table-body"] > [data-slot="table-row"]:is(:hover, :has([aria-expanded="true"])) {
  --ad-current-row: var(--ad-grid-hover);
}
[data-slot="sidebar-inset"] [data-slot="table-body"] > [data-slot="table-row"][data-state="selected"] {
  --ad-current-row: var(--ad-grid-selected);
}
[data-slot="sidebar-inset"] [data-slot="table-body"] > [data-slot="table-row"]:is([aria-disabled="true"], [data-disabled="true"], .bg-table-disabled) {
  --ad-current-row: var(--ad-grid-disabled);
}
[data-slot="sidebar-inset"] [data-slot="table-body"] > [data-slot="table-row"] > [data-slot="table-cell"] {
  background-color: var(--ad-current-row) !important;
  border-color: var(--ad-grid-edge);
  transition: background-color .15s ease;
}
[data-slot="sidebar-inset"] :is([data-slot="table-header"], [data-slot="table-header"] [data-slot="table-row"], [data-slot="table-head"]) {
  --table-header-bg: var(--ad-grid-head);
  background-color: var(--ad-grid-head) !important;
  border-color: var(--ad-grid-edge);
}
[data-slot="sidebar-inset"] :is([data-slot="table-head"], [data-slot="table-cell"]).sticky {
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
[data-slot="sidebar-inset"] div.bg-background.border-t:has([data-slot="select-trigger"]) {
  background: var(--ad-grid-row);
  border-color: var(--ad-grid-edge);
  box-shadow: inset 0 1px 0 var(--ad-highlight);
}

/* Table controls and body-level filter/menu portals share restrained violet
   interaction colors. Semantic success, warning and destructive badges retain
   their native meanings. */
body:has([data-slot="sidebar-wrapper"] [data-slot="table"]) [data-slot="sidebar-inset"] button:is([class~="hover:bg-muted"], [class~="aria-expanded:bg-muted"]):is(:hover, [aria-expanded="true"]) {
  background-color: var(--ad-grid-interaction);
}
body:has([data-slot="sidebar-wrapper"] [data-slot="table"]) [data-slot="sidebar-inset"] button:is(.bg-background, .border-border):is(:hover, [aria-expanded="true"]) {
  border-color: color-mix(in srgb, var(--ad-grid-ink) 25%, transparent);
}
body:has([data-slot="sidebar-wrapper"] [data-slot="table"]) [data-slot="tabs-list"][data-variant="default"] {
  background: var(--ad-control);
  box-shadow: inset 0 0 0 1px var(--ad-grid-edge);
}
body:has([data-slot="sidebar-wrapper"] [data-slot="table"]) [data-slot="tabs-list"][data-variant="default"] [data-slot="tabs-trigger"][data-active] {
  background: var(--ad-grid-interaction);
  color: var(--ad-grid-ink);
  border-color: color-mix(in srgb, var(--ad-grid-ink) 16%, transparent);
  box-shadow: inset 0 1px 0 var(--ad-highlight);
}
body:has([data-slot="sidebar-wrapper"] [data-slot="table"]) :is([data-slot="command-item"][data-selected="true"], [data-slot="select-item"][data-highlighted], [data-slot="dropdown-menu-item"][data-highlighted]:not([data-variant="destructive"])) {
  background-color: var(--ad-grid-interaction);
}
body:has([data-slot="sidebar-wrapper"] [data-slot="table"]) :is([data-slot="command-separator"], [data-slot="dropdown-menu-separator"], [data-slot="select-separator"], [data-slot="separator"]) {
  background-color: var(--ad-grid-edge);
}
[data-slot="sidebar-inset"] [data-slot="table-cell"][data-column-id="group"] [data-slot="status-badge"].text-info {
  color: var(--ad-grid-ink);
}
@media (prefers-reduced-motion: reduce) {
  [data-slot="sidebar-inset"] [data-slot="table-cell"] { transition: none; }
}

/* Native pinned body cells use z-index:10. Keep the entire sticky header's
   stacking context above them, including the horizontally pinned headings. */
[data-slot="sidebar-inset"] [data-slot="table-header"] {
  z-index: 20;
}
/* == navigation-notice-glass-20261026.css == */
/* Shared edge lighting for expanded, compact, and console navigation. */
html {
  --ad-nav-lit-edge: rgba(255,255,255,.96);
  --ad-nav-lower-edge: rgba(128,145,177,.28);
  --ad-nav-lit-shadow: -5px 10px 24px rgba(49,65,96,.12), 0 2px 5px rgba(49,65,96,.055), inset 1px 1px 0 rgba(255,255,255,.95), inset 2px -2px 1px rgba(255,255,255,.88);
}
html.dark {
  --ad-nav-lit-edge: rgba(255,255,255,.25);
  --ad-nav-lower-edge: rgba(159,174,204,.19);
  --ad-nav-lit-shadow: -5px 10px 28px rgba(0,0,0,.30), 0 2px 6px rgba(0,0,0,.20), inset 1px 1px 0 rgba(255,255,255,.18), inset 2px -2px 1px rgba(195,212,244,.15);
}
html body :is(header.pointer-events-none > div > nav, [data-slot="sidebar-wrapper"] > header > div) {
  /* Override the older per-state shadows while retaining their translucent fill. */
  box-shadow: var(--ad-nav-lit-shadow) !important;
  border-left-color: var(--ad-nav-lit-edge) !important;
  border-bottom-color: var(--ad-nav-lower-edge) !important;
}

/* Identify the announcement popover by its native tabs and bell icon.
   This also reaches the body-level portal on public pages and the console. */
html body :is([data-slot="popover-content"]:has([data-slot="tabs-list"] .lucide-bell), [data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"]) {
  --ad-notice-track: rgba(126,143,174,.11);
  --ad-notice-tab: rgba(255,255,255,.58);
  --ad-notice-tab-edge: rgba(255,255,255,.90);
  background:
    linear-gradient(120deg, rgba(255,255,255,.30), rgba(232,238,250,.08) 50%, rgba(217,210,246,.15)),
    rgba(246,248,253,.48);
  -webkit-backdrop-filter: blur(24px) saturate(155%);
  backdrop-filter: blur(24px) saturate(155%);
  border: 1px solid rgba(255,255,255,.78);
  border-bottom-color: rgba(143,158,187,.25);
  border-radius: 22px;
  box-shadow: 0 18px 48px rgba(40,53,84,.16), 0 2px 8px rgba(40,53,84,.08), inset 1px 1px 0 rgba(255,255,255,.9), inset 1px -1px 0 rgba(255,255,255,.56);
}
html.dark body :is([data-slot="popover-content"]:has([data-slot="tabs-list"] .lucide-bell), [data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"]) {
  --ad-notice-track: rgba(10,16,29,.22);
  --ad-notice-tab: rgba(148,165,201,.18);
  --ad-notice-tab-edge: rgba(213,225,249,.19);
  background:
    linear-gradient(120deg, rgba(164,187,225,.09), rgba(255,255,255,.015) 50%, rgba(153,133,209,.08)),
    rgba(27,31,40,.68);
  border-color: rgba(210,222,247,.19);
  border-bottom-color: rgba(210,222,247,.12);
  box-shadow: 0 18px 48px rgba(0,0,0,.38), 0 2px 8px rgba(0,0,0,.22), inset 1px 1px 0 rgba(230,238,255,.17), inset 1px -1px 0 rgba(230,238,255,.08);
}
html body :is([data-slot="popover-content"]:has([data-slot="tabs-list"] .lucide-bell), [data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"]) [data-slot="tabs-list"] {
  background: var(--ad-notice-track);
  border-radius: 999px;
  box-shadow: inset 0 1px 2px rgba(62,79,112,.06);
}
html body :is([data-slot="popover-content"]:has([data-slot="tabs-list"] .lucide-bell), [data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"]) [role="tab"] {
  border-radius: 999px;
}
html body :is([data-slot="popover-content"]:has([data-slot="tabs-list"] .lucide-bell), [data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"]) [role="tab"][aria-selected="true"] {
  background: var(--ad-notice-tab);
  border-color: var(--ad-notice-tab-edge);
  box-shadow: 0 2px 6px rgba(56,71,103,.09), inset 0 1px 0 var(--ad-notice-tab-edge);
}
html body :is([data-slot="popover-content"]:has([data-slot="tabs-list"] .lucide-bell), [data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"]) > .justify-end > button {
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 3px 10px rgba(79,70,229,.16);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html body :is([data-slot="popover-content"]:has([data-slot="tabs-list"] .lucide-bell), [data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"]) { background: #f0f3f9; }
  html.dark body :is([data-slot="popover-content"]:has([data-slot="tabs-list"] .lucide-bell), [data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"]) { background: #222733; }
}

/* Public navigation and its notification portal inherit the site indigo,
   including native focus rings, timeline accents, and action states. */
html body :is(header, :is([data-slot="popover-content"]:has([data-slot="tabs-list"] .lucide-bell), [data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"])) {
  --primary: #4f46e5;
  --primary-foreground: #fff;
  --ring: #6366f1;
  --accent: rgba(79,70,229,.10);
  --accent-foreground: #4338ca;
}
html.dark body :is(header, :is([data-slot="popover-content"]:has([data-slot="tabs-list"] .lucide-bell), [data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"])) {
  --primary: #6366f1;
  --ring: #a5b4fc;
  --accent: rgba(129,140,248,.18);
  --accent-foreground: #c7d2fe;
}
html body :is([data-slot="popover-content"]:has([data-slot="tabs-list"] .lucide-bell), [data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"]) > .justify-end > button:hover {
  background-color: color-mix(in srgb, var(--primary) 86%, #171345);
}
html body :is([data-slot="popover-content"]:has([data-slot="tabs-list"] .lucide-bell), [data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"]) :is([role="tab"], .justify-end > button):focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}

/* Language, theme, and account menus share the notification's glass material. */
html body :is([data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"]) {
  border-radius: 18px;
  padding: 6px;
}
html body :is([data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"]) :is([data-slot="dropdown-menu-item"], [data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-checkbox-item"], [data-slot="dropdown-menu-sub-trigger"]) {
  border-radius: 10px;
}
html body :is([data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"]) [data-slot="dropdown-menu-separator"] {
  background: color-mix(in srgb, var(--foreground) 10%, transparent);
}
/* == rankings-chart-glass.css == */
body .ad-native-tooltip{background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(241,243,255,.74))!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:14px!important;padding:12px 14px!important;box-shadow:0 12px 32px rgba(47,51,92,.12),inset 0 1px 0 rgba(255,255,255,.9)!important;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);transition:none!important;pointer-events:none!important;will-change:transform;contain:layout style}
.dark body .ad-native-tooltip{background:linear-gradient(135deg,rgba(42,45,65,.84),rgba(25,29,40,.78))!important;border-color:rgba(210,210,255,.22)!important;box-shadow:0 12px 32px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.16)!important}
html.ad-ranking-chart-paused .ad-native-tooltip{visibility:hidden!important}

html.ad-ranking-chart-paused body:has(header a[href="/rankings"][aria-current="page"]) canvas{pointer-events:none!important}

.ad-rank-empty-chart{height:160px}
/* == model-detail-glass-20261026.css == */
/* Model details reuse the catalog / About material, with one blur per surface. */
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] {
  --detail-divider: rgba(116, 124, 158, .13);
  --detail-inset: rgba(255, 255, 255, .18);
  --detail-active: rgba(255, 255, 255, .62);
  --detail-active-edge: rgba(135, 130, 224, .24);
}
.dark body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] {
  --detail-divider: rgba(201, 201, 255, .1);
  --detail-inset: rgba(201, 201, 255, .035);
  --detail-active: rgba(201, 201, 255, .12);
  --detail-active-edge: rgba(201, 201, 255, .25);
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] :is(
  section[class~="bg-card/60"],
  section:has(canvas),
  div.border[class~="bg-muted/20"],
  div.border.bg-background,
  div.border[class~="bg-border/60"],
  div.overflow-hidden.border:has(> [data-slot="table-container"]),
  [data-slot="tabs-list"]
) {
  background: var(--catalog-material);
  border: 1px solid var(--catalog-material-edge);
  box-shadow: var(--catalog-material-shadow);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
  border-radius: 20px;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] section:has(canvas) {
  padding: 16px;
}
/* Inset pricing tiles and table contents sit inside an existing glass surface. */
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] section[class~="bg-card/60"] div.border[class~="bg-muted/20"] {
  background: var(--detail-inset);
  border-color: var(--detail-divider);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  border-radius: 14px;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] [data-slot="table-container"] {
  background: transparent;
  border: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] :is([data-slot="table-row"], [data-slot="table-header"], [class~="bg-border/60"] > .bg-card) {
  background: transparent;
  border-color: var(--detail-divider);
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] [data-slot="table-row"]:hover {
  background: var(--detail-inset);
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] [class~="bg-border/60"] > .bg-card {
  box-shadow: 0 0 0 1px var(--detail-divider);
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] [data-slot="tabs-list"] {
  border-radius: 16px;
  padding: 5px;
  gap: 4px;
  height: auto;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] [data-slot="tabs-trigger"] {
  border: 1px solid transparent;
  border-radius: 11px;
  background: transparent;
  outline: none;
  box-shadow: none;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] [data-slot="tabs-trigger"][aria-selected="true"] {
  background: var(--detail-active);
  border-color: var(--detail-active-edge);
  color: var(--foreground);
  box-shadow: 0 2px 8px rgba(47,51,92,.06), inset 0 1px 0 rgba(255,255,255,.18);
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] [data-slot="tabs-trigger"]:focus-visible {
  outline: 2px solid rgba(115,105,230,.65);
  outline-offset: 2px;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] [class~="group/code-block"] :is(.cm-editor,.cm-scroller,.cm-gutters) {
  background: transparent;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] [class~="group/code-block"] .cm-scroller {
  padding: 18px 20px;
  line-height: 1.8;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] [class~="group/code-block"] .cm-content {
  padding: 0;
}
@media (max-width: 640px) {
  body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] [class~="group/code-block"] .cm-scroller { padding: 42px 14px 14px; }
  body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] [data-slot="tabs-list"] { max-width: 100%; }
  body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] section [data-slot="tabs-trigger"] { padding-inline: 6px; }
}
@supports not (backdrop-filter: blur(1px)) {
  body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] :is(section[class~="bg-card/60"],section:has(canvas),div.border,[data-slot="tabs-list"]) { background: #f3f5f8; }
  .dark body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [class~="@container/details"] :is(section[class~="bg-card/60"],section:has(canvas),div.border,[data-slot="tabs-list"]) { background: #171b22; }
}
/* == catalog-filter-polish-20261026.css == */
/* Catalog filter controls share the public purple accent and quiet glass. */
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) {
  --catalog-filter-surface: rgba(255,255,255,.30);
  --catalog-filter-border: rgba(125,128,155,.16);
  --catalog-filter-hover: rgba(255,255,255,.52);
  --catalog-filter-selected: rgba(99,86,221,.11);
  --catalog-filter-selected-border: rgba(99,86,221,.26);
  --catalog-filter-ink: #5145b8;
  --catalog-filter-count: rgba(255,255,255,.5);
  --catalog-filter-divider: rgba(125,128,155,.12);
  --catalog-filter-scroll: rgba(116,110,153,.27);
}
.dark body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) {
  --catalog-filter-surface: rgba(255,255,255,.035);
  --catalog-filter-border: rgba(211,207,255,.13);
  --catalog-filter-hover: rgba(211,207,255,.075);
  --catalog-filter-selected: rgba(157,145,255,.15);
  --catalog-filter-selected-border: rgba(174,164,255,.32);
  --catalog-filter-ink: #c5bcff;
  --catalog-filter-count: rgba(255,255,255,.06);
  --catalog-filter-divider: rgba(211,207,255,.10);
  --catalog-filter-scroll: rgba(188,179,230,.27);
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) aside.bg-card {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: stable;
  overflow-x: hidden;
  padding: 16px;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) aside.bg-card::-webkit-scrollbar { width: 6px; }
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) aside.bg-card::-webkit-scrollbar-track { background: transparent; margin-block: 16px; }
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) aside.bg-card::-webkit-scrollbar-thumb { background: var(--catalog-filter-scroll); border-radius: 999px; }
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) aside.bg-card::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
@supports not selector(::-webkit-scrollbar) {
  body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) aside.bg-card {
    scrollbar-width: thin;
    scrollbar-color: var(--catalog-filter-scroll) transparent;
  }
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside.bg-card,[data-slot="sheet-content"]) button[aria-pressed] {
  background: var(--catalog-filter-surface);
  border-color: var(--catalog-filter-border);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition: background-color .18s,border-color .18s,color .18s;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside.bg-card,[data-slot="sheet-content"]) button[aria-pressed]:hover { background: var(--catalog-filter-hover); }
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside.bg-card,[data-slot="sheet-content"]) button[aria-pressed="true"] {
  background: var(--catalog-filter-selected);
  border-color: var(--catalog-filter-selected-border);
  color: var(--catalog-filter-ink);
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside.bg-card,[data-slot="sheet-content"]) button[aria-pressed] > span:last-child:not(:first-child):not(.truncate) {
  background: var(--catalog-filter-count);
  color: inherit;
  font-variant-numeric: tabular-nums;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside.bg-card,[data-slot="sheet-content"]) [data-slot="collapsible"] { border-color: var(--catalog-filter-divider); }
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside.bg-card,[data-slot="sheet-content"]) button[aria-pressed]:focus-visible {
  outline: 2px solid #a5a0f3;
  outline-offset: 2px;
}
@media(prefers-reduced-motion:reduce) {
  body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside.bg-card,[data-slot="sheet-content"]) button[aria-pressed] { transition: none; }
}

.ad-catalog-intro{border-bottom:1px solid color-mix(in srgb,currentColor 13%,transparent);padding-bottom:1.25rem}
.ad-capabilities{display:flex;gap:4px;flex-wrap:wrap}
.ad-capabilities span,.ad-billing-badge{font-size:.69rem;line-height:1.4;border-radius:6px;padding:3px 7px;background:rgba(121,115,197,.1);color:inherit}
.ad-model-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ad-billing-badge{align-self:flex-start;flex:none;max-width:40%}.ad-billing-badge :is(a,button){text-decoration:none}
.ad-catalog-metrics{display:flex!important;flex-wrap:wrap!important;gap:.65rem!important}.ad-catalog-metrics dd{white-space:nowrap}
.ad-catalog-metrics dd[role="img"]{height:16px}
/* == console-material-20261027.css == */
/* Console material follows .ad-about-card: 18px / 135%, directional
   reflection, a translucent tint and an inset rim. No layout overrides. */
body:has([data-slot="sidebar-wrapper"]) {
  --ad-base: #f3f5f8;
  --ad-glass: rgba(255,255,255,.06);
  --ad-inner: rgba(255,255,255,.06);
  --ad-shell: rgba(255,255,255,.025);
  --ad-edge: rgba(255,255,255,.78);
  --ad-highlight: rgba(255,255,255,.92);
  --ad-shadow: 0 18px 55px rgba(47,51,92,.085), inset 0 1px 0 rgba(255,255,255,.92), inset 0 -1px 0 rgba(255,255,255,.2);
  --ad-reflection: linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.025) 68%);
  --ad-material: var(--ad-reflection), var(--ad-glass);
  --ad-control: rgba(255,255,255,.14);
  --ad-pane: rgba(255,255,255,.08);
  --ad-floating: rgba(246,248,253,.42);
  --ad-surface-highlight: var(--ad-highlight);
  --ad-surface-shadow: var(--ad-shadow);
  background: url('/brand/catalog-particles-light-still.svg?v=7') center top / cover no-repeat fixed,
    radial-gradient(ellipse at 75% 12%,rgba(99,102,241,.035),transparent 56%), var(--ad-base);
}
.dark body:has([data-slot="sidebar-wrapper"]) {
  --ad-base: #171b22;
  --ad-glass: rgba(23,27,34,.16);
  --ad-inner: rgba(255,255,255,.025);
  --ad-shell: rgba(23,27,34,.025);
  --ad-edge: rgba(210,210,255,.22);
  --ad-highlight: rgba(255,255,255,.2);
  --ad-shadow: 0 18px 55px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 rgba(255,255,255,.035);
  --ad-reflection: linear-gradient(135deg,rgba(201,201,255,.07),rgba(255,255,255,.008) 68%);
  --ad-control: rgba(255,255,255,.035);
  --ad-pane: rgba(23,27,34,.10);
  --ad-floating: rgba(23,27,34,.56);
  background-image: url('/brand/catalog-particles-dark-still.svg?v=7'),
    radial-gradient(ellipse at 75% 12%,rgba(99,102,241,.045),transparent 56%);
}

/* A transparent outer workspace lets each card sample the page backdrop. */
body:has([data-slot="sidebar-wrapper"]) [data-slot="sidebar-inset"] {
  background: var(--ad-shell);
  border-color: var(--ad-edge);
  box-shadow: inset 0 1px 0 var(--ad-highlight);
}
body:has([data-slot="sidebar-wrapper"]) :is(
  [data-slot="sidebar-inner"],
  [data-slot="sidebar-inset"] [data-slot="card"],
  [data-slot="sidebar-inset"] .bg-card,
  [data-slot="sidebar-inset"] form > [data-slot="input-group"]:has(> textarea[name="message"])
) {
  background: var(--ad-material);
  border-color: var(--ad-edge);
  box-shadow: var(--ad-shadow);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
}

/* Portal surfaces need more tint over dense text, with the same glass edge. */
html body:has([data-slot="sidebar-wrapper"]) :is(
  [data-slot="popover-content"], [data-slot="dropdown-menu-content"],
  [data-slot="dropdown-menu-sub-content"], [data-slot="select-content"],
  [data-slot="combobox-content"], [data-slot="context-menu-content"],
  [data-slot="context-menu-sub-content"], [data-slot="hover-card-content"],
  [data-slot="dialog-content"], [data-slot="alert-dialog-content"],
  [data-slot="sheet-content"], [data-slot="drawer-content"]
) {
  background: var(--ad-reflection), var(--ad-floating);
  border-color: var(--ad-edge);
  box-shadow: var(--ad-shadow);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
}

/* Mobile navigation is data-slot=sidebar, not sheet-content, and mounts
   outside the sidebar-wrapper. Its native bg-sidebar was opaque. */
body:has([data-slot="sidebar-wrapper"]) [data-slot="sidebar"][data-mobile="true"] {
  background: var(--ad-reflection), var(--ad-floating);
  border-color: var(--ad-edge);
  box-shadow: var(--ad-shadow);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
}
body:has([data-slot="sidebar-wrapper"]) [data-slot="sheet-portal"]:has([data-slot="sidebar"][data-mobile="true"]) > [data-slot="sheet-overlay"] {
  /* Blur belongs to the drawer, so the uncovered page remains distinct. */
  background: rgba(23,27,34,.12);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body:has([data-slot="sidebar-wrapper"]) [data-slot="sidebar"][data-mobile="true"] :is([data-slot="sidebar-content"], [data-slot="sidebar-footer"]) {
  background: transparent;
}

@media (max-width: 767px) {
  body:has([data-slot="sidebar-wrapper"]) { background-position: 66% top; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body:has([data-slot="sidebar-wrapper"]) {
    --ad-glass: #f3f5f8;
    --ad-floating: #f3f5f8;
  }
  .dark body:has([data-slot="sidebar-wrapper"]) {
    --ad-glass: #1e222a;
    --ad-floating: #1e222a;
  }
}

/* The fixed page title is a raised pane above the independently scrolling cards. */
[data-slot="sidebar-inset"] main > div.shrink-0:first-child:has(> div > div > h2) {
  position: relative;
  z-index: 2;
  background:
    linear-gradient(112deg, rgba(255,255,255,.40), rgba(238,242,255,.12) 60%, rgba(219,215,249,.20)),
    rgba(242,245,252,.25);
  border-bottom: 1px solid rgba(126,143,176,.24);
  box-shadow: 0 9px 18px -13px rgba(36,48,82,.38), inset 0 1px 0 rgba(255,255,255,.88), inset 0 -1px 0 rgba(255,255,255,.76);
  -webkit-backdrop-filter: blur(20px) saturate(145%);
  backdrop-filter: blur(20px) saturate(145%);
}
.dark [data-slot="sidebar-inset"] main > div.shrink-0:first-child:has(> div > div > h2) {
  background:
    linear-gradient(112deg, rgba(179,194,227,.095), rgba(255,255,255,.025) 60%, rgba(156,140,210,.07)),
    rgba(24,29,41,.42);
  border-bottom-color: rgba(182,197,232,.20);
  box-shadow: 0 9px 20px -11px rgba(0,0,0,.65), inset 0 1px 0 rgba(229,236,255,.17), inset 0 -1px 0 rgba(207,220,250,.12);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  [data-slot="sidebar-inset"] main > div.shrink-0:first-child:has(> div > div > h2) { background: #edf1f9; }
  .dark [data-slot="sidebar-inset"] main > div.shrink-0:first-child:has(> div > div > h2) { background: #242b3c; }
}
/* == console-component-glass-20261027.css == */
/* Fill only the remaining flat components. Existing page/nav/card surfaces stay intact. */
body:has([data-slot="sidebar-wrapper"]) {
  --ad-component-track: rgba(120,136,168,.10);
  --ad-component-rim: rgba(255,255,255,.82);
  --ad-component-low-edge: rgba(110,128,165,.23);
  --ad-component-selected: linear-gradient(125deg,rgba(255,255,255,.62),rgba(224,221,255,.20) 72%),rgba(99,102,241,.14);
  --ad-component-selected-edge: rgba(99,102,241,.33);
  --ad-component-selected-shadow: 0 4px 10px rgba(66,61,136,.14),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(124,119,206,.12);
  --ad-component-ink: #4f46e5;
}
.dark body:has([data-slot="sidebar-wrapper"]) {
  --ad-component-track: rgba(9,14,27,.24);
  --ad-component-rim: rgba(216,227,255,.22);
  --ad-component-low-edge: rgba(7,12,24,.45);
  --ad-component-selected: linear-gradient(125deg,rgba(202,211,255,.15),rgba(143,131,229,.035) 72%),rgba(119,112,232,.18);
  --ad-component-selected-edge: rgba(177,174,255,.35);
  --ad-component-selected-shadow: 0 4px 12px rgba(0,0,0,.24),inset 0 1px 0 rgba(224,231,255,.28),inset 0 -1px 0 rgba(145,139,225,.12);
  --ad-component-ink: #d1ccff;
}

/* Recessed segmented track, with a raised translucent active segment. */
body:has([data-slot="sidebar-wrapper"]) [data-slot="sidebar-inset"] [data-slot="tabs-list"][data-variant="default"] {
  background: linear-gradient(145deg,rgba(255,255,255,.10),transparent 70%),var(--ad-component-track);
  box-shadow: inset 0 1px 3px rgba(45,59,93,.12),inset 0 0 0 1px var(--ad-component-low-edge),0 1px 0 var(--ad-component-rim);
  -webkit-backdrop-filter: blur(12px) saturate(135%);
  backdrop-filter: blur(12px) saturate(135%);
}
body:has([data-slot="sidebar-wrapper"]) [data-slot="sidebar-inset"] [data-slot="tabs-list"][data-variant="default"] [data-slot="tabs-trigger"]:is([data-active],[aria-selected="true"]) {
  background: var(--ad-component-selected);
  border-color: var(--ad-component-selected-edge);
  box-shadow: var(--ad-component-selected-shadow);
  color: var(--ad-component-ink);
}

/* Same active material in the existing sidebar shape; keep native focus rings. */
body:has([data-slot="sidebar-wrapper"]) :is([data-slot="sidebar-menu-button"], [data-slot="sidebar-menu-sub-button"])[data-active] {
  background: var(--ad-component-selected);
  color: var(--ad-component-ink);
  box-shadow: var(--ad-component-selected-shadow),inset 0 0 0 1px var(--ad-component-selected-edge);
  -webkit-backdrop-filter: blur(12px) saturate(135%);
  backdrop-filter: blur(12px) saturate(135%);
}

/* The form wrapper replaces data-slot=switch, so target its native switch role. */
body:has([data-slot="sidebar-wrapper"]) [role="switch"] {
  background: linear-gradient(180deg,rgba(117,134,164,.18),rgba(255,255,255,.22)),var(--ad-component-track);
  border-color: var(--ad-component-low-edge);
  box-shadow: inset 0 1px 3px rgba(43,55,85,.19),0 1px 0 var(--ad-component-rim);
  -webkit-backdrop-filter: blur(8px) saturate(140%);
  backdrop-filter: blur(8px) saturate(140%);
}
body:has([data-slot="sidebar-wrapper"]) [role="switch"][aria-checked="true"] {
  background: linear-gradient(155deg,rgba(160,157,255,.72),rgba(79,70,229,.78)),rgba(99,102,241,.24);
  border-color: rgba(103,96,219,.40);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.48),inset 0 -1px 2px rgba(51,40,145,.28),0 2px 5px rgba(79,70,229,.17);
}
.dark body:has([data-slot="sidebar-wrapper"]) [role="switch"] {
  background: linear-gradient(180deg,rgba(6,10,24,.45),rgba(178,190,222,.09)),rgba(54,63,87,.26);
}
.dark body:has([data-slot="sidebar-wrapper"]) [role="switch"][aria-checked="true"] {
  background: linear-gradient(155deg,rgba(172,164,255,.60),rgba(99,85,225,.64)),rgba(99,102,241,.30);
  border-color: rgba(190,181,255,.38);
}
body:has([data-slot="sidebar-wrapper"]) [role="switch"] [data-slot="switch-thumb"] {
  background: linear-gradient(145deg,#fff 15%,#f7f8ff 55%,#dce2f4);
  box-shadow: 0 2px 4px rgba(30,36,72,.28),inset 0 1px 0 #fff,inset 0 -1px 1px rgba(136,145,180,.24);
}
body:has([data-slot="sidebar-wrapper"]) [role="switch"]:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 3px;
}

/* Table frame carries one blur; normal cells stay transparent so tint is not
   painted twice. Pinned cells use a denser frosted veil to hide passing text. */
[data-slot="sidebar-inset"] div.rounded-lg.border:has([data-slot="table"]) {
  background: linear-gradient(135deg,rgba(255,255,255,.18),rgba(226,231,251,.06) 70%),rgba(249,251,255,.12);
  border-color: var(--ad-component-rim);
  box-shadow: 0 9px 24px rgba(41,53,90,.08),inset 0 1px 0 var(--ad-component-rim),inset 0 -1px 0 rgba(133,148,182,.15);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
}
.dark [data-slot="sidebar-inset"] div.rounded-lg.border:has([data-slot="table"]) {
  background: linear-gradient(135deg,rgba(196,210,255,.055),transparent 70%),rgba(22,28,42,.20);
  box-shadow: 0 9px 24px rgba(0,0,0,.22),inset 0 1px 0 var(--ad-component-rim),inset 0 -1px 0 rgba(7,11,22,.25);
}
[data-slot="sidebar-inset"] [data-slot="table-body"] > [data-slot="table-row"] > [data-slot="table-cell"]:not(.sticky) {
  background-color: transparent !important;
}
[data-slot="sidebar-inset"] [data-slot="table-body"] > [data-slot="table-row"] > [data-slot="table-cell"].sticky {
  background-color: var(--ad-grid-pinned) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
[data-slot="sidebar-inset"] [data-slot="table-body"] > [data-slot="table-row"]:is(:hover,[data-state="selected"],:has([aria-expanded="true"])) > [data-slot="table-cell"].sticky {
  background-color: var(--ad-grid-pinned-active) !important;
}
[data-slot="sidebar-inset"] [data-slot="table-header"] {
  box-shadow: 0 5px 10px -7px rgba(41,53,90,.30),inset 0 1px 0 var(--ad-component-rim);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
}
[data-slot="sidebar-inset"] [data-slot="table-header"] :is([data-slot="table-row"],[data-slot="table-head"]:not(.sticky)) {
  background-color: transparent !important;
}
[data-slot="sidebar-inset"] [data-slot="table-head"].sticky {
  background-color: var(--ad-grid-pinned-head) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
[data-slot="sidebar-inset"] div.bg-background.border-t:has([data-slot="select-trigger"]) {
  background: linear-gradient(120deg,rgba(255,255,255,.17),transparent),var(--ad-grid-head);
  border-color: var(--ad-grid-edge);
  box-shadow: 0 -5px 15px -12px rgba(37,48,80,.28),inset 0 1px 0 var(--ad-component-rim);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  [data-slot="sidebar-inset"] div.rounded-lg.border:has([data-slot="table"]) { background: #edf0f8; }
  .dark [data-slot="sidebar-inset"] div.rounded-lg.border:has([data-slot="table"]) { background: #242b3b; }
}

/* Isolate each overview backdrop in its rounded paint layer. The pane's
   existing material, border, shadow and content remain unchanged. */
body:has([data-slot="sidebar-menu-button"][href="/dashboard/overview"][data-active]) [data-slot="sidebar-inset"] .bg-card {
  position: relative;
  isolation: isolate;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body:has([data-slot="sidebar-menu-button"][href="/dashboard/overview"][data-active]) [data-slot="sidebar-inset"] .bg-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background: var(--ad-material);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
  clip-path: border-box;
}

/* overview-balance-divider: the overview is one pane, without a hard rule
   across its middle. Keep the original spacing and wallet action. */
[data-slot="sidebar-inset"] div[class*="--overview-accent"]:has(> a[data-slot="button"][href="/wallet"]) {
  border-top-color: transparent !important;
  border-left-color: transparent !important;
}
/* == console-refinement-20261027.css == */
/* Console finishing: quieter edges, legible ink and layered glass. */
body:has([data-slot="sidebar-wrapper"]) {
  --foreground: #2d3042;
  --muted-foreground: #71788a;
  --ad-edge: rgba(139,145,172,.16);
  --ad-highlight: rgba(255,255,255,.62);
  --ad-shadow: 0 12px 36px rgba(50,48,85,.065), inset 0 1px 0 rgba(255,255,255,.68), inset 0 -1px 0 rgba(255,255,255,.12);
  --ad-detail-border: rgba(137,140,174,.15);
  --ad-detail-fill: rgba(255,255,255,.10);
  --ad-detail-glint: rgba(255,255,255,.62);
  --ad-detail-hover: rgba(109,91,190,.065);
  --ad-label: #656d80;
  --ad-caption: #7c8293;
  --ad-heading: #303247;
}
.dark body:has([data-slot="sidebar-wrapper"]) {
  --foreground: #e8e9f2;
  --muted-foreground: #a2a8ba;
  --ad-edge: rgba(186,188,224,.14);
  --ad-highlight: rgba(255,255,255,.13);
  --ad-shadow: 0 12px 36px rgba(0,0,0,.16), inset 0 1px 0 rgba(224,225,255,.13), inset 0 -1px 0 rgba(255,255,255,.025);
  --ad-detail-border: rgba(183,187,223,.14);
  --ad-detail-fill: rgba(190,184,255,.035);
  --ad-detail-glint: rgba(225,221,255,.15);
  --ad-detail-hover: rgba(166,149,240,.10);
  --ad-label: #aeb3c7;
  --ad-caption: #9199ae;
  --ad-heading: #e6e8f4;
}

/* These markers follow chart structure, not translated text or route order. */
body:has([data-slot="sidebar-wrapper"]) [data-ad-overview-page] {
  font-family: Inter, "Segoe UI Variable", "Segoe UI", "PingFang SC", "Microsoft YaHei UI", sans-serif;
  --ad-positive: #388e79;
}
.dark body:has([data-slot="sidebar-wrapper"]) [data-ad-overview-page] { --ad-positive: #80c8ae; }
body:has([data-slot="sidebar-wrapper"]) [data-ad-overview-page] h3 {
  color: var(--ad-heading);
  font-weight: 600;
  letter-spacing: -.01em;
}
body:has([data-slot="sidebar-wrapper"]) [data-ad-overview-page] .font-mono.tabular-nums {
  font-family: Inter, "Segoe UI Variable", "Segoe UI", sans-serif;
  letter-spacing: -.02em;
  font-weight: 600;
}
body:has([data-slot="sidebar-wrapper"]) [data-ad-overview-page] .text-emerald-600 { color: var(--ad-positive); }
body:has([data-slot="sidebar-wrapper"]) [data-ad-overview-page] .bg-emerald-500 { background-color: var(--ad-positive); }
body:has([data-slot="sidebar-wrapper"]) [data-ad-overview] {
  color: var(--ad-heading);
  font-family: Inter, "Segoe UI Variable", "Segoe UI", "PingFang SC", "Microsoft YaHei UI", sans-serif;
  --overview-accent-1: #7a69ba;
  --overview-accent-2: #6e7bb5;
  --overview-accent-3: #9b82bf;
  --chart-1: #7a69ba;
  --chart-2: #6e7bb5;
  --chart-3: #9b82bf;
}
.dark body:has([data-slot="sidebar-wrapper"]) [data-ad-overview] {
  --overview-accent-1: #b0a0e5;
  --overview-accent-2: #9ba9e1;
  --overview-accent-3: #c2a5e5;
  --chart-1: #b0a0e5;
  --chart-2: #9ba9e1;
  --chart-3: #c2a5e5;
}
body:has([data-slot="sidebar-wrapper"]) [data-ad-overview] h3 {
  color: var(--ad-heading);
  font-weight: 600;
  letter-spacing: -.015em;
}
body:has([data-slot="sidebar-wrapper"]) [data-ad-overview] .text-muted-foreground {
  color: var(--ad-label);
}
body:has([data-slot="sidebar-wrapper"]) [data-ad-overview] [class~="text-muted-foreground/60"] {
  color: var(--ad-caption);
}
body:has([data-slot="sidebar-wrapper"]) [data-ad-overview] .font-mono {
  font-family: Inter, "Segoe UI Variable", "Segoe UI", sans-serif;
  font-weight: 600;
  letter-spacing: -.035em;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  line-height: 1.25;
  color: var(--ad-heading);
}
body:has([data-slot="sidebar-wrapper"]) [data-ad-stat] {
  position: relative;
  background: linear-gradient(145deg,rgba(255,255,255,.17),transparent 65%),var(--ad-detail-fill);
  border-color: var(--ad-detail-border);
  box-shadow: inset 0 1px 0 var(--ad-detail-glint), 0 6px 18px rgba(58,54,99,.025);
}
.dark body:has([data-slot="sidebar-wrapper"]) [data-ad-stat] {
  background: linear-gradient(145deg,rgba(210,204,255,.035),transparent 65%),var(--ad-detail-fill);
}
body:has([data-slot="sidebar-wrapper"]) [data-ad-stat] span[aria-hidden="true"]:has(> svg) {
  border: 1px solid color-mix(in srgb,currentColor 12%,transparent);
  background: color-mix(in srgb,currentColor 8%,transparent);
  box-shadow: inset 0 1px 0 var(--ad-detail-glint);
}
body:has([data-slot="sidebar-wrapper"]) [data-ad-stat] [data-ad-spark] {
  overflow: visible;
  color: var(--overview-accent-1);
  --ad-spark-start: #a495d8;
  --ad-spark-end: #6d5bb2;
}
body:has([data-slot="sidebar-wrapper"]) [data-ad-stat="2"] [data-ad-spark] {
  color: var(--overview-accent-2);
  --ad-spark-start: #a1afd7;
  --ad-spark-end: #6677b5;
}
body:has([data-slot="sidebar-wrapper"]) [data-ad-stat="3"] [data-ad-spark] {
  color: var(--overview-accent-3);
  --ad-spark-start: #c2a7dd;
  --ad-spark-end: #9270b3;
}
.dark body:has([data-slot="sidebar-wrapper"]) [data-ad-stat] [data-ad-spark] {
  --ad-spark-start: #9b8acb;
  --ad-spark-end: #bfafea;
}
.dark body:has([data-slot="sidebar-wrapper"]) [data-ad-stat="2"] [data-ad-spark] {
  --ad-spark-start: #8797c8;
  --ad-spark-end: #b4c0ec;
}
.dark body:has([data-slot="sidebar-wrapper"]) [data-ad-stat="3"] [data-ad-spark] {
  --ad-spark-start: #a48abd;
  --ad-spark-end: #d1b4ed;
}
body:has([data-slot="sidebar-wrapper"]) [data-ad-spark] path[vector-effect] {
  stroke-width: 1.7;
}
body:has([data-slot="sidebar-wrapper"]) [data-ad-spark] linearGradient:not([data-ad-ink]) stop:first-child { stop-opacity: .18; }
body:has([data-slot="sidebar-wrapper"]) [data-ad-spark] linearGradient:not([data-ad-ink]) stop:last-child { stop-opacity: .005; }
body:has([data-slot="sidebar-wrapper"]) [data-ad-spark] [data-ad-ink] stop:first-child { stop-color: var(--ad-spark-start); }
body:has([data-slot="sidebar-wrapper"]) [data-ad-spark] [data-ad-ink] stop:last-child { stop-color: var(--ad-spark-end); }

/* The balance divider reads as a material seam rather than a white rule. */
body:has([data-slot="sidebar-wrapper"]) [data-ad-overview] div[class*="--overview-accent"]:has(> a[href="/wallet"]) {
  background: linear-gradient(145deg,rgba(125,105,190,.04),transparent 70%);
  border-color: var(--ad-detail-border);
}

/* Provider picker: nested command tiles previously had only an empty border. */
body:has([data-slot="sidebar-wrapper"]) [data-ad-provider-picker] {
  font-family: Inter, "Segoe UI Variable", "Segoe UI", "PingFang SC", "Microsoft YaHei UI", sans-serif;
  background: radial-gradient(ellipse at 95% 0%,rgba(128,104,204,.075),transparent 55%),var(--ad-reflection),var(--ad-floating);
}
body:has([data-slot="sidebar-wrapper"]) [data-slot="sheet-content"] [cmdk-item][data-value]:is([data-value^="builtin:"], [data-value^="plugin:"]) {
  position: relative;
  isolation: isolate;
  cursor: pointer;
  border-color: var(--ad-detail-border);
  border-radius: 16px;
  background: linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.025) 70%),var(--ad-detail-fill);
  box-shadow: 0 7px 22px rgba(52,48,85,.045), inset 0 1px 0 var(--ad-detail-glint), inset 0 -1px 0 rgba(255,255,255,.06);
  -webkit-backdrop-filter: blur(12px) saturate(135%);
  backdrop-filter: blur(12px) saturate(135%);
  transition: background-color .18s, border-color .18s, box-shadow .18s;
  color: var(--ad-heading);
}
.dark body:has([data-slot="sidebar-wrapper"]) [data-slot="sheet-content"] [cmdk-item][data-value]:is([data-value^="builtin:"], [data-value^="plugin:"]) {
  background: linear-gradient(135deg,rgba(214,203,255,.055),transparent 70%),var(--ad-detail-fill);
}
body:has([data-slot="sidebar-wrapper"]) [data-slot="sheet-content"] [cmdk-item][data-value]:is([data-value^="builtin:"], [data-value^="plugin:"]):is(:hover,[data-selected="true"],:focus-visible) {
  background-color: var(--ad-detail-hover);
  border-color: rgba(126,105,195,.38);
  box-shadow: 0 10px 26px rgba(76,57,134,.10), inset 0 1px 0 var(--ad-detail-glint), inset 0 0 0 1px rgba(137,116,201,.09);
}
body:has([data-slot="sidebar-wrapper"]) [data-slot="sheet-content"] [cmdk-item][data-value^="builtin:"] .font-medium {
  font-weight: 600;
  letter-spacing: -.015em;
  font-size: 15px;
}
body:has([data-slot="sidebar-wrapper"]) [data-slot="sheet-content"] [cmdk-item][data-value] .text-muted-foreground { color: var(--ad-label); }
body:has([data-slot="sidebar-wrapper"]) [data-slot="sheet-content"] [cmdk-item][data-value]:is([data-value^="builtin:"], [data-value^="plugin:"]) [title].line-clamp-2 {
  font-size: 13px;
  line-height: 1.65;
}
body:has([data-slot="sidebar-wrapper"]) [data-slot="sheet-content"] [cmdk-item][data-value] [data-slot="badge"][data-variant="secondary"] {
  background: rgba(128,106,190,.075);
  border-color: rgba(128,106,190,.09);
  color: #76629f;
  font-weight: 500;
}
.dark body:has([data-slot="sidebar-wrapper"]) [data-slot="sheet-content"] [cmdk-item][data-value] [data-slot="badge"][data-variant="secondary"] { color: #c4b2e5; }
body:has([data-slot="sidebar-wrapper"]) [data-ad-provider-picker] [data-slot="tabs-list"] {
  background: rgba(116,105,153,.055);
  border: 1px solid var(--ad-detail-border);
  padding: 4px;
  border-radius: 12px;
  box-shadow: inset 0 1px 2px rgba(62,52,103,.025);
}
body:has([data-slot="sidebar-wrapper"]) [data-ad-provider-picker] [data-slot="tabs-trigger"] {
  padding: 5px 12px;
  border-radius: 8px;
  color: var(--ad-label);
}
body:has([data-slot="sidebar-wrapper"]) [data-ad-provider-picker] [data-slot="tabs-trigger"][data-active] {
  color: #7760ad;
  background: var(--ad-reflection),var(--ad-detail-fill);
  box-shadow: 0 2px 8px rgba(72,55,120,.08),inset 0 1px 0 var(--ad-detail-glint);
  border-color: rgba(137,116,201,.16);
}
.dark body:has([data-slot="sidebar-wrapper"]) [data-ad-provider-picker] [data-slot="tabs-trigger"][data-active] { color: #c6b4ec; }
@media (min-width:640px) {
  body:has([data-slot="sidebar-wrapper"]) [data-ad-stat] { padding:16px; border-radius:20px; }
  body:has([data-slot="sidebar-wrapper"]) [data-ad-stat] .font-mono { font-size:28px; }
  body:has([data-slot="sidebar-wrapper"]) [data-ad-stat] [data-ad-spark] { height:36px; }
  body:has([data-slot="sidebar-wrapper"]) [data-slot="sheet-content"] [cmdk-item][data-value]:is([data-value^="builtin:"], [data-value^="plugin:"]) { padding:16px; gap:20px; }
}
@media (prefers-reduced-motion: reduce) {
  body:has([data-slot="sidebar-wrapper"]) [data-slot="sheet-content"] [cmdk-item] { transition:none; }
}
/* == console-dark-stability-20261027.css == */
/* Dark console chrome: each material is clipped to its own rounded pane.
   Keep layout spacers transparent and avoid broad black shadows in the gaps. */
html.dark body:has([data-slot="sidebar-wrapper"]) [data-slot="sidebar-wrapper"] > header {
  background: transparent;
  border: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html.dark body:has([data-slot="sidebar-wrapper"]) [data-slot="sidebar-wrapper"] > header > div {
  overflow: clip;
  clip-path: inset(0 round 999px);
  box-shadow: inset 0 1px 0 rgba(230,230,255,.14), inset 0 -1px 0 rgba(206,209,240,.07) !important;
}
html.dark body:has([data-slot="sidebar-wrapper"]) :is([data-slot="sidebar-container"], [data-slot="sidebar-gap"]) {
  background: transparent;
  box-shadow: none;
}
html.dark body:has([data-slot="sidebar-wrapper"]) [data-slot="sidebar-inner"] {
  overflow: clip;
  clip-path: inset(0 round 16px);
  box-shadow: inset 0 1px 0 rgba(225,222,250,.13), inset 0 -1px 0 rgba(225,222,250,.025);
}
/* This title precedes a separate scrolling region; no backdrop pane or drop
   shadow is needed between the navigation capsule and the content cards. */
html.dark body:has([data-slot="sidebar-wrapper"]) [data-slot="sidebar-inset"] main > div.shrink-0:first-child:has(> div > div > h2) {
  background: transparent;
  border-bottom-color: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
/* == auth-native-surface-20261027.css == */
/* Authentication uses the installed PublicLayout and its shared navigation CSS.
   Do not introduce another navigation tree, labels or material. */
.ag-signup .su-brand { display: none !important; }
.ag-signup .su-layout { padding-top: 116px; }
.ag-signup #root > div:has(> header.pointer-events-none) { background: transparent; }
.ag-signup .su-layout::after { content: none; }
.ag-signup .su-particle-field { z-index: 0; }
.ag-signup .su-story { z-index: 1; }
.ag-signup .su-card {
  background: linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.025) 68%),rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  box-shadow: 0 18px 55px rgba(47,51,92,.085),inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(255,255,255,.2) !important;
  -webkit-backdrop-filter: blur(18px) saturate(135%) !important;
  backdrop-filter: blur(18px) saturate(135%) !important;
}
.dark .ag-signup .su-card {
  background: linear-gradient(135deg,rgba(201,201,255,.07),rgba(255,255,255,.008) 68%),rgba(23,27,34,.16) !important;
  border-color: rgba(210,210,255,.22) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.035) !important;
}
@media(max-width:760px) {
  .ag-signup .su-layout { padding-top: 106px; }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .ag-signup .su-card { background: rgba(244,246,251,.94) !important; }
  .dark .ag-signup .su-card { background: rgba(28,33,44,.94) !important; }
}
/* == navigation-scroll-perf-20261027.css == */
/* Keep one constant glass filter while the native navigation contracts. */
html header.pointer-events-none > div > nav {
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  backdrop-filter: blur(18px) saturate(160%);
  transition: height .32s cubic-bezier(.4, 0, .2, 1),
    min-height .32s cubic-bezier(.4, 0, .2, 1),
    padding .32s cubic-bezier(.4, 0, .2, 1);
}
header.pointer-events-none > div {
  transition: width .32s cubic-bezier(.4, 0, .2, 1),
    padding .32s cubic-bezier(.4, 0, .2, 1);
}
/* Controls already sit on a frosted parent; avoid redundant nested filters. */
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(
  main button.bg-background,
  main > .bg-card [role="group"],
  header kbd
) {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
@media (prefers-reduced-motion: reduce) {
  header.pointer-events-none > div,
  html header.pointer-events-none > div > nav { transition: none; }
}
/* == oldfix-20261028.css == */
/* 2026-10-28 targeted fixes on top of the existing AgentDock shell. */

/* Page-enter animation blurs the whole page (filter: blur(4px) -> 0). On slow
   devices/networks the text stays visibly smeared; keep the fade, drop the blur. */
#root [style*="filter: blur"] {
  filter: none !important;
}

/* Rankings title sat under the floating header (title top 80px < header bottom 84px). */
body:has(header.pointer-events-none a[href="/rankings"][aria-current="page"]) #root > .bg-background > .relative > .max-w-\[1280px\] {
  padding-top: 7rem;
}

/* fix10: console cleanups (2026-10-28). */

/* Active tabs and sidebar items already have a tint and a fine rim; the extra
   2px marker on their left edge is redundant. */
html body:has([data-slot="sidebar-wrapper"]) [data-slot="tabs-trigger"]::before,
html body:has([data-slot="sidebar-wrapper"]) :is([data-slot="sidebar-menu-button"],[data-slot="sidebar-menu-sub-button"])::before {
  content: none !important;
}

/* Table row lines: the opaque sticky columns (model, actions) and the checkbox
   column covered the row border, so lines only showed in the middle columns.
   Draw the line on every cell instead. */
html body:has([data-slot="sidebar-wrapper"]) [data-slot="sidebar-inset"]:not(#ad-x) :is([data-slot="table-body"],[data-slot="table-header"]) > [data-slot="table-row"] {
  border-bottom-width: 0 !important;
}
html body:has([data-slot="sidebar-wrapper"]) [data-slot="sidebar-inset"]:not(#ad-x) [data-slot="table-body"] > [data-slot="table-row"]:not(:last-child) > [data-slot="table-cell"],
html body:has([data-slot="sidebar-wrapper"]) [data-slot="sidebar-inset"]:not(#ad-x) [data-slot="table-header"] > [data-slot="table-row"] > [data-slot="table-head"] {
  background-image: linear-gradient(to top, var(--ad-grid-edge, rgba(104,115,143,.24)) 1px, transparent 1px) !important;
}

/* Buttons that are just cell content (price summary etc.) lit up as a separate
   rounded tile on hover inside the already highlighted row. */
html body:has([data-slot="sidebar-wrapper"]) [data-slot="sidebar-inset"] [data-slot="table-cell"]:not(.sticky) button:not(.bg-primary):not(.bg-destructive):not([data-slot="checkbox"]):is(:hover,[aria-expanded="true"]) {
  background: transparent !important;
  box-shadow: none !important;
}

/* Toasts sat on top of the floating header and its links showed through them. */
[data-sonner-toaster][data-y-position="top"] {
  top: 92px !important;
}


/* fix11: API keys table. Native pins min-width max(100%,1800px) plus fixed column widths
   and percentage <col> widths (e.g. 180px for "default", 260px for "无限制 7.37"), so below 1800px the table overflowed
   and the sticky actions column sat on top of the time/expiry columns. Size columns by
   content instead. Below 1280px the columns cannot fit anyway, so keep native scrolling there. */
@media (min-width: 1280px) {
html body:has([data-slot="sidebar-menu-button"][href="/keys"][data-active]:not([data-active="false"])) [data-slot="sidebar-inset"] [data-slot="table"] {
  min-width: 100% !important;
}
html body:has([data-slot="sidebar-menu-button"][href="/keys"][data-active]:not([data-active="false"])) [data-slot="sidebar-inset"] [data-slot="table"] :is([data-slot="table-head"], col) {
  width: auto !important;
}
/* Cells and badges carry max-width:100% + truncate, which let auto layout squeeze columns down to "已…";
   keep each column at least as wide as its text. */
html body:has([data-slot="sidebar-menu-button"][href="/keys"][data-active]:not([data-active="false"])) [data-slot="sidebar-inset"] [data-slot="table"] :is([data-slot="table-cell"],[data-slot="table-head"]),
html body:has([data-slot="sidebar-menu-button"][href="/keys"][data-active]:not([data-active="false"])) [data-slot="sidebar-inset"] [data-slot="table"] :is([data-slot="table-cell"],[data-slot="table-head"]) * {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  max-width: none !important;
}
}

/* fix13: overview uptime card. Unconfigured, it is a 320px empty placeholder in its own 22rem
   column, while the left grid's last row leaves an empty cell beside the 4th card (same height).
   Flatten both wrappers into the outer grid so the uptime card fills that cell. */
@media (min-width: 1024px) {
html body:has([data-slot="sidebar-wrapper"]) [data-slot="sidebar-inset"] div.grid:has(> div:nth-child(2) > div.rounded-2xl > div.text-muted-foreground.h-80.justify-center.items-center) {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html body:has([data-slot="sidebar-wrapper"]) [data-slot="sidebar-inset"] div.grid:has(> div:nth-child(2) > div.rounded-2xl > div.text-muted-foreground.h-80.justify-center.items-center) > div {
  display: contents !important;
}
}

/* fix14: layering (light theme). Primary console cards were a 58% grey-blue film
   (--ad-card-fill) on a grey-blue workspace, nested panels an 8-55% film and controls 20-60%,
   so surfaces dissolved into the background. Whiter fills, a firmer edge and a soft drop shadow.
   :not(#ad-x) outranks the inline console-material variable blocks that load later. */
html:not(.dark):not(#ad-x) body:has([data-slot="sidebar-wrapper"]) {
  --ad-inner: rgba(255,255,255,.55) !important;
  --ad-inner-edge: rgba(98,104,140,.2);
  --ad-inner-shadow: 0 4px 14px -6px rgba(46,57,86,.12), inset 0 1px 0 rgba(255,255,255,.85);
  --ad-control: rgba(255,255,255,.74) !important;
  --ad-card-fill: linear-gradient(145deg,rgba(255,255,255,.5),rgba(255,255,255,.18)),rgba(249,250,253,.66);
  --ad-card-shadow: 0 14px 32px -12px rgba(43,53,82,.2),0 2px 6px rgba(43,53,82,.045),inset 0 1px 0 rgba(255,255,255,.92);
  --ad-tile-fill: rgba(255,255,255,.7);
  --ad-tile-shadow: 0 4px 12px -4px rgba(43,53,82,.1),inset 0 1px 0 rgba(255,255,255,.9);
}

/* Default avatars: the console's muted-text rule (!important) turned the white initial grey
   on the indigo fill. */
html:not(#ad-x) body [data-slot="avatar-fallback"][style*="color: white"] {
  color: #fff !important;
}

/* Overview balance tiles: "近 24 小时消耗" was 1px wider than its tile and got clipped. */
[data-slot="sidebar-inset"] div[class*="--overview-accent"] .grid > div.rounded-lg {
  padding-inline: 8px !important;
}
[data-slot="sidebar-inset"] div[class*="--overview-accent"] .grid > div.rounded-lg .truncate {
  overflow: visible;
  text-overflow: clip;
}

/* Model square (light): filter chips and toolbar toggles were near-transparent on the glass,
   and selected toggles used a grey film instead of the site's violet selection. */
html:not(.dark) body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) {
  --catalog-filter-surface: rgba(255,255,255,.66);
  --catalog-filter-border: rgba(110,114,148,.2);
  --catalog-filter-hover: rgba(255,255,255,.88);
  --catalog-filter-selected: rgba(99,86,221,.12);
  --catalog-filter-selected-border: rgba(99,86,221,.3);
  --catalog-filter-count: rgba(110,114,148,.1);
}
html:not(.dark) body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [data-slot="toggle-group"]:not(:has(.lucide-grid-2x2)) {
  background: rgba(255,255,255,.6) !important;
  box-shadow: inset 0 0 0 1px rgba(110,114,148,.18), 0 1px 2px rgba(47,51,92,.04) !important;
}
html:not(.dark) body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) main [data-slot="toggle-group"]:not(:has(.lucide-grid-2x2)) [data-slot="toggle-group-item"][aria-pressed="true"] {
  background: rgba(99,86,221,.12) !important;
  color: #5145b8 !important;
  box-shadow: inset 0 0 0 1px rgba(99,86,221,.28) !important;
}

/* fix15: table filter buttons (shared by every console table) were dashed outlines on the glass;
   use the model square's solid chip instead. */
html:not(#ad-x) body [data-slot="sidebar-inset"] button.border-dashed {
  border-style: solid !important;
}
html:not(.dark):not(#ad-x) body [data-slot="sidebar-inset"] button.border-dashed {
  background: rgba(255,255,255,.66) !important;
  border-color: rgba(110,114,148,.2) !important;
  box-shadow: 0 1px 2px rgba(47,51,92,.04) !important;
}
html:not(.dark):not(#ad-x) body [data-slot="sidebar-inset"] button.border-dashed:hover {
  background: rgba(255,255,255,.88) !important;
}

/* fix16: tables (light). Pinned cells and the sticky header were opaque grey (#eef0f6/#e9ebf3)
   on a 55% white panel, so tables read as a grey slab. Near-white panel, pinned cells the same
   colour so rows read as one surface, a lighter header and a faint violet hover. */
html:not(.dark):not(#ad-x) body:has([data-slot="sidebar-wrapper"]) {
  --ad-grid-pinned: #fafbfd !important;
  --ad-grid-pinned-head: #f2f4f8 !important;
  --ad-grid-pinned-active: #f3f1fc !important;
}
html:not(.dark):not(#ad-x) body [data-slot="sidebar-inset"] div.rounded-lg.border:has(> div > div > table[data-slot="table"]) {
  background: #fafbfd !important;
}
html:not(.dark):not(#ad-x) body [data-slot="sidebar-inset"] [data-slot="table-body"] > [data-slot="table-row"]:hover > [data-slot="table-cell"]:not(.sticky) {
  background-color: #f3f1fc !important;
}