:root{--bar-leading:1.5;--bar-action:#c4205f;--bar-action-hover:color-mix(in srgb, var(--bar-action) 88%, black);--bar-action-ink:var(--color-accent-text)}:root[data-theme=dark]{--bar-action:#d12c6e}.bar{z-index:var(--z-top);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--bar-leading);pointer-events:none;display:flow-root;position:sticky;top:0}.bar .topbar{pointer-events:auto;box-shadow:var(--shadow-pop);grid-template-columns:1fr auto 1fr;display:grid}.bar .topbar-start{grid-column:1}.bar .bar__sections{grid-column:2}.bar .topbar-actions{grid-column:3;justify-self:end}:root:has(.bar){scroll-padding-top:calc(var(--mac-bar-inset) + var(--mac-bar-height) + var(--space-md))}@media (prefers-reduced-motion:no-preference){:root:has(.bar__sections){scroll-behavior:smooth}}.bar__skip{top:var(--space-sm);z-index:var(--z-top);min-height:var(--target-min);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-lg);background:var(--color-surface);pointer-events:auto;align-items:center;display:inline-flex;position:absolute;inset-inline-start:calc(var(--mac-bar-inset) + var(--space-md))}.bar__skip:not(:focus){transform:translateY(calc(-100% - var(--space-md) - var(--space-md)))}.bar .brand{text-decoration:none}:root:not([data-theme-toggle]) .bar .bar__choice{display:none}.bar .bar__sections{align-items:center;gap:var(--space-sm);display:flex}.bar .bar-tile--text{inline-size:auto;padding-inline:var(--space-md);font-size:var(--font-size-ui);font-weight:var(--font-weight-strong);white-space:nowrap}.bar .bar__short{display:none}@media (width<768px){.bar .bar__spare,.bar .bar__long{display:none}.bar .bar__short{display:inline}.bar .bar__sections{flex-basis:100%;order:1;justify-content:center}:root:has(.bar__sections){scroll-padding-top:calc(var(--mac-bar-inset) + var(--mac-bar-height) + var(--space-xs) + var(--mac-tile-size-bar) + var(--space-md))}.bar .topbar{block-size:auto;min-block-size:var(--mac-bar-height);padding-block:var(--space-xs);row-gap:var(--space-xs);flex-wrap:wrap;display:flex}.bar .topbar-actions{justify-content:flex-end;gap:var(--space-sm);flex-wrap:wrap}}.bar .bar-tile--main{background:var(--bar-action);color:var(--bar-action-ink)}@media (hover:hover){.bar .bar-tile--main:hover{background:var(--bar-action-hover);filter:none}}.bar-tile[aria-current=page],.bar-tile[aria-current=true]{background:var(--color-blue);color:var(--color-accent-text)}