@layer reset,tokens,base,layout,components,utilities;@layer tokens{:root{color-scheme:light dark;--paper: light-dark(#f7f5f2, #16131b);--panel: light-dark(#ffffff, #201c28);--panel-sunk: light-dark(#faf8f6, #1b1822);--edge: light-dark(#e4ded8, #332c3d);--edge-strong: light-dark(#cfc6bd, #453c52);--ink: light-dark(#1b1620, #f2eee9);--ink-soft: light-dark(#5d5364, #b0a6b8);--ink-faint: light-dark(#736879, #948a9e);--plum: light-dark(#5b2e5e, #cba0cf);--plum-deep: light-dark(#3d1f40, #a273a7);--plum-wash: light-dark(#f4eef5, #2a1f2d);--amber: light-dark(#945c0f, #e3a851);--amber-edge: light-dark(#d9a95f, #7d5a22);--amber-wash: light-dark(#fdf4e4, #2e2410);--sage: light-dark(#3f6a4f, #8fc4a1);--sage-wash: light-dark(#eef4ef, #1c2a21);--clay: light-dark(#9a4131, #e2907c);--clay-wash: light-dark(#fbefec, #2e1a16);--focus: light-dark(#5b2e5e, #cba0cf);--font-display: "Zilla Slab", Rockwell, "Bitter", Georgia, serif;--font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.6;--tracking-label: .08em;--tracking-wide: .02em;--space-hair: .25rem;--space-tight: .5rem;--space-snug: .75rem;--space-base: 1rem;--space-loose: 1.5rem;--space-section: 2rem;--space-page: 2.5rem;--radius-sm: 3px;--radius: 6px;--radius-lg: 10px;--border-hair: 1px;--shadow-panel: 0 1px 2px light-dark(rgb(27 22 32 / .05), rgb(0 0 0 / .3)), 0 8px 24px -12px light-dark(rgb(27 22 32 / .12), rgb(0 0 0 / .5));--duration-quick: .12s;--duration-considered: .32s;--ease-out: cubic-bezier(.16, 1, .3, 1);--rule: 3px;--env-strip-block-size: 0rem;--state-active: var(--sage);--state-awaiting: var(--amber);--state-suspended: var(--clay);--state-gone: transparent;--viz-series: var(--plum);--viz-series-wash: var(--plum-wash);--viz-negative: var(--clay);--viz-grid: var(--edge);--viz-axis: var(--ink-faint);--row-height: 2.5rem}}@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}ul,ol{list-style:none;padding:0}:where(a){color:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer base{.b24,.op{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--ink);background:var(--paper)}.b24{container:b24 / inline-size}:is(.b24,.op) :focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}:is(.b24,.op) :focus:not(:focus-visible){outline:none}}@layer utilities{.b24-visually-hidden,.op-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}