@layer theme,base;@layer components{.account-nav{min-width:0;margin-bottom:var(--space-4)}.account-nav-rail{display:none}.account-nav-block+.account-nav-block{margin-top:var(--space-2)}.account-nav-group{padding:0 var(--space-2) 6px;font-size:var(--text-caption);letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted)}.account-nav-list{flex-direction:column;gap:2px;display:flex}.account-nav-tab{min-height:var(--size-key);padding:0 var(--space-2) 0 12px;border-radius:var(--radius-key);font-size:var(--text-body);color:var(--color-ink-dim);transition:color var(--duration-quick) var(--ease-settle), background var(--duration-quick) var(--ease-settle);align-items:center;gap:12px;display:flex;position:relative}.account-nav-tab:hover{color:var(--color-ink);background:var(--color-veil)}.account-nav-tab[aria-current=page]{color:var(--color-ink-bright);background:linear-gradient(90deg, var(--color-accent), var(--color-accent) 70%, transparent)}@supports (color:color-mix(in lab, red, red)){.account-nav-tab[aria-current=page]{background:linear-gradient(90deg, color-mix(in srgb, var(--color-accent) 15%, transparent), color-mix(in srgb, var(--color-accent) 3%, transparent) 70%, transparent)}}.account-nav-tab[aria-current=page]:before{content:"";border-radius:var(--radius-tick);background:linear-gradient(180deg, var(--wh-a), var(--wh-b), var(--wh-c));width:2px;position:absolute;inset-block:9px;inset-inline-start:0}.account-nav-glyph{color:var(--color-muted);transition:color var(--duration-quick) var(--ease-settle);flex:none;display:inline-flex}.account-nav-tab:hover .account-nav-glyph{color:var(--color-ink-soft)}.account-nav-tab[aria-current=page] .account-nav-glyph{color:var(--color-accent-pale)}.account-nav-switch{width:100%;min-height:var(--size-touch);padding:8px var(--space-2);border:1px solid var(--surface-glass-edge);border-radius:var(--radius-field);background:var(--surface-panel);text-align:start;color:var(--color-ink);transition:border-color var(--duration-quick) var(--ease-settle);align-items:center;gap:12px;display:flex}.account-nav-switch:hover{border-color:var(--color-edge-strong)}.account-nav-switch .account-nav-glyph{border-radius:var(--radius-control);background:var(--color-accent);place-items:center;width:32px;height:32px;display:grid}@supports (color:color-mix(in lab, red, red)){.account-nav-switch .account-nav-glyph{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}}.account-nav-switch .account-nav-glyph{color:var(--color-accent-pale)}.account-nav-switch-words{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.account-nav-switch-label{font-size:var(--text-caption);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted)}.account-nav-switch-current{font-size:var(--text-body);text-overflow:ellipsis;white-space:nowrap;color:var(--color-ink-bright);font-weight:500;overflow:hidden}.account-nav-chevron{color:var(--color-muted);flex:none}.ui-sheet .account-nav-tab{min-height:var(--size-touch)}@media (min-width:1024px){.antimatter-page:has(>.account-nav){--container-page-data:calc(72rem + 14rem + var(--space-6));column-gap:var(--space-6);grid-template-columns:14rem minmax(0,1fr);align-content:start;display:grid}.antimatter-page:has(>.account-nav)>*{grid-column:2;min-width:0}.antimatter-page>.account-nav{grid-area:1/1/span 200;align-self:start;margin-bottom:0;position:sticky;top:88px}.account-nav-rail{border:1px solid var(--surface-glass-edge);border-radius:var(--radius-card);background:var(--surface-panel);padding:12px 8px;display:block}.account-nav-switch{display:none}.antimatter-admin.admin-app{column-gap:var(--space-6);grid-template-columns:13rem minmax(0,1fr);align-items:start;display:grid}.admin-app>.admin-menu{margin-bottom:0;position:sticky;top:88px}.admin-app-page{min-width:0}.admin-menu-rail{overscroll-behavior:contain;scrollbar-width:thin;max-height:calc(100dvh - 192px);overflow-y:auto}}}@layer utilities;
