/* Generated from tools/moss-css. Do not edit src/moss.css directly. */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --spacing: 0.25rem;
}
@layer theme, base, components, utilities;
@layer theme;
:root {
  --moss-canvas: #191b19;
  --moss-surface: #222522;
  --moss-surface-raised: #292d29;
  --moss-surface-strong: #303530;
  --moss-text: #f4f2e9;
  --moss-text-muted: #afb5ad;
  --moss-text-faint: #a0aaa1;
  --moss-border: #3b403b;
  --moss-border-soft: #303430;
  --moss-primary: #74d69b;
  --moss-primary-strong: #9be9b8;
  --moss-primary-surface: #254a34;
  --moss-secondary: #7fa9ff;
  --moss-secondary-strong: #a9c4ff;
  --moss-secondary-surface: #253855;
  --moss-accent: #74d69b;
  --moss-accent-strong: #9be9b8;
  --moss-accent-surface: #254a34;
  --moss-positive: #74d69b;
  --moss-warning: #efc36b;
  --moss-critical: #ff8a69;
  --moss-info: #7fa9ff;
  --moss-data-1: #4f82d2;
  --moss-data-2: #43a86d;
  --moss-data-3: #8a72d6;
  --moss-data-4: #c88b20;
  --moss-data-5: #d45d48;
  --moss-font-sans: "Geist Variable", ui-sans-serif, system-ui, sans-serif;
  --moss-font-heading: var(--moss-font-sans);
  --moss-font-display: var(--moss-font-heading);
  --moss-font-mono: "DM Mono", "SFMono-Regular", Consolas, monospace;
  --moss-display-weight: 700;
  --moss-display-tracking: -.035em;
  --moss-grain: 0;
  --moss-grain-size: 180px;
  --moss-paper-tint: transparent;
  --moss-font-size: 1rem;
  --moss-type-scale: 1.2;
  --moss-body-weight: 400;
  --moss-medium-weight: 500;
  --moss-heading-weight: 600;
  --moss-heading-tracking: -.035em;
  --moss-body-tracking: 0;
  --moss-line-height: 1.5;
  --moss-heading-line-height: 1.12;
  --moss-control-height: 2.375rem;
  --moss-density-row: 2.625rem;
  --moss-density-gap: .75rem;
  --moss-density-inset: .75rem;
  --moss-space-unit: .25rem;
  --moss-section-gap: 2rem;
  --moss-page-inset: clamp(1rem, 3vw, 2.5rem);
  --moss-content-max: 90rem;
  --moss-sharpness: 0.55;
  --moss-radius-sm: 0.26674999999999993rem;
  --moss-radius-md: 0.39275rem;
  --moss-radius-lg: 0.5187499999999999rem;
  --moss-border-width: 1px;
  --moss-shadow-surface: none;
  --moss-shadow-raised: 0 .5rem 1.5rem rgb(0 0 0 / .16);
  --moss-shadow-overlay: 0 1.25rem 3.75rem rgb(0 0 0 / .38);
  --moss-motion-fast: 140ms;
  --moss-motion-normal: 220ms;
  --moss-motion-slow: 360ms;
  --moss-ease: cubic-bezier(.2,.8,.2,1);
  --moss-motion-distance: .25rem;
  --moss-focus-width: 3px;
  --moss-focus-opacity: 26%;
  --moss-hover-lift: -1px;
  --moss-disabled-opacity: .48;
  --moss-target-min: 2.75rem;
  --moss-rail-expanded: 15rem;
  --moss-rail-collapsed: 4.75rem;
  --moss-topbar-height: 4rem;
  --moss-chart-stroke: 2.5;
  --moss-chart-grid-opacity: .18;
  --moss-chart-bar-radius: 0;
  --moss-chart-point-radius: 3;
  --moss-chart-area-opacity: .14;
}
[data-moss-theme="light"] {
  --moss-canvas: #f4f4ef;
  --moss-surface: #ffffff;
  --moss-surface-raised: #eceee9;
  --moss-surface-strong: #e2e5df;
  --moss-text: #1d221e;
  --moss-text-muted: #59635b;
  --moss-text-faint: #59635b;
  --moss-border: #cbd1ca;
  --moss-border-soft: #dde1dc;
  --moss-primary: #216b42;
  --moss-primary-strong: #165f39;
  --moss-primary-surface: #d9eee1;
  --moss-secondary: #285fae;
  --moss-secondary-strong: #174983;
  --moss-secondary-surface: #dce8fa;
  --moss-accent: #216b42;
  --moss-accent-strong: #165f39;
  --moss-accent-surface: #d9eee1;
  --moss-positive: #216b42;
  --moss-warning: #8a5d00;
  --moss-critical: #a83225;
  --moss-info: #285fae;
  --moss-data-1: #4f82d2;
  --moss-data-2: #43a86d;
  --moss-data-3: #8a72d6;
  --moss-data-4: #c88b20;
  --moss-data-5: #d45d48;
  --moss-font-sans: "Geist Variable", ui-sans-serif, system-ui, sans-serif;
  --moss-font-heading: var(--moss-font-sans);
  --moss-font-display: var(--moss-font-heading);
  --moss-font-mono: "DM Mono", "SFMono-Regular", Consolas, monospace;
  --moss-display-weight: 700;
  --moss-display-tracking: -.035em;
  --moss-grain: 0;
  --moss-grain-size: 180px;
  --moss-paper-tint: transparent;
  --moss-font-size: 1rem;
  --moss-type-scale: 1.2;
  --moss-body-weight: 400;
  --moss-medium-weight: 500;
  --moss-heading-weight: 600;
  --moss-heading-tracking: -.035em;
  --moss-body-tracking: 0;
  --moss-line-height: 1.5;
  --moss-heading-line-height: 1.12;
  --moss-control-height: 2.375rem;
  --moss-density-row: 2.625rem;
  --moss-density-gap: .75rem;
  --moss-density-inset: .75rem;
  --moss-space-unit: .25rem;
  --moss-section-gap: 2rem;
  --moss-page-inset: clamp(1rem, 3vw, 2.5rem);
  --moss-content-max: 90rem;
  --moss-sharpness: 0.55;
  --moss-radius-sm: 0.26674999999999993rem;
  --moss-radius-md: 0.39275rem;
  --moss-radius-lg: 0.5187499999999999rem;
  --moss-border-width: 1px;
  --moss-shadow-surface: none;
  --moss-shadow-raised: 0 .5rem 1.5rem rgb(0 0 0 / .16);
  --moss-shadow-overlay: 0 1.25rem 3.75rem rgb(0 0 0 / .38);
  --moss-motion-fast: 140ms;
  --moss-motion-normal: 220ms;
  --moss-motion-slow: 360ms;
  --moss-ease: cubic-bezier(.2,.8,.2,1);
  --moss-motion-distance: .25rem;
  --moss-focus-width: 3px;
  --moss-focus-opacity: 26%;
  --moss-hover-lift: -1px;
  --moss-disabled-opacity: .48;
  --moss-target-min: 2.75rem;
  --moss-rail-expanded: 15rem;
  --moss-rail-collapsed: 4.75rem;
  --moss-topbar-height: 4rem;
  --moss-chart-stroke: 2.5;
  --moss-chart-grid-opacity: .18;
  --moss-chart-bar-radius: 0;
  --moss-chart-point-radius: 3;
  --moss-chart-area-opacity: .14;
}
:root, [data-moss-theme] {
  color-scheme: dark;
  --moss-gain: var(--moss-positive);
  --moss-loss: var(--moss-critical);
  --moss-grain-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/></filter><rect width='180' height='180' filter='url(%23n)' opacity='.5'/></svg>");
  --moss-control-compact: max(1.75rem,calc(var(--moss-control-height) - .375rem));
  --moss-space-1: var(--moss-space-unit);
  --moss-space-2: calc(var(--moss-space-unit) * 2);
  --moss-space-3: calc(var(--moss-space-unit) * 3);
  --moss-space-4: calc(var(--moss-space-unit) * 4);
  --moss-space-5: calc(var(--moss-space-unit) * 6);
  --moss-space-6: calc(var(--moss-space-unit) * 8);
  --moss-space-7: calc(var(--moss-space-unit) * 12);
  --moss-focus: 0 0 0 var(--moss-focus-width) var(--moss-primary);
  @supports (color: color-mix(in lab, red, red)) {
    --moss-focus: 0 0 0 var(--moss-focus-width) color-mix(in srgb,var(--moss-primary) var(--moss-focus-opacity),transparent);
  }
}
[data-moss-theme="light"] {
  color-scheme: light;
}
[data-moss-density="comfortable"] {
  --moss-control-height: 2.75rem;
  --moss-density-row: 3.5rem;
  --moss-density-gap: 1rem;
  --moss-density-inset: 1rem;
}
[data-moss-density="balanced"] {
  --moss-control-height: 2.375rem;
  --moss-density-row: 2.625rem;
  --moss-density-gap: .75rem;
  --moss-density-inset: .75rem;
}
[data-moss-density="compact"] {
  --moss-control-height: 2rem;
  --moss-density-row: 2rem;
  --moss-density-gap: .5rem;
  --moss-density-inset: .625rem;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --moss-motion-distance: 0;
  }
}
@media (prefers-reduced-transparency: reduce) {
  :root {
    --moss-grain: 0;
  }
}
@font-face {
  font-family: 'Geist Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./vendor/geist/files/geist-cyrillic-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
  font-family: 'Geist Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./vendor/geist/files/geist-cyrillic-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'Geist Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./vendor/geist/files/geist-vietnamese-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
@font-face {
  font-family: 'Geist Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./vendor/geist/files/geist-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Geist Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./vendor/geist/files/geist-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@layer base {
  *, *::before, *::after {
    box-sizing: border-box;
  }
  body {
    margin: 0px;
    background-color: var(--moss-canvas);
    color: var(--moss-text);
    font: var(--moss-font-size)/var(--moss-line-height) var(--moss-font-sans);
  }
  button, input, select, textarea {
    font: inherit;
  }
  :where(button, a, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: 0;
    box-shadow: var(--moss-focus);
  }
  a {
    text-underline-offset: .2em;
  }
  ::selection {
    background: var(--moss-primary-surface);
    color: var(--moss-text);
  }
  :root {
    scrollbar-color: var(--moss-border) var(--moss-canvas);
  }
  input, textarea {
    caret-color: var(--moss-primary);
  }
}
@layer components {
  moss-icon {
    --moss-icon-size: 1.25rem;
    display: inline-flex;
    flex-shrink: 0;
    color: inherit;
    width: var(--moss-icon-size);
    height: var(--moss-icon-size);
  }
  moss-icon svg {
    display: block;
    height: 100%;
    width: 100%;
    transition: transform var(--moss-motion-fast) var(--moss-ease);
  }
  .moss-icon--back {
    transform: rotate(180deg);
  }
  .moss-button moss-icon {
    --moss-icon-size: 1.125rem;
  }
  .moss-signal__icon moss-icon {
    --moss-icon-size: 1.0625rem;
  }
  .moss-toast button moss-icon {
    --moss-icon-size: 1rem;
  }
  .moss-mono {
    font-family: var(--moss-font-mono);
    font-variant-numeric: tabular-nums;
  }
  .moss-display {
    font: var(--moss-display-weight) clamp(2rem,5vw,3.5rem)/1.02 var(--moss-font-display);
    letter-spacing: var(--moss-display-tracking);
    margin: 0;
  }
  .moss-eyebrow {
    margin: 0px;
    text-transform: uppercase;
    color: var(--moss-accent);
    font: 500 .75rem/1.2 var(--moss-font-mono);
    letter-spacing: .1em;
  }
  .moss-muted {
    color: var(--moss-text-muted);
  }
  .moss-visually-hidden {
    position: absolute;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding: 0px;
    white-space: nowrap;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0,0,0,0);
  }
  .moss-button {
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: var(--moss-space-2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    min-height: var(--moss-control-height);
    border-radius: var(--moss-radius-sm);
    padding: 0 .875rem;
    background: var(--moss-text);
    color: var(--moss-canvas);
    font-weight: 650;
    transition: transform var(--moss-motion-fast) var(--moss-ease), background var(--moss-motion-fast) var(--moss-ease), border-color var(--moss-motion-fast) var(--moss-ease), color var(--moss-motion-fast) var(--moss-ease), box-shadow var(--moss-motion-fast) var(--moss-ease);
  }
  .moss-button:hover:not(:disabled) {
    transform: translateY(-1px);
  }
  .moss-button:active:not(:disabled) {
    transform: translateY(0);
  }
  .moss-button--secondary {
    border-color: var(--moss-border);
    background-color: var(--moss-surface);
    color: var(--moss-text);
  }
  .moss-button--quiet {
    background-color: transparent;
    color: var(--moss-text-muted);
  }
  .moss-button--icon {
    padding: 0px;
    width: var(--moss-control-height);
  }
  .moss-switch {
    --switch-track: var(--moss-surface-strong);
    --switch-thumb: var(--moss-text-muted);
    appearance: none;
    position: relative;
    margin: 0px;
    display: inline-flex;
    min-width: 2.75rem;
    cursor: pointer;
    align-items: center;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--moss-border);
    color: var(--moss-text);
    width: 2.75rem;
    height: 1.625rem;
    border-radius: 999px;
    background: var(--switch-track);
    padding: .1875rem;
    transition: background var(--moss-motion-fast), border-color var(--moss-motion-fast);
  }
  .moss-switch::after {
    content: "";
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%;
    background: var(--switch-thumb);
    box-shadow: 0 .0625rem .2rem rgb(0 0 0/.2);
    transform: translateX(0);
    transition: transform var(--moss-motion-fast) var(--moss-ease), background var(--moss-motion-fast);
  }
  .moss-switch:is(:checked, [aria-checked="true"]) {
    --switch-track: var(--moss-primary);
    --switch-thumb: var(--moss-canvas);
    border-color: var(--moss-primary);
  }
  .moss-switch:is(:checked, [aria-checked="true"])::after {
    transform: translateX(1.125rem);
  }
  .moss-switch:is(:disabled, [aria-disabled="true"]) {
    opacity: var(--moss-disabled-opacity);
    cursor: not-allowed;
  }
  .moss-switch:focus-visible {
    outline: 0;
    box-shadow: var(--moss-focus);
  }
  .moss-switch[data-state="busy"] {
    cursor: wait;
  }
  .moss-switch[data-state="busy"]::after {
    animation: moss-switch-pulse var(--moss-motion-slow) ease-in-out infinite alternate;
  }
  @keyframes moss-switch-pulse {
    to {
      opacity: .4;
    }
  }
  .moss-switch__label {
    display: inline-flex;
    align-items: center;
    gap: var(--moss-space-2);
  }
  .moss-switch input {
    pointer-events: none;
    position: absolute;
    height: 1px;
    width: 1px;
    opacity: 0%;
  }
  .moss-theme-toggle {
    width: calc(var(--moss-control-compact) * 1.72);
    height: var(--moss-control-compact);
    min-height: var(--moss-control-compact);
    border: 1px solid var(--moss-border);
    border-radius: 999px;
    background: var(--moss-surface-strong);
    padding: .1875rem;
    display: inline-flex;
    align-items: center;
    color: var(--moss-text);
    cursor: pointer;
    transition: background var(--moss-motion-fast),border-color var(--moss-motion-fast);
  }
  .moss-theme-toggle__thumb {
    width: calc(var(--moss-control-compact) - .375rem);
    height: calc(var(--moss-control-compact) - .375rem);
    border-radius: 50%;
    background: var(--moss-surface);
    box-shadow: 0 .125rem .35rem rgb(0 0 0/.22);
    display: grid;
    place-items: center;
    transition: transform var(--moss-motion-fast) var(--moss-ease),background var(--moss-motion-fast);
  }
  .moss-theme-toggle__thumb moss-icon {
    --moss-icon-size: .8125rem;
  }
  .moss-theme-toggle__thumb .moss-theme-toggle__moon {
    display: none;
  }
  .moss-theme-toggle[aria-pressed="true"] {
    background: var(--moss-primary-surface);
    border-color: var(--moss-primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--moss-primary) 45%,var(--moss-border));
    }
  }
  .moss-theme-toggle[aria-pressed="true"] .moss-theme-toggle__thumb {
    transform: translateX(calc(var(--moss-control-compact) * .72 - 2px));
    background: var(--moss-primary);
    color: var(--moss-canvas);
  }
  .moss-theme-toggle[aria-pressed="true"] .moss-theme-toggle__sun {
    display: none;
  }
  .moss-theme-toggle[aria-pressed="true"] .moss-theme-toggle__moon {
    display: inline-flex;
  }
  .moss-button:disabled, .moss-button[aria-busy="true"] {
    opacity: .48;
    cursor: not-allowed;
    transform: none;
  }
  .moss-field {
    display: grid;
    gap: .4375rem;
  }
  .moss-field__label {
    display: flex;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    font-size: .8125rem;
    font-weight: 650;
  }
  .moss-field__label small, .moss-field__help {
    color: var(--moss-text-faint);
    font-size: .75rem;
    font-weight: 400;
  }
  .moss-field__control {
    width: 100%;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--moss-border);
    background-color: var(--moss-surface);
    color: var(--moss-text);
    min-height: var(--moss-control-height);
    border-radius: var(--moss-radius-md);
    padding: .5rem .75rem;
    transition: border-color var(--moss-motion-fast) var(--moss-ease), box-shadow var(--moss-motion-fast) var(--moss-ease), background var(--moss-motion-fast) var(--moss-ease);
  }
  .moss-field__control:focus {
    border-color: var(--moss-accent);
    outline: 0;
    box-shadow: var(--moss-focus);
  }
  .moss-field[data-state="error"] .moss-field__control {
    border-color: var(--moss-critical);
  }
  .moss-field[data-state="error"] .moss-field__help {
    color: var(--moss-critical);
  }
  .moss-select {
    position: relative;
    display: grid;
    gap: .4375rem;
  }
  .moss-select__control {
    appearance: none;
    width: 100%;
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--moss-border);
    background-color: var(--moss-surface);
    color: var(--moss-text);
    min-height: var(--moss-control-height);
    border-radius: var(--moss-radius-md);
    padding: .5rem 2.25rem .5rem .75rem;
    transition: border-color var(--moss-motion-fast) var(--moss-ease),box-shadow var(--moss-motion-fast) var(--moss-ease),background var(--moss-motion-fast) var(--moss-ease);
  }
  .moss-select__control:hover {
    border-color: var(--moss-text-muted);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--moss-text-muted) 55%,var(--moss-border));
    }
  }
  .moss-select__control:focus {
    border-color: var(--moss-primary);
    outline: 0;
    box-shadow: var(--moss-focus);
  }
  .moss-select__control:disabled {
    opacity: var(--moss-disabled-opacity);
    cursor: not-allowed;
  }
  .moss-select__indicator {
    pointer-events: none;
    position: absolute;
    color: var(--moss-text-muted);
    right: .7rem;
    bottom: calc((var(--moss-control-height) - 1rem)/2);
    width: 1rem;
    height: 1rem;
  }
  .moss-select[data-state="error"] .moss-select__control {
    border-color: var(--moss-critical);
  }
  .moss-select[data-state="error"] .moss-field__help {
    color: var(--moss-critical);
  }
  .moss-hero {
    position: relative;
    isolation: isolate;
    min-height: clamp(24rem,62vh,42rem);
    border: var(--moss-border-width) solid var(--moss-border);
    border-radius: var(--moss-radius-lg);
    background: linear-gradient(135deg,var(--moss-primary-surface),var(--moss-surface) 58%,var(--moss-secondary-surface));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg,color-mix(in srgb,var(--moss-primary-surface) 68%,var(--moss-surface)),var(--moss-surface) 58%,color-mix(in srgb,var(--moss-secondary-surface) 58%,var(--moss-surface)));
    }
    padding: clamp(1rem,4cqi,3rem);
    overflow: hidden;
    display: grid;
    container: hero / inline-size;
    grid-template-columns: minmax(0,1fr) minmax(0,.55fr);
    align-items: end;
    gap: clamp(1rem,4cqi,3rem);
  }
  .moss-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: min(38rem,60vw);
    aspect-ratio: 1;
    right: -12%;
    top: -45%;
    border-radius: 50%;
    background: radial-gradient(circle,var(--moss-secondary),transparent 68%);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(circle,color-mix(in srgb,var(--moss-secondary) 22%,transparent),transparent 68%);
    }
  }
  .moss-hero__content {
    max-width: 48rem;
  }
  .moss-hero h1 {
    margin: .75rem 0 1rem;
    font: var(--moss-heading-weight) clamp(2rem,6cqi,4rem)/1.05 var(--moss-font-heading);
    letter-spacing: max(-.04em,var(--moss-heading-tracking));
  }
  .moss-hero__lede {
    max-width: 40rem;
    color: var(--moss-text-muted);
    font-size: clamp(1rem,2vw,1.25rem);
    line-height: 1.55;
  }
  .moss-hero__actions {
    margin-top: 1.75rem;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem;
  }
  .moss-hero__aside {
    border-left: 2px solid var(--moss-secondary);
    padding: .5rem 0 .5rem 1.25rem;
    display: grid;
    gap: .35rem;
    align-self: end;
  }
  .moss-hero__aside small {
    color: var(--moss-text-muted);
  }
  .moss-signal {
    --signal: var(--moss-info);
    display: flex;
    align-items: center;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--moss-border);
    background-color: var(--moss-surface);
    gap: .75rem;
    min-height: 3.75rem;
    border-radius: var(--moss-radius-md);
    padding: .75rem 1rem;
  }
  .moss-signal[data-tone="positive"] {
    --signal: var(--moss-positive);
  }
  .moss-signal[data-tone="warning"] {
    --signal: var(--moss-warning);
  }
  .moss-signal[data-tone="critical"] {
    --signal: var(--moss-critical);
  }
  .moss-signal__icon {
    display: grid;
    flex-shrink: 0;
    place-items: center;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    background: var(--signal);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--signal) 20%, var(--moss-surface));
    }
    color: var(--signal);
    font-weight: 700;
  }
  .moss-signal__copy {
    display: grid;
    min-width: 0px;
  }
  .moss-signal__copy strong {
    font-size: .8125rem;
  }
  .moss-signal__copy small {
    color: var(--moss-text-muted);
  }
  .moss-signal__action {
    margin-left: auto;
    color: var(--signal);
  }
  .moss-narrative {
    container: narrative / inline-size;
    display: grid;
    grid-template-columns: minmax(0,.42fr) minmax(0,.58fr);
    border: 1px solid var(--moss-border);
    border-radius: var(--moss-radius-lg);
    background: var(--moss-surface);
    overflow: hidden;
  }
  .moss-narrative__summary {
    border-right: 1px solid var(--moss-border);
    padding: clamp(1rem,3cqi,2rem);
    display: flex;
    flex-direction: column;
  }
  .moss-narrative__summary h2 {
    margin: .75rem 0 .5rem;
    font-family: var(--moss-font-heading);
    font-size: clamp(1.25rem,2.5vw,1.75rem);
    font-weight: var(--moss-heading-weight);
    line-height: 1.15;
    letter-spacing: var(--moss-heading-tracking);
  }
  .moss-narrative__summary p {
    color: var(--moss-text-muted);
  }
  .moss-narrative__summary a {
    margin-top: auto;
    color: var(--moss-accent);
  }
  .moss-chart {
    min-height: 15rem;
    padding: 1.5rem;
    position: relative;
  }
  .moss-chart--compact, .moss-chart[data-size="compact"] {
    min-height: 10rem;
    padding: 1rem;
  }
  .moss-chart--flush, .moss-chart[data-padding="flush"] {
    padding: 0;
  }
  .moss-chart svg {
    display: block;
    height: 100%;
    width: 100%;
    overflow: visible;
  }
  .moss-chart__grid {
    stroke: var(--moss-border-soft);
    stroke-width: 1;
  }
  .moss-chart__line {
    fill: none;
    stroke: var(--moss-chart-tone, var(--moss-data-1));
    stroke-width: var(--moss-chart-stroke);
    vector-effect: non-scaling-stroke;
  }
  .moss-chart__line[data-tone="gain"], .moss-chart__line[data-direction="gain"] {
    --moss-chart-tone: var(--moss-gain);
  }
  .moss-chart__line[data-tone="loss"], .moss-chart__line[data-direction="loss"] {
    --moss-chart-tone: var(--moss-loss);
  }
  .moss-chart__line[data-tone="warning"], .moss-chart__line[data-direction="warning"] {
    --moss-chart-tone: var(--moss-warning);
  }
  .moss-chart__line[data-tone="neutral"], .moss-chart__line[data-direction="neutral"] {
    --moss-chart-tone: var(--moss-text-muted);
  }
  .moss-chart[data-tone="gain"], .moss-chart[data-direction="gain"] {
    --moss-chart-tone: var(--moss-gain);
  }
  .moss-chart[data-tone="loss"], .moss-chart[data-direction="loss"] {
    --moss-chart-tone: var(--moss-loss);
  }
  .moss-chart[data-tone="warning"], .moss-chart[data-direction="warning"] {
    --moss-chart-tone: var(--moss-warning);
  }
  .moss-chart[data-tone="neutral"], .moss-chart[data-direction="neutral"] {
    --moss-chart-tone: var(--moss-text-muted);
  }
  .moss-chart__area {
    fill: var(--moss-chart-tone, var(--moss-data-1));
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in srgb, var(--moss-chart-tone, var(--moss-data-1)) 15%, transparent);
    }
  }
  .moss-chart__line[data-draw], .moss-chart__line[data-animation="draw"] {
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    animation: moss-chart-draw var(--moss-motion-slow) var(--moss-ease) 1 forwards;
  }
  .moss-chart[data-drawn] .moss-chart__line[data-draw="once"] {
    animation: none;
    stroke-dasharray: none;
    stroke-dashoffset: 0;
  }
  @keyframes moss-chart-draw {
    to {
      stroke-dashoffset: 0;
    }
  }
  .moss-chart__annotation {
    position: absolute;
    top: 18%;
    right: 12%;
    border: 1px solid var(--moss-border);
    border-left: 2px solid var(--moss-warning);
    background: var(--moss-surface-raised);
    padding: .5rem .625rem;
    display: grid;
    font-size: .75rem;
  }
  .moss-chart__annotation small {
    color: var(--moss-text-faint);
  }
  .moss-chart__axis {
    fill: var(--moss-text-faint);
    font: 400 .625rem var(--moss-font-mono);
  }
  .moss-chart__tick {
    stroke: var(--moss-border-soft);
    stroke-width: 1;
  }
  .moss-chart__zero {
    stroke: var(--moss-text-muted);
    stroke-width: 1.25;
    vector-effect: non-scaling-stroke;
  }
  .moss-chart__empty, .moss-chart[data-empty] [data-chart-empty] {
    display: grid;
    place-items: center;
    text-align: center;
    color: var(--moss-text-muted);
    min-height: 8rem;
    font-size: .8125rem;
  }
  .moss-chart[data-empty] > :is(svg, .moss-chart__legend) {
    display: none;
  }
  .moss-chart__bar {
    fill: var(--moss-chart-tone, var(--moss-data-1));
  }
  .moss-chart__bar[data-tone="gain"], .moss-chart__bar[data-direction="gain"] {
    fill: var(--moss-gain);
  }
  .moss-chart__bar[data-tone="loss"], .moss-chart__bar[data-direction="loss"] {
    fill: var(--moss-loss);
  }
  .moss-chart__bar[data-tone="warning"], .moss-chart__bar[data-direction="warning"] {
    fill: var(--moss-warning);
  }
  .moss-chart__bar[data-tone="neutral"], .moss-chart__bar[data-direction="neutral"] {
    fill: var(--moss-text-muted);
  }
  .moss-chart__bar--secondary {
    fill: var(--moss-data-2);
  }
  .moss-chart__target {
    fill: none;
    stroke: var(--moss-text);
    stroke-width: 1.5;
    stroke-dasharray: 4 4;
    vector-effect: non-scaling-stroke;
  }
  .moss-chart__legend {
    position: absolute;
    left: 1.5rem;
    right: 1.5rem;
    bottom: .75rem;
    display: flex;
    flex-wrap: wrap;
    gap: .375rem 1rem;
    color: var(--moss-text-muted);
    font-size: .75rem;
  }
  .moss-chart__legend span {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
  }
  .moss-chart__legend i {
    width: .75rem;
    height: .5rem;
    background: var(--legend-color,var(--moss-data-1));
  }
  .moss-chart__legend i[data-series="secondary"] {
    --legend-color: var(--moss-data-2);
  }
  .moss-chart__legend i[data-series="target"] {
    height: 0;
    border-top: 1.5px dashed var(--moss-text);
    background: transparent;
  }
  .moss-chart__summary {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
  }
  .moss-reading-strip {
    margin: 0;
    border: 1px solid var(--moss-border);
    border-radius: var(--moss-radius-md);
    background: var(--moss-surface);
    display: grid;
    grid-template-columns: minmax(13rem,1.25fr) repeat(var(--reading-count,2),minmax(10rem,1fr));
    overflow: hidden;
  }
  .moss-reading-strip > div {
    display: grid;
    min-width: 0px;
    align-content: center;
    padding: .875rem 1rem;
    gap: .125rem;
  }
  .moss-reading-strip > div + div {
    border-left: 1px solid var(--moss-border-soft);
  }
  .moss-reading-strip dt {
    color: var(--moss-text-faint);
    font: 500 .75rem/1.3 var(--moss-font-mono);
    letter-spacing: .06em;
    text-transform: uppercase;
  }
  .moss-reading-strip dd {
    margin: 0;
    color: var(--moss-text);
    font: 650 1.125rem/1.25 var(--moss-font-heading);
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
  }
  .moss-reading-strip small {
    display: block;
    color: var(--moss-text-muted);
    font-size: .75rem;
    line-height: 1.35;
  }
  .moss-reading-strip [data-priority="primary"] dd {
    font-size: clamp(1.25rem,2vw,1.5rem);
  }
  .moss-reading-strip [data-tone="positive"] dd {
    color: var(--moss-positive);
  }
  .moss-reading-strip [data-tone="warning"] dd {
    color: var(--moss-warning);
  }
  .moss-reading-strip [data-tone="critical"] dd {
    color: var(--moss-critical);
  }
  .moss-table-shell {
    overflow: auto;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--moss-border);
    background-color: var(--moss-surface);
    border-radius: var(--moss-radius-md);
  }
  .moss-table {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
    font: 400 .75rem var(--moss-font-mono);
    font-variant-numeric: tabular-nums;
  }
  .moss-table th {
    height: var(--moss-control-compact);
    color: var(--moss-text-faint);
    font-size: .75rem;
    letter-spacing: .06em;
    text-align: left;
    text-transform: uppercase;
  }
  .moss-table th, .moss-table td {
    border-bottom: 1px solid var(--moss-border-soft);
    padding: 0 .75rem;
  }
  .moss-table tbody tr {
    height: var(--moss-table-row,var(--moss-density-row));
    transition: background var(--moss-motion-fast) var(--moss-ease);
  }
  .moss-table tbody tr:last-child td {
    border-bottom: 0;
  }
  .moss-table tbody tr:hover {
    background: var(--moss-surface-raised);
  }
  .moss-table .is-number {
    text-align: right;
  }
  .moss-table .is-positive {
    color: var(--moss-positive);
  }
  .moss-table .is-critical {
    color: var(--moss-critical);
  }
  .moss-table-shell:has(> .moss-table-shell__scroll) {
    display: flex;
    flex-direction: column;
    overflow: clip;
  }
  .moss-table-shell__scroll {
    min-height: 0px;
    overflow: auto;
    overscroll-behavior: contain;
  }
  .moss-table-shell__bar {
    display: flex;
    align-items: center;
    min-height: calc(var(--moss-control-height) + var(--moss-space-4));
    border-bottom: 1px solid var(--moss-border-soft);
    padding: var(--moss-space-2) var(--moss-density-inset);
    gap: var(--moss-space-2) var(--moss-density-gap);
  }
  .moss-table-shell__bar[data-state="selection"] {
    background: var(--moss-primary-surface);
  }
  .moss-table-shell__bar > .moss-spacer {
    min-width: 0px;
    flex: auto;
  }
  .moss-table-shell__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--moss-text-faint);
    min-height: calc(var(--moss-control-height) + var(--moss-space-2));
    border-top: 1px solid var(--moss-border-soft);
    padding: var(--moss-space-2) var(--moss-density-inset);
    gap: var(--moss-density-gap);
    font: 400 .6875rem var(--moss-font-mono);
  }
  .moss-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--moss-surface-raised);
  }
  .moss-table tbody tr[data-selected="true"] > td {
    background: var(--moss-primary-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--moss-primary-surface) 60%, var(--moss-surface));
    }
  }
  .moss-table td[data-label]::before {
    content: attr(data-label) / "";
    display: none;
  }
  .moss-table__col {
    position: relative;
  }
  .moss-table__col moss-menu {
    display: inline-flex;
  }
  .moss-table__col button[data-menu-trigger] {
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    padding: 0;
    display: inline-flex;
    align-items: center;
    gap: var(--moss-space-1);
    cursor: pointer;
  }
  .moss-table__col button[data-menu-trigger]::after {
    content: "";
    border: .25rem solid transparent;
    border-top-color: currentColor;
    opacity: .45;
    translate: 0 .125rem;
  }
  .moss-table__col[aria-sort] button[data-menu-trigger] {
    color: var(--moss-text);
  }
  .moss-table__col[aria-sort] button[data-menu-trigger]::after {
    opacity: 1;
  }
  .moss-table__col[aria-sort="ascending"] button[data-menu-trigger]::after {
    border-top-color: transparent;
    border-bottom-color: currentColor;
    translate: 0 -.125rem;
  }
  .moss-table__col .moss-menu {
    top: calc(100% + .375rem);
    left: 0;
    right: auto;
  }
  .moss-table__col.is-number button[data-menu-trigger] {
    flex-direction: row-reverse;
  }
  .moss-table__col.is-number .moss-menu {
    left: auto;
    right: 0;
  }
  moss-view-tabs {
    display: block;
    min-width: 0;
  }
  moss-view-tabs [role="tablist"] {
    display: flex;
    align-items: stretch;
    gap: var(--moss-space-4);
    overflow-x: auto;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
  }
  moss-view-tabs [role="tablist"]::-webkit-scrollbar {
    display: none;
  }
  moss-view-tabs [role="tab"] {
    scroll-snap-align: start;
    min-height: var(--moss-control-compact);
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--moss-text-muted);
    padding: 0 0 .25rem;
    display: inline-flex;
    align-items: center;
    gap: var(--moss-space-2);
    white-space: nowrap;
    cursor: pointer;
    transition: color var(--moss-motion-fast) var(--moss-ease), border-color var(--moss-motion-fast) var(--moss-ease), background var(--moss-motion-fast) var(--moss-ease);
  }
  moss-view-tabs [role="tab"][aria-selected="true"] {
    border-bottom-color: var(--moss-accent);
    color: var(--moss-text);
  }
  moss-view-tabs [data-count] {
    border-radius: 999px;
    background: var(--moss-surface-strong);
    color: var(--moss-text-muted);
    padding: 0 .375rem;
    font: 500 .75rem/1.6 var(--moss-font-mono);
  }
  moss-view-tabs [data-count]:empty {
    display: none;
  }
  moss-view-tabs [data-count][data-tone="warning"] {
    background: var(--moss-warning);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--moss-warning) 22%, transparent);
    }
    color: var(--moss-warning);
  }
  moss-filter-chips {
    display: flex;
    align-items: center;
    gap: var(--moss-space-2);
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
  }
  moss-filter-chips::-webkit-scrollbar {
    display: none;
  }
  .moss-chip {
    position: relative;
    min-height: var(--moss-control-compact);
    border: 1px solid var(--moss-border);
    border-radius: 999px;
    background: var(--moss-surface);
    color: var(--moss-text-muted);
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    font-size: .8125rem;
    transition: background var(--moss-motion-fast) var(--moss-ease), border-color var(--moss-motion-fast) var(--moss-ease), color var(--moss-motion-fast) var(--moss-ease), transform var(--moss-motion-fast) var(--moss-ease);
  }
  .moss-chip button {
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    padding: 0 .625rem;
    align-self: stretch;
    display: inline-flex;
    align-items: center;
    gap: var(--moss-space-1);
    cursor: pointer;
  }
  .moss-chip button:first-of-type {
    border-radius: 999px 0 0 999px;
  }
  .moss-chip:has(> button:only-of-type) button {
    border-radius: 999px;
  }
  .moss-chip b {
    color: var(--moss-text);
    font-weight: 650;
  }
  .moss-chip[data-state="active"] {
    border-color: var(--moss-primary);
    background: var(--moss-primary-surface);
    color: var(--moss-text);
  }
  .moss-chip[data-state="active"] [data-chip-clear] {
    display: inline-flex;
  }
  .moss-chip [data-chip-clear] {
    display: none;
    padding-left: .25rem;
    padding-right: .5rem;
    border-radius: 0 999px 999px 0;
    color: var(--moss-text-muted);
  }
  .moss-chip [data-chip-clear] moss-icon {
    --moss-icon-size: .8125rem;
  }
  .moss-chip:has(:active) {
    transform: translateY(1px);
  }
  .moss-chip :is(button:hover, button:focus-visible) {
    color: var(--moss-text);
  }
  .moss-chip--add {
    border-style: dashed;
    color: var(--moss-text-faint);
  }
  moss-disclosure {
    display: block;
    border-top: 1px solid var(--moss-border);
    border-bottom: 1px solid var(--moss-border);
  }
  moss-disclosure > button:first-child {
    width: 100%;
    border: 0;
    background: transparent;
    color: var(--moss-text);
    padding: .875rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    cursor: pointer;
  }
  moss-disclosure > [data-panel] {
    padding: 0 0 1rem;
    color: var(--moss-text-muted);
    font-size: .8125rem;
  }
  moss-disclosure > [data-panel][hidden] {
    display: none;
  }
  .moss-menu-wrap {
    position: relative;
    display: inline-flex;
  }
  .moss-menu {
    position: absolute;
    right: 0px;
    z-index: 30;
    min-width: calc(var(--spacing) * 48);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--moss-border);
    background-color: var(--moss-surface-raised);
    top: calc(100% + .375rem);
    border-radius: var(--moss-radius-md);
    padding: .3125rem;
    box-shadow: var(--moss-shadow-overlay);
    transform-origin: top right;
    transition: opacity var(--moss-motion-fast) var(--moss-ease), transform var(--moss-motion-fast) var(--moss-ease);
  }
  .moss-menu[hidden] {
    display: none;
  }
  .moss-menu button, .moss-menu a {
    display: flex;
    width: 100%;
    cursor: pointer;
    align-items: center;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    text-align: left;
    color: var(--moss-text-muted);
    text-decoration-line: none;
    min-height: 2.125rem;
    border-radius: var(--moss-radius-sm);
    padding: .375rem .625rem;
    transition: background var(--moss-motion-fast) var(--moss-ease), color var(--moss-motion-fast) var(--moss-ease);
  }
  .moss-menu button:hover, .moss-menu button:focus-visible, .moss-menu a:hover, .moss-menu a:focus-visible {
    background: var(--moss-surface-strong);
    color: var(--moss-text);
  }
  .moss-menu .is-destructive {
    color: var(--moss-critical);
  }
  .moss-state {
    min-height: 16rem;
    border: 1px solid var(--moss-border);
    border-radius: var(--moss-radius-lg);
    background: var(--moss-surface);
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .moss-state--compact {
    min-height: 8rem;
    padding: 1rem;
  }
  .moss-state--compact .moss-state__marker {
    transform: scale(.72);
    transform-origin: center bottom;
    margin-bottom: -.45rem;
  }
  .moss-state__marker {
    width: 3.25rem;
    height: 2.5rem;
    position: relative;
    color: var(--moss-accent);
  }
  .moss-state__marker i {
    position: absolute;
    bottom: 0;
    width: 1rem;
    background: currentColor;
    border-radius: 80% 10% 80% 10%;
    transform-origin: bottom;
  }
  .moss-state__marker i:nth-child(1) {
    left: .35rem;
    height: 1.8rem;
    transform: rotate(-28deg);
  }
  .moss-state__marker i:nth-child(2) {
    left: 1.25rem;
    height: 2.25rem;
    transform: rotate(5deg);
  }
  .moss-state__marker i:nth-child(3) {
    right: .25rem;
    height: 1.6rem;
    transform: rotate(38deg);
  }
  .moss-state h3 {
    margin: .875rem 0 .25rem;
    font-size: 1rem;
  }
  .moss-state p {
    max-width: 28rem;
    margin: 0 0 1rem;
    color: var(--moss-text-muted);
    font-size: .8125rem;
  }
  moss-rail {
    --rail-width: var(--moss-rail-expanded);
    display: block;
    width: var(--rail-width);
    align-self: stretch;
    border-right: var(--moss-border-width) solid var(--moss-border-soft);
    background: var(--moss-surface);
    transition: background var(--moss-motion-fast) var(--moss-ease), border-color var(--moss-motion-fast) var(--moss-ease);
  }
  moss-rail[collapsed] {
    --rail-width: var(--moss-rail-collapsed);
  }
  moss-rail [data-rail-header] {
    min-height: 4rem;
    display: flex;
    align-items: center;
    padding: .75rem;
  }
  moss-rail [data-rail-toggle] {
    flex: 0 0 1.75rem;
    width: 1.75rem;
    min-height: 2rem;
    margin-left: .25rem;
    padding: 0;
    border-color: transparent;
    background: transparent;
    color: var(--moss-text-muted);
    box-shadow: none;
  }
  moss-rail [data-rail-toggle]:is(:hover,:focus-visible) {
    border-color: var(--moss-border);
    color: var(--moss-text);
    background: var(--moss-surface-strong);
  }
  moss-rail [data-rail-toggle] moss-icon {
    --moss-icon-size: 1rem;
  }
  moss-rail[collapsed] [data-rail-toggle] {
    margin-inline: 0;
    color: var(--moss-accent);
  }
  moss-rail[collapsed] [data-rail-header] {
    justify-content: start;
    padding-inline: .625rem;
  }
  moss-rail[collapsed] [data-rail-header] > :not([data-rail-toggle], .moss-mark) {
    max-width: 0;
    margin: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateX(calc(var(--moss-motion-distance) * -1));
  }
  [data-moss-rail-collapsible="false"] moss-rail [data-rail-toggle] {
    display: none;
  }
  moss-rail nav {
    display: grid;
    gap: .25rem;
    padding: .5rem;
  }
  moss-rail nav a, moss-rail nav button {
    position: relative;
    min-height: 2.5rem;
    border: 0;
    border-radius: var(--moss-radius-md);
    background: transparent;
    color: var(--moss-text-muted);
    padding: .5rem .75rem;
    display: flex;
    align-items: center;
    gap: .75rem;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--moss-motion-fast) var(--moss-ease), color var(--moss-motion-fast) var(--moss-ease), transform var(--moss-motion-fast) var(--moss-ease);
  }
  moss-rail nav :is(a,button):hover, moss-rail nav :is(a,button)[aria-current="page"] {
    background: var(--moss-surface-raised);
    color: var(--moss-text);
  }
  moss-rail nav [aria-current="page"] :is([data-icon], moss-icon) {
    color: var(--moss-accent);
  }
  moss-rail [data-rail-label], moss-rail [data-rail-title], moss-rail [data-rail-header] > :not([data-rail-toggle]) {
    transition: opacity var(--moss-motion-fast) var(--moss-ease), transform var(--moss-motion-fast) var(--moss-ease);
  }
  moss-rail[collapsed] [data-rail-label], moss-rail[collapsed] [data-rail-title] {
    width: 0;
    overflow: hidden;
    opacity: 0;
  }
  moss-rail[collapsed] nav :is(a,button) {
    justify-content: center;
    padding-inline: 0;
  }
  moss-rail[collapsed] nav :is(a,button)::after {
    content: attr(data-label);
    position: absolute;
    z-index: 40;
    left: calc(100% + .625rem);
    top: 50%;
    transform: translate(.25rem,-50%);
    pointer-events: none;
    opacity: 0;
    border: 1px solid var(--moss-border);
    border-radius: var(--moss-radius-sm);
    background: var(--moss-surface-raised);
    color: var(--moss-text);
    padding: .375rem .5rem;
    box-shadow: var(--moss-shadow-overlay);
    font-size: .75rem;
    transition: opacity var(--moss-motion-fast), transform var(--moss-motion-fast);
  }
  moss-rail[collapsed] nav :is(a,button):not([data-tooltip-dismissed]):is(:hover,:focus-visible)::after {
    opacity: 1;
    transform: translate(0,-50%);
  }
  moss-toast-stack {
    position: fixed;
    z-index: 100;
    right: 1.25rem;
    bottom: 1.25rem;
    width: min(23rem,calc(100vw - 2rem));
    display: grid;
    gap: .5rem;
  }
  .moss-toast {
    border: 1px solid var(--moss-border);
    border-radius: var(--moss-radius-md);
    background: var(--moss-surface-raised);
    color: var(--moss-text);
    padding: .75rem;
    box-shadow: var(--moss-shadow-overlay);
    display: flex;
    align-items: center;
    gap: .75rem;
    animation: moss-toast-enter var(--moss-motion-normal) var(--moss-ease);
  }
  @keyframes moss-toast-enter {
    from {
      opacity: 0;
      transform: translateY(var(--moss-motion-distance));
      filter: blur(2px);
    }
  }
  .moss-toast button {
    margin-left: auto;
    border: 0;
    background: transparent;
    color: var(--moss-text-muted);
    cursor: pointer;
  }
  .moss-app-shell {
    display: grid;
    background-color: var(--moss-canvas);
    min-height: 100dvh;
    grid-template-columns: auto minmax(0,1fr);
  }
  .moss-app-main {
    min-width: 0px;
  }
  .moss-topbar {
    display: flex;
    align-items: center;
    min-height: var(--moss-topbar-height);
    border-bottom: var(--moss-border-width) solid var(--moss-border-soft);
    background: var(--moss-canvas);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--moss-canvas) 90%,transparent);
    }
    backdrop-filter: blur(1rem);
    padding: 0 clamp(1rem,3vw,2rem);
    gap: .75rem;
  }
  .moss-page {
    margin-inline: auto;
    width: min(100%,var(--moss-content-max));
    padding: var(--moss-page-inset);
  }
  .moss-page-header {
    margin-bottom: calc(var(--spacing) * 6);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
  }
  .moss-page-header h1 {
    margin: .35rem 0 0;
    font: var(--moss-heading-weight) clamp(1.75rem,4vw,3rem)/1.05 var(--moss-font-heading);
    letter-spacing: var(--moss-heading-tracking);
  }
  .moss-mobile-nav {
    display: none;
  }
  .moss-layout {
    display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr));
    gap: var(--moss-layout-gap,var(--moss-density-gap));
    align-items: var(--moss-layout-align,stretch);
    justify-items: var(--moss-layout-justify,stretch);
  }
  .moss-layout[data-columns="1"] {
    grid-template-columns: minmax(0,1fr);
  }
  .moss-layout[data-columns="2"] {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .moss-layout[data-columns="3"] {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .moss-layout[data-columns="4"] {
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
  .moss-layout[data-gap="none"] {
    --moss-layout-gap: 0;
  }
  .moss-layout[data-gap="compact"] {
    --moss-layout-gap: var(--moss-space-2);
  }
  .moss-layout[data-gap="comfortable"] {
    --moss-layout-gap: var(--moss-space-5);
  }
  .moss-layout[data-align="start"] {
    --moss-layout-align: start;
  }
  .moss-layout[data-align="center"] {
    --moss-layout-align: center;
  }
  .moss-layout[data-align="end"] {
    --moss-layout-align: end;
  }
  .moss-layout[data-justify="start"] {
    --moss-layout-justify: start;
  }
  .moss-layout[data-justify="center"] {
    --moss-layout-justify: center;
  }
  .moss-layout[data-justify="end"] {
    --moss-layout-justify: end;
  }
  .moss-layout > * {
    min-width: 0px;
  }
  .moss-layout > [data-span="2"] {
    grid-column: span 2;
  }
  .moss-layout > [data-span="3"] {
    grid-column: span 3;
  }
  .moss-layout > [data-span="4"] {
    grid-column: span 4;
  }
  .moss-layout > [data-span="5"] {
    grid-column: span 5;
  }
  .moss-layout > [data-span="6"] {
    grid-column: span 6;
  }
  .moss-layout > [data-span="7"] {
    grid-column: span 7;
  }
  .moss-layout > [data-span="8"] {
    grid-column: span 8;
  }
  .moss-layout > [data-span="9"] {
    grid-column: span 9;
  }
  .moss-layout > [data-span="10"] {
    grid-column: span 10;
  }
  .moss-layout > [data-span="11"] {
    grid-column: span 11;
  }
  .moss-layout > [data-span="12"] {
    grid-column: 1 / -1;
  }
  .moss-panel {
    overflow: hidden;
    background-color: var(--moss-surface);
    border: var(--moss-border-width) solid var(--moss-border);
    border-radius: var(--moss-radius-lg);
  }
  .moss-panel__header,.moss-panel__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    min-height: calc(var(--moss-control-height) + var(--moss-space-3));
    padding: var(--moss-space-3) var(--moss-space-4);
  }
  .moss-panel__header {
    border-bottom: var(--moss-border-width) solid var(--moss-border-soft);
  }
  .moss-panel__footer {
    border-top: var(--moss-border-width) solid var(--moss-border-soft);
  }
  .moss-panel__body {
    padding: 1rem;
  }
  .moss-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .moss-money {
    font-family: var(--moss-font-mono);
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
    white-space: nowrap;
  }
  .moss-money[data-direction="gain"] {
    color: var(--moss-gain);
  }
  .moss-money[data-direction="loss"] {
    color: var(--moss-loss);
  }
  .moss-money[data-direction="flat"] {
    color: var(--moss-text-muted);
  }
  .moss-delta {
    display: inline-flex;
    align-items: center;
    gap: var(--moss-space-1);
    font-family: var(--moss-font-mono);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }
  .moss-delta::before {
    content: "\2192";
    font-family: var(--moss-font-sans);
  }
  .moss-delta[data-direction="gain"] {
    color: var(--moss-gain);
  }
  .moss-delta[data-direction="gain"]::before {
    content: "\2191";
  }
  .moss-delta[data-direction="loss"] {
    color: var(--moss-loss);
  }
  .moss-delta[data-direction="loss"]::before {
    content: "\2193";
  }
  .moss-delta[data-direction="flat"] {
    color: var(--moss-text-faint);
  }
  .moss-money:empty::after, .moss-delta:empty::after {
    content: "\2013\2013";
    color: var(--moss-text-faint);
  }
  .moss-stat {
    min-width: 0;
    display: grid;
    gap: var(--moss-space-1);
    align-content: start;
  }
  .moss-stat__label {
    color: var(--moss-text-faint);
    font: 500 .75rem/1.2 var(--moss-font-mono);
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  .moss-stat__value {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    font: var(--moss-display-weight) clamp(1.25rem,2.1vw,1.875rem)/1.1 var(--moss-font-display);
    letter-spacing: var(--moss-display-tracking);
    font-variant-numeric: tabular-nums;
  }
  .moss-stat__foot {
    display: flex;
    align-items: center;
    gap: var(--moss-space-2);
    color: var(--moss-text-muted);
    font-size: .75rem;
    min-width: 0;
  }
  .moss-stat__spark {
    min-width: 0;
    height: 2rem;
    margin-top: var(--moss-space-1);
  }
  .moss-stat__spark svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
  }
  .moss-stat__spark path {
    fill: none;
    stroke: var(--moss-data-1);
    stroke-width: var(--moss-chart-stroke);
    vector-effect: non-scaling-stroke;
  }
  .moss-stat[data-direction="gain"] .moss-stat__spark path {
    stroke: var(--moss-gain);
  }
  .moss-stat[data-direction="loss"] .moss-stat__spark path {
    stroke: var(--moss-loss);
  }
  .moss-stat-row {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(12rem,1fr));
    gap: var(--moss-space-5);
  }
  .moss-table--ranked .moss-rank {
    width: 2.75rem;
    color: var(--moss-text-faint);
    font-variant-numeric: tabular-nums;
    text-align: right;
  }
  .moss-table--ranked tbody tr[data-rank="1"] .moss-rank, .moss-table--ranked tbody tr[data-rank="2"] .moss-rank, .moss-table--ranked tbody tr[data-rank="3"] .moss-rank {
    color: var(--moss-text);
    font-weight: 650;
  }
  .moss-table--ranked tbody tr[data-rank="1"] {
    background: var(--moss-primary-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--moss-primary-surface) 38%, transparent);
    }
  }
  .moss-table--ranked .moss-rank[data-move]::after {
    content: attr(data-move);
    margin-left: var(--moss-space-1);
    font-size: .75rem;
  }
  .moss-table--ranked .moss-rank[data-move^="+"]::after {
    color: var(--moss-gain);
  }
  .moss-table--ranked .moss-rank[data-move^="-"]::after {
    color: var(--moss-loss);
  }
  .moss-table--ranked tbody tr[data-self="true"] > td {
    background: var(--moss-surface-raised);
  }
  .moss-table--ranked tbody tr[data-self="true"] > td:first-child {
    box-shadow: inset 2px 0 0 var(--moss-accent);
  }
  .moss-plate {
    position: relative;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: var(--moss-radius-lg);
    background: var(--moss-primary-surface);
    color: var(--moss-text);
  }
  .moss-plate > img, .moss-plate > svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .moss-plate[data-scale="mark"] {
    aspect-ratio: 1;
    max-width: 4rem;
  }
  .moss-plate[data-scale="spot"] {
    aspect-ratio: 1;
    max-width: 12rem;
  }
  .moss-plate[data-scale="scene"] {
    aspect-ratio: 4/3;
  }
  .moss-plate[data-scale="banner"] {
    aspect-ratio: 21/9;
  }
  .moss-plate__caption {
    position: absolute;
    inset: auto 0 0 0;
    padding: var(--moss-space-3);
    color: var(--moss-text-muted);
    font-size: .75rem;
  }
  .moss-state .moss-plate {
    margin-bottom: var(--moss-space-4);
  }
  .moss-grain {
    position: fixed;
    inset: 0;
    z-index: 90;
    pointer-events: none;
    opacity: var(--moss-grain);
    background-color: var(--moss-paper-tint);
    background-image: var(--moss-grain-image, none);
    background-size: var(--moss-grain-size);
    mix-blend-mode: soft-light;
  }
  .moss-grain[hidden] {
    display: none;
  }
  .moss-badge {
    --badge: var(--moss-info);
    width: fit-content;
    border: 1px solid var(--badge);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb,var(--badge) 35%,var(--moss-border));
    }
    border-radius: 999px;
    background: var(--badge);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--badge) 12%,transparent);
    }
    color: var(--badge);
    padding: .2rem .5rem;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font: 500 .75rem var(--moss-font-sans);
  }
  .moss-badge::before {
    content: "";
    width: .375rem;
    height: .375rem;
    border-radius: 50%;
    background: currentColor;
  }
  .moss-badge--neutral, .moss-badge[data-tone="neutral"] {
    --badge: var(--moss-text-muted);
    border-color: var(--moss-border);
    background: var(--moss-surface-strong);
    color: var(--moss-text-muted);
  }
  .moss-badge[data-tone="positive"] {
    --badge: var(--moss-positive);
  }
  .moss-badge[data-tone="warning"] {
    --badge: var(--moss-warning);
  }
  .moss-badge[data-tone="critical"] {
    --badge: var(--moss-critical);
  }
  .moss-progress {
    display: grid;
    gap: .4rem;
  }
  .moss-progress__label {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    color: var(--moss-text-muted);
    font-size: .75rem;
  }
  .moss-progress__track {
    height: .5rem;
    background: var(--moss-surface-strong);
    overflow: hidden;
  }
  .moss-progress__value {
    display: block;
    width: var(--value,0%);
    height: 100%;
    background: var(--tone,var(--moss-data-1));
    transition: width var(--moss-motion-normal) var(--moss-ease);
  }
  .moss-module {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  .moss-module__head {
    padding: var(--moss-space-3) var(--moss-density-inset) var(--moss-space-2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--moss-space-3);
  }
  .moss-module__head h2, .moss-module__head h3 {
    margin: 0;
    font-size: 1rem;
  }
  .moss-module__value {
    padding: 0 var(--moss-density-inset);
    font: var(--moss-display-weight) clamp(1.5rem,3vw,1.75rem)/1.1 var(--moss-font-display);
    letter-spacing: var(--moss-display-tracking);
    font-variant-numeric: tabular-nums;
  }
  .moss-module__unit {
    font-size: .9375rem;
    font-weight: 500;
    letter-spacing: 0;
    color: var(--moss-text-muted);
  }
  .moss-module__note {
    margin: 0;
    padding: var(--moss-space-1) var(--moss-density-inset) var(--moss-space-2);
    color: var(--moss-text-muted);
    font-size: .8125rem;
  }
  .moss-module__scroll {
    flex: 1;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
  }
  .moss-bars {
    display: grid;
    gap: var(--moss-space-2);
  }
  .moss-bar {
    display: grid;
    grid-template-columns: minmax(6rem,10rem) minmax(0,1fr) auto;
    align-items: center;
    gap: var(--moss-space-3);
    font-size: .875rem;
  }
  .moss-bar__name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .moss-bar__track {
    position: relative;
    height: .75rem;
    border-radius: var(--moss-radius-sm);
    background: var(--moss-surface-strong);
    overflow: hidden;
  }
  .moss-bar__fill {
    position: absolute;
    inset: 0 auto 0 0;
    width: var(--value,0%);
    background: var(--bar-tone,var(--tone,var(--moss-data-1)));
    border-radius: 0 var(--moss-radius-sm) var(--moss-radius-sm) 0;
  }
  .moss-bar[data-tone="gain"], .moss-bar[data-direction="gain"] {
    --bar-tone: var(--moss-gain);
  }
  .moss-bar[data-tone="loss"], .moss-bar[data-direction="loss"] {
    --bar-tone: var(--moss-loss);
  }
  .moss-bar[data-tone="warning"], .moss-bar[data-direction="warning"] {
    --bar-tone: var(--moss-warning);
  }
  .moss-bar[data-tone="neutral"], .moss-bar[data-direction="neutral"] {
    --bar-tone: var(--moss-text-muted);
  }
  .moss-bar__fill[data-tone="gain"], .moss-bar__fill[data-direction="gain"] {
    --bar-tone: var(--moss-gain);
  }
  .moss-bar__fill[data-tone="loss"], .moss-bar__fill[data-direction="loss"] {
    --bar-tone: var(--moss-loss);
  }
  .moss-bar__fill[data-tone="warning"], .moss-bar__fill[data-direction="warning"] {
    --bar-tone: var(--moss-warning);
  }
  .moss-bar__fill[data-tone="neutral"], .moss-bar__fill[data-direction="neutral"] {
    --bar-tone: var(--moss-text-muted);
  }
  .moss-bar[data-state="over"] .moss-bar__fill {
    background: var(--moss-loss);
  }
  .moss-bar__target {
    position: absolute;
    z-index: 1;
    top: -2px;
    bottom: -2px;
    left: clamp(1px,var(--target,100%),calc(100% - 1px));
    width: 2px;
    background: var(--moss-text);
    opacity: .7;
    transform: translateX(-50%);
  }
  .moss-bar__value {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    color: var(--bar-tone,var(--moss-text-muted));
  }
  .moss-calendar {
    display: grid;
    grid-template-columns: repeat(7,minmax(0,1fr));
    grid-auto-rows: minmax(2.125rem,1fr);
    gap: var(--moss-space-1);
    min-height: 0;
  }
  .moss-calendar__head {
    align-self: end;
    color: var(--moss-text-faint);
    font-size: .75rem;
    text-align: center;
  }
  .moss-calendar__day {
    position: relative;
    min-width: 0;
    min-height: 2.125rem;
    border: 1px solid var(--moss-border);
    border-radius: var(--moss-radius-sm);
    background: var(--moss-surface-raised);
    color: var(--moss-text-muted);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: .8125rem;
  }
  .moss-calendar__day small {
    font-size: .75rem;
    font-variant-numeric: tabular-nums;
  }
  .moss-calendar__day[data-state="good"] {
    border-color: var(--moss-gain);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--moss-gain) 34%,var(--moss-border));
    }
    background: var(--moss-gain);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--moss-gain) 14%,var(--moss-surface));
    }
    color: var(--moss-gain);
  }
  .moss-calendar__day[data-state="over"] {
    border-color: transparent;
    background: var(--moss-loss);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--moss-loss) 16%,var(--moss-surface));
    }
    color: var(--moss-loss);
    font-weight: 600;
  }
  .moss-calendar__day[data-state="active"] {
    border-color: transparent;
    background: var(--moss-primary-surface);
    color: var(--moss-text);
  }
  .moss-calendar__day[data-state="empty"] {
    color: var(--moss-text-faint);
  }
  .moss-calendar__day[data-state="future"] {
    background: transparent;
    border-style: dashed;
    color: var(--moss-text-faint);
  }
  .moss-calendar__day[data-today] {
    outline: 2px solid var(--moss-accent);
    outline-offset: 1px;
  }
  .moss-calendar__legend {
    display: flex;
    flex-wrap: wrap;
    gap: var(--moss-space-4);
    color: var(--moss-text-muted);
    font-size: .75rem;
  }
  .moss-calendar__legend span {
    display: inline-flex;
    align-items: center;
    gap: var(--moss-space-2);
  }
  .moss-calendar__legend i {
    width: .75rem;
    height: .75rem;
    border-radius: var(--moss-radius-sm);
    background: var(--swatch,var(--moss-surface-strong));
  }
  moss-tabs {
    display: block;
  }
  moss-tabs [role="tablist"] {
    border-bottom: 1px solid var(--moss-border);
    display: flex;
    gap: 1.25rem;
    overflow: auto;
  }
  moss-tabs [role="tab"] {
    min-height: 2.75rem;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--moss-text-muted);
    padding: 0;
    white-space: nowrap;
    cursor: pointer;
    transition: color var(--moss-motion-fast) var(--moss-ease),border-color var(--moss-motion-fast) var(--moss-ease);
  }
  moss-tabs [role="tab"][aria-selected="true"] {
    border-bottom-color: var(--moss-accent);
    color: var(--moss-text);
  }
  moss-tabs [role="tabpanel"] {
    padding-top: 1rem;
  }
  moss-tabs [role="tabpanel"][hidden] {
    display: none;
  }
  .moss-segmented {
    width: fit-content;
    border: 1px solid var(--moss-border);
    border-radius: var(--moss-radius-md);
    background: var(--moss-surface);
    padding: .1875rem;
    display: inline-flex;
  }
  .moss-segmented button {
    min-height: var(--moss-control-compact);
    border: 0;
    border-radius: calc(var(--moss-radius-md) - .1875rem);
    background: transparent;
    color: var(--moss-text-muted);
    padding: 0 .625rem;
    cursor: pointer;
  }
  .moss-segmented button[aria-pressed="true"] {
    background: var(--moss-surface-strong);
    color: var(--moss-text);
  }
  [data-moss-tooltip] {
    position: relative;
  }
  [data-moss-tooltip]::after {
    content: attr(data-moss-tooltip) / "";
    position: absolute;
    z-index: 60;
    left: 50%;
    bottom: calc(100% + .5rem);
    transform: translate(-50%,.25rem);
    opacity: 0;
    pointer-events: none;
    width: max-content;
    max-width: 15rem;
    border: 1px solid var(--moss-border);
    border-radius: var(--moss-radius-sm);
    background: var(--moss-surface-raised);
    color: var(--moss-text);
    padding: .35rem .5rem;
    box-shadow: var(--moss-shadow-overlay);
    font-size: .75rem;
    transition: opacity var(--moss-motion-fast),transform var(--moss-motion-fast);
  }
  [data-moss-tooltip]:not([data-tooltip-dismissed]):is(:hover,:focus-visible)::after {
    pointer-events: auto;
    opacity: 1;
    transform: translate(-50%,0);
  }
  .moss-dialog {
    width: min(34rem,calc(100vw - 2rem));
    border: 1px solid var(--moss-border);
    border-radius: var(--moss-radius-lg);
    background: var(--moss-surface);
    color: var(--moss-text);
    padding: 0;
    box-shadow: var(--moss-shadow-overlay);
  }
  .moss-dialog[open] {
    animation: moss-dialog-enter var(--moss-motion-normal) var(--moss-ease);
  }
  .moss-dialog::backdrop {
    background: rgb(5 8 6/.72);
    backdrop-filter: blur(.25rem);
  }
  .moss-dialog__header,.moss-dialog__footer {
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
  }
  .moss-dialog__header {
    border-bottom: 1px solid var(--moss-border);
  }
  .moss-dialog__footer {
    border-top: 1px solid var(--moss-border);
    justify-content: flex-end;
  }
  .moss-dialog__body {
    padding: 1.25rem;
    color: var(--moss-text-muted);
  }
  .moss-tree,.moss-tree ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .moss-tree ul {
    margin-left: 1rem;
    border-left: 1px solid var(--moss-border-soft);
    padding-left: .5rem;
  }
  .moss-tree summary,.moss-tree a,.moss-tree button {
    min-height: 2.25rem;
    border: 0;
    border-radius: var(--moss-radius-sm);
    background: transparent;
    color: var(--moss-text-muted);
    padding: .4rem .5rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    text-decoration: none;
    cursor: pointer;
  }
  .moss-tree :is(a,button)[aria-current="page"] {
    background: var(--moss-surface-raised);
    color: var(--moss-text);
  }
  .moss-code {
    border: 1px solid var(--moss-border);
    border-radius: var(--moss-radius-md);
    background: var(--moss-surface);
    overflow: hidden;
  }
  .moss-code__toolbar {
    min-height: 2.5rem;
    border-bottom: 1px solid var(--moss-border);
    padding: .4rem .6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--moss-text-faint);
    font-size: .75rem;
  }
  .moss-code pre {
    margin: 0;
    padding: 1rem;
    overflow: auto;
    color: var(--moss-text-muted);
    font: 400 .75rem/1.6 var(--moss-font-mono);
  }
  .moss-details {
    margin: 0;
  }
  .moss-details div {
    min-height: 2.5rem;
    border-bottom: 1px solid var(--moss-border-soft);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
  }
  .moss-details div:last-child {
    border: 0;
  }
  .moss-details dt {
    color: var(--moss-text-muted);
    font-size: .75rem;
  }
  .moss-details dd {
    margin: 0;
    font: 500 .75rem var(--moss-font-mono);
    text-align: right;
  }
  .moss-token-field {
    position: relative;
    display: grid;
    gap: var(--moss-space-2);
  }
  .moss-token-field__control {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--moss-border);
    background-color: var(--moss-surface);
    min-height: var(--moss-control-height);
    border-radius: var(--moss-radius-md);
    padding: .375rem;
    gap: .375rem;
  }
  .moss-token-field__control:focus-within {
    border-color: var(--moss-primary);
    box-shadow: var(--moss-focus);
  }
  .moss-token-field__control input {
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    color: var(--moss-text);
    outline-style: var(--tw-outline-style);
    outline-width: 0px;
    flex: 1 1 9rem;
    min-width: 6rem;
    padding: .25rem;
  }
  .moss-token {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    border: 1px solid var(--moss-primary);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb,var(--moss-primary) 35%,var(--moss-border));
    }
    border-radius: var(--moss-radius-sm);
    background: var(--moss-primary-surface);
    padding: .2rem .25rem .2rem .5rem;
    gap: .25rem;
    font-size: .75rem;
  }
  .moss-token > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .moss-token button {
    display: grid;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    cursor: pointer;
    place-items: center;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    color: inherit;
  }
  .moss-token button moss-icon {
    --moss-icon-size: .875rem;
  }
  .moss-token-field__options {
    position: absolute;
    z-index: 30;
    margin: 0px;
    overflow: auto;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--moss-border);
    background-color: var(--moss-surface-raised);
    inset: calc(100% - 1.25rem) 0 auto;
    max-height: 14rem;
    border-radius: var(--moss-radius-md);
    box-shadow: var(--moss-shadow-raised);
    padding: .375rem;
  }
  .moss-token-field__options [role="option"] {
    display: grid;
    width: 100%;
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    text-align: left;
    color: var(--moss-text);
    min-height: var(--moss-control-height);
    border-radius: var(--moss-radius-sm);
    padding: .5rem .625rem;
  }
  .moss-token-field__options [role="option"][hidden] {
    display: none;
  }
  .moss-token-field__options [role="option"]:hover,.moss-token-field__options [role="option"]:focus-visible {
    background: var(--moss-primary-surface);
  }
  .moss-choice-cards {
    margin: 0px;
    display: grid;
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding: 0px;
    gap: var(--moss-space-2);
  }
  .moss-choice-cards legend {
    margin-bottom: var(--moss-space-2);
    padding: 0;
    font-weight: 650;
  }
  .moss-choice-card {
    position: relative;
    display: grid;
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--moss-border);
    background-color: var(--moss-surface);
    border-radius: var(--moss-radius-md);
    padding: .875rem 1rem;
    grid-template-columns: auto minmax(0,1fr);
    gap: .25rem .75rem;
  }
  .moss-choice-card:has(input:checked) {
    border-color: var(--moss-primary);
    background: var(--moss-primary-surface);
  }
  .moss-choice-card:has(input:focus-visible) {
    box-shadow: var(--moss-focus);
  }
  .moss-choice-card:has(input:disabled) {
    opacity: var(--moss-disabled-opacity);
    cursor: not-allowed;
  }
  .moss-choice-card input {
    margin-top: .2rem;
    accent-color: var(--moss-primary);
  }
  .moss-choice-card strong,.moss-choice-card small {
    grid-column: 2;
  }
  .moss-choice-card small {
    color: var(--moss-text-muted);
    line-height: 1.4;
  }
  .moss-date-scope {
    display: grid;
    gap: var(--moss-space-4);
  }
  .moss-date-presets {
    display: flex;
    flex-wrap: wrap;
    gap: .375rem;
  }
  .moss-date-presets label {
    position: relative;
  }
  .moss-date-presets input {
    position: absolute;
    opacity: 0%;
  }
  .moss-date-presets span {
    display: grid;
    cursor: pointer;
    place-items: center;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--moss-border);
    background-color: var(--moss-surface);
    min-height: var(--moss-control-compact);
    border-radius: var(--moss-radius-sm);
    padding: .4rem .7rem;
  }
  .moss-date-presets input:checked + span {
    border-color: var(--moss-primary);
    background: var(--moss-primary-surface);
  }
  .moss-date-presets input:focus-visible + span {
    box-shadow: var(--moss-focus);
  }
  .moss-date-scope__fields {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: var(--moss-space-3);
  }
  .moss-date-scope__compare {
    border-top: 1px solid var(--moss-border-soft);
    padding-top: var(--moss-space-3);
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: var(--moss-space-4);
  }
  .moss-date-scope__compare > span {
    min-width: 0;
    display: grid;
    gap: .2rem;
  }
  .moss-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem;
  }
  .moss-pagination :is(a,[aria-current],.moss-pagination__ellipsis) {
    display: grid;
    place-items: center;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    color: var(--moss-text-muted);
    text-decoration-line: none;
    min-width: var(--moss-control-compact);
    min-height: var(--moss-control-compact);
    border-radius: var(--moss-radius-sm);
    padding: .35rem .55rem;
  }
  .moss-pagination a:hover {
    border-color: var(--moss-border);
    background: var(--moss-surface-raised);
    color: var(--moss-text);
  }
  .moss-pagination [aria-current="page"] {
    border-color: var(--moss-primary);
    background: var(--moss-primary-surface);
    color: var(--moss-text);
    font-weight: 650;
  }
  .moss-pagination__label {
    margin-inline: .25rem;
  }
  .moss-breadcrumbs ol {
    margin: 0px;
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    align-items: center;
    padding: 0px;
    gap: .25rem;
  }
  .moss-breadcrumbs li {
    display: flex;
    min-width: 0px;
    align-items: center;
    gap: .25rem;
  }
  .moss-breadcrumbs li + li::before {
    content: "/";
    color: var(--moss-text-faint);
  }
  .moss-breadcrumbs a {
    color: var(--moss-text-muted);
  }
  .moss-breadcrumbs [aria-current="page"] {
    max-width: 24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .moss-breadcrumbs__overflow {
    display: none;
    position: relative;
  }
  .moss-breadcrumbs__overflow summary {
    color: var(--moss-text-muted);
    cursor: pointer;
  }
  .moss-breadcrumbs__overflow ul {
    position: absolute;
    z-index: 20;
    top: calc(100% + .35rem);
    left: 0;
    min-width: 12rem;
    margin: 0;
    border: 1px solid var(--moss-border);
    border-radius: var(--moss-radius-sm);
    background: var(--moss-surface-raised);
    padding: .375rem;
    list-style: none;
  }
  .moss-breadcrumbs__overflow ul a {
    min-height: var(--moss-control-height);
    padding: .5rem;
    display: flex;
    align-items: center;
  }
  .moss-file-picker {
    display: grid;
    align-items: center;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--moss-border);
    background-color: var(--moss-surface);
    border-radius: var(--moss-radius-md);
    padding: var(--moss-space-3);
    grid-template-columns: minmax(0,1fr) auto;
    gap: var(--moss-space-3);
  }
  .moss-file-picker__copy {
    display: grid;
    min-width: 0px;
    gap: .2rem;
  }
  .moss-file-picker__copy [data-file-name] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--moss-text-muted);
    font-size: .75rem;
  }
  .moss-file-picker input[type="file"] {
    width: 100%;
    min-height: var(--moss-control-compact);
    color: transparent;
    cursor: pointer;
  }
  .moss-file-picker input[type="file"]::file-selector-button {
    min-height: var(--moss-control-compact);
    border: 1px solid var(--moss-border);
    border-radius: var(--moss-radius-sm);
    background: var(--moss-surface-raised);
    color: var(--moss-text);
    padding: .4rem .75rem;
    font-weight: 650;
    cursor: pointer;
  }
  .moss-file-picker input[type="file"]:focus-visible {
    border-radius: var(--moss-radius-sm);
    box-shadow: var(--moss-focus);
  }
  .moss-file-picker__actions label[for] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .moss-file-picker__actions {
    display: flex;
    gap: var(--moss-space-2);
  }
  .moss-drawer {
    width: min(34rem,100vw);
    height: 100dvh;
    max-width: none;
    max-height: none;
    margin: 0 0 0 auto;
    border: 0;
    border-left: 1px solid var(--moss-border);
    background: var(--moss-surface);
    color: var(--moss-text);
    padding: 0;
  }
  .moss-drawer[open] {
    animation: moss-drawer-enter var(--moss-motion-normal) var(--moss-ease);
  }
  .moss-drawer::backdrop,.moss-search-dialog::backdrop {
    background: rgb(5 10 8/.62);
  }
  .moss-drawer__frame {
    display: grid;
    height: 100%;
    grid-template-rows: auto minmax(0,1fr) auto;
  }
  .moss-drawer__header,.moss-drawer__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--moss-space-4);
    gap: var(--moss-space-3);
  }
  .moss-drawer__header {
    border-bottom: 1px solid var(--moss-border-soft);
  }
  .moss-drawer__header > span {
    min-width: 0;
    display: grid;
    gap: .2rem;
  }
  .moss-drawer .moss-field__label small {
    color: var(--moss-text-muted);
  }
  .moss-drawer__footer {
    border-top: 1px solid var(--moss-border-soft);
    justify-content: flex-end;
    padding-bottom: max(var(--moss-space-4),env(safe-area-inset-bottom));
  }
  .moss-drawer__body {
    min-height: 0px;
    overflow: auto;
    padding: var(--moss-space-4);
  }
  .moss-review {
    border: 1px solid var(--moss-border);
    border-radius: var(--moss-radius-lg);
    background: var(--moss-surface);
    overflow: hidden;
  }
  .moss-review__header,.moss-review__section,.moss-review__actions {
    padding: var(--moss-density-inset);
  }
  .moss-review__section {
    border-top: 1px solid var(--moss-border-soft);
    display: grid;
    grid-template-columns: minmax(8rem,.5fr) minmax(0,1.5fr) auto;
    gap: var(--moss-space-3);
    align-items: start;
  }
  .moss-review__section > :is(h3,p) {
    margin: 0;
  }
  .moss-review__section dl {
    margin: 0;
    display: grid;
    gap: .5rem;
  }
  .moss-review__section dl div {
    display: grid;
    grid-template-columns: minmax(6rem,.5fr) minmax(0,1fr);
    gap: 1rem;
  }
  .moss-review__section dt {
    color: var(--moss-text-faint);
  }
  .moss-review__section dd {
    margin: 0;
    overflow-wrap: anywhere;
  }
  .moss-review__actions {
    border-top: 1px solid var(--moss-border);
    background: var(--moss-surface-raised);
    display: flex;
    justify-content: flex-end;
    gap: var(--moss-space-2);
  }
  .moss-search-dialog {
    width: min(42rem,calc(100vw - 2rem));
    max-width: none;
    margin: min(12vh,7rem) auto auto;
    border: 1px solid var(--moss-border);
    border-radius: var(--moss-radius-lg);
    background: var(--moss-surface);
    color: var(--moss-text);
    padding: 0;
    box-shadow: var(--moss-shadow-overlay);
  }
  .moss-search-dialog[open] {
    animation: moss-dialog-enter var(--moss-motion-normal) var(--moss-ease);
  }
  .moss-search-dialog__head {
    border-bottom: 1px solid var(--moss-border);
    padding: var(--moss-space-3);
    display: flex;
    align-items: center;
    gap: var(--moss-space-2);
  }
  .moss-search-dialog__head input {
    min-width: 0;
    flex: 1;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--moss-text);
    font-size: 1rem;
  }
  .moss-search-dialog__results {
    max-height: min(65vh,34rem);
    padding: .5rem;
    overflow: auto;
  }
  .moss-search-group > strong {
    padding: .5rem .625rem .25rem;
    display: block;
    color: var(--moss-text-muted);
    font: 500 .75rem var(--moss-font-mono);
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  .moss-search-dialog [data-search-item] {
    min-height: var(--moss-control-height);
    border-radius: var(--moss-radius-sm);
    padding: .625rem;
    display: grid;
    color: var(--moss-text);
    text-decoration: none;
  }
  .moss-search-dialog [data-search-item][hidden] {
    display: none;
  }
  .moss-search-dialog [data-search-item] small {
    color: var(--moss-text-muted);
  }
  .moss-search-dialog [data-search-item]:hover,.moss-search-dialog [data-search-item]:focus-visible {
    background: var(--moss-primary-surface);
  }
  .moss-search-dialog [data-search-empty] {
    padding: 2rem;
    color: var(--moss-text-muted);
    text-align: center;
  }
  .moss-wizard {
    display: grid;
    gap: var(--moss-space-4);
  }
  .moss-wizard__progress {
    border-bottom: 1px solid var(--moss-border);
    padding-bottom: var(--moss-space-3);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: var(--moss-text-muted);
    font-size: .75rem;
  }
  .moss-wizard [data-wizard-step] {
    outline: 0;
  }
  .moss-wizard__actions {
    margin-top: var(--moss-space-4);
    display: flex;
    justify-content: space-between;
    gap: var(--moss-space-2);
  }
  .moss-skeleton {
    position: relative;
    overflow: hidden;
    background: var(--moss-surface-strong);
    color: transparent;
    user-select: none;
  }
  .moss-skeleton::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg,transparent 20%,var(--moss-text) 45%,transparent 70%);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--moss-text) 7%,transparent) 45%,transparent 70%);
    }
    transform: translateX(-100%);
    animation: moss-skeleton-sweep 1.4s ease-in-out infinite;
  }
  .moss-skeleton--text {
    width: min(100%,28rem);
    height: .75rem;
    border-radius: var(--moss-radius-sm);
  }
  .moss-skeleton--text[data-size="short"] {
    width: 45%;
  }
  .moss-skeleton--block {
    min-height: 8rem;
    border-radius: var(--moss-radius-md);
  }
  @keyframes moss-skeleton-sweep {
    to {
      transform: translateX(100%);
    }
  }
  .moss-audit {
    table-layout: auto;
  }
  .moss-audit td:first-child {
    min-width: 10rem;
  }
  .moss-audit code {
    color: var(--moss-text-muted);
    font: inherit;
    overflow-wrap: anywhere;
  }
  .moss-audit__event {
    display: grid;
    gap: .2rem;
    white-space: normal;
  }
  .moss-audit__event small {
    color: var(--moss-text-faint);
  }
  .moss-triage {
    min-height: 30rem;
    border: 1px solid var(--moss-border);
    border-radius: var(--moss-radius-lg);
    background: var(--moss-surface);
    display: grid;
    grid-template-columns: minmax(15rem,.7fr) minmax(20rem,1.3fr);
    overflow: hidden;
  }
  .moss-triage__queue {
    min-width: 0;
    border-right: 1px solid var(--moss-border);
    display: flex;
    flex-direction: column;
  }
  .moss-triage__head,.moss-triage__inspector {
    padding: var(--moss-density-inset);
  }
  .moss-triage__items {
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    list-style: none;
  }
  .moss-triage__items a {
    border-top: 1px solid var(--moss-border-soft);
    padding: .75rem var(--moss-density-inset);
    display: grid;
    gap: .25rem;
    color: var(--moss-text);
    text-decoration: none;
  }
  .moss-triage__items a:hover,.moss-triage__items a[aria-current="page"] {
    background: var(--moss-primary-surface);
  }
  .moss-triage__items small {
    color: var(--moss-text-muted);
  }
  .moss-triage__inspector {
    min-width: 0;
    overflow: auto;
  }
  .moss-triage__inspector > .moss-button {
    margin-top: var(--moss-space-3);
    text-decoration: none;
  }
  .moss-triage__back {
    display: none;
  }
  .moss-evidence-workspace {
    border: 1px solid var(--moss-border);
    border-radius: var(--moss-radius-lg);
    background: var(--moss-surface);
    overflow: hidden;
  }
  .moss-evidence-workspace__head {
    border-bottom: 1px solid var(--moss-border);
    padding: var(--moss-density-inset);
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: var(--moss-space-4);
  }
  .moss-evidence-workspace__body {
    display: grid;
    grid-template-columns: minmax(0,1.45fr) minmax(15rem,.55fr);
  }
  .moss-evidence-workspace__evidence,.moss-evidence-workspace__context {
    min-width: 0;
    padding: var(--moss-density-inset);
  }
  .moss-evidence-workspace__context {
    border-left: 1px solid var(--moss-border);
    background: var(--moss-surface-raised);
  }
  .moss-evidence-workspace .moss-reading-strip dt {
    color: var(--moss-text-muted);
  }
  @media (max-width: 44rem) {
    .moss-hero {
      min-height: calc(100svh - 6rem);
      grid-template-columns: 1fr;
      align-content: end;
      padding: 1.25rem;
    }
    .moss-hero__aside {
      display: none;
    }
    .moss-hero__actions .moss-button:first-child {
      flex: 1;
    }
    .moss-narrative {
      grid-template-columns: 1fr;
    }
    .moss-narrative__summary {
      min-height: 12rem;
      border-right: 0;
      border-bottom: 1px solid var(--moss-border);
    }
    .moss-reading-strip {
      grid-template-columns: minmax(72vw,1fr);
      grid-auto-flow: column;
      grid-auto-columns: minmax(64vw,1fr);
      overflow-x: auto;
      overscroll-behavior-inline: contain;
      scroll-snap-type: x proximity;
    }
    .moss-reading-strip > div {
      scroll-snap-align: start;
    }
    .moss-reading-strip > div + div {
      border-left: 1px solid var(--moss-border-soft);
    }
    :is(moss-rail[data-mobile="bottom"], moss-rail[responsive]) {
      position: fixed;
      z-index: 50;
      inset: auto 0 0;
      width: 100%;
      height: auto;
      min-height: calc(4.75rem + env(safe-area-inset-bottom, 0px));
      border-right: 0;
      border-top: 1px solid var(--moss-border);
      padding: 0;
      background: var(--moss-canvas);
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix(in srgb,var(--moss-canvas) 94%,transparent);
      }
      backdrop-filter: blur(1rem);
    }
    :is(moss-rail[data-mobile="bottom"], moss-rail[responsive]) :is([data-rail-header],[data-rail-footer]) {
      display: none;
    }
    :is(moss-rail[data-mobile="bottom"], moss-rail[responsive]) nav {
      display: flex;
      gap: .25rem;
      padding: .375rem max(.5rem,env(safe-area-inset-right, 0px)) calc(.375rem + env(safe-area-inset-bottom, 0px)) max(.5rem,env(safe-area-inset-left, 0px));
      overflow-x: auto;
      overscroll-behavior-inline: contain;
      scroll-padding-inline: .5rem;
      scrollbar-width: none;
    }
    :is(moss-rail[data-mobile="bottom"], moss-rail[responsive]) nav::-webkit-scrollbar {
      display: none;
    }
    :is(moss-rail[data-mobile="bottom"], moss-rail[responsive]) nav :is(a,button) {
      flex: 0 0 clamp(4.75rem,22vw,6rem);
      min-height: 4rem;
      border-radius: var(--moss-radius-md);
      flex-direction: column;
      justify-content: center;
      gap: .25rem;
      padding: .45rem .35rem;
      font-size: .75rem;
    }
    :is(moss-rail[data-mobile="bottom"], moss-rail[responsive]) nav :is(a,button)[aria-current="page"] {
      background: var(--moss-primary-surface);
      color: var(--moss-text);
    }
    :is(moss-rail[data-mobile="bottom"], moss-rail[responsive]) [data-rail-label] {
      width: auto;
      overflow: visible;
      opacity: 1;
    }
    :is(moss-rail[data-mobile="bottom"], moss-rail[responsive])[collapsed] {
      --rail-width: 100%;
      width: 100%;
      padding: 0;
    }
    :is(moss-rail[data-mobile="bottom"], moss-rail[responsive])[collapsed] nav :is(a,button) {
      justify-content: center;
      padding-inline: .35rem;
    }
    :is(moss-rail[data-mobile="bottom"], moss-rail[responsive]) nav :is(a,button)::after {
      display: none;
    }
    moss-toast-stack {
      right: 1rem;
      bottom: calc(5rem + env(safe-area-inset-bottom, 0px));
    }
    .moss-app-shell {
      display: block;
      padding-bottom: calc(4.25rem + env(safe-area-inset-bottom, 0px));
    }
    .moss-mobile-nav {
      position: fixed;
      z-index: 50;
      left: 0;
      right: 0;
      bottom: 0;
      min-height: calc(4.25rem + env(safe-area-inset-bottom, 0px));
      border-top: 1px solid var(--moss-border);
      background: var(--moss-canvas);
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix(in srgb,var(--moss-canvas) 94%,transparent);
      }
      backdrop-filter: blur(1rem);
      padding: 0 env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: 1fr;
    }
    .moss-mobile-nav :is(a,button) {
      border: 0;
      background: transparent;
      color: var(--moss-text-faint);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: .2rem;
      text-decoration: none;
      font-size: .75rem;
    }
    .moss-mobile-nav [aria-current="page"] {
      color: var(--moss-accent);
    }
    .moss-page-header {
      align-items: flex-start;
      flex-direction: column;
    }
    .moss-layout:not([data-mobile="preserve"]) {
      grid-template-columns: minmax(0,1fr);
    }
    .moss-layout:not([data-mobile="preserve"]) > * {
      grid-column: 1 / -1;
    }
    .moss-table--stack thead {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0,0,0,0);
    }
    .moss-table--stack tbody tr {
      height: auto;
      border-bottom: 1px solid var(--moss-border-soft);
      display: grid;
      grid-template-columns: auto minmax(0,1fr) auto;
      align-items: center;
      gap: .125rem var(--moss-space-3);
      padding: var(--moss-space-2) var(--moss-space-3);
    }
    .moss-table--stack tbody tr:last-child {
      border-bottom: 0;
    }
    .moss-table--stack tbody td {
      grid-column: 2;
      border: 0;
      padding: 0;
      white-space: normal;
    }
    .moss-table--stack tbody td[data-cell="select"] {
      grid-column: 1;
      grid-row: 1 / -1;
    }
    .moss-table--stack tbody td[data-cell="value"] {
      grid-column: 3;
      grid-row: 1 / -1;
      text-align: right;
    }
    .moss-bar {
      grid-template-columns: minmax(0,1fr) auto;
    }
    .moss-bar__track {
      grid-column: 1 / -1;
    }
    .moss-calendar {
      gap: 2px;
      grid-auto-rows: minmax(1.875rem,1fr);
    }
    .moss-calendar__day {
      min-height: 1.875rem;
      font-size: .75rem;
    }
    .moss-table--stack tbody td:empty {
      display: none;
    }
    .moss-table--stack td[data-label]::before {
      display: inline;
      margin-right: var(--moss-space-1);
      color: var(--moss-text-faint);
      font-size: .75rem;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
    .moss-table-shell__bar {
      flex-wrap: wrap;
    }
    .moss-stat-row {
      grid-template-columns: repeat(2,minmax(0,1fr));
      gap: var(--moss-space-4);
    }
    .moss-stat__value {
      font-size: clamp(1.25rem,7vw,1.75rem);
    }
    .moss-plate[data-scale="scene"] {
      aspect-ratio: 3/2;
    }
    .moss-plate[data-scale="banner"] {
      aspect-ratio: 16/9;
    }
    .moss-table--ranked .moss-rank {
      width: 2rem;
    }
    .moss-chip .moss-menu, .moss-table__col .moss-menu {
      position: fixed;
      z-index: 70;
      inset: auto 0 0 0;
      width: auto;
      min-width: 0;
      max-height: 65vh;
      overflow: auto;
      border-radius: var(--moss-radius-lg) var(--moss-radius-lg) 0 0;
      padding: var(--moss-space-2) var(--moss-space-2) calc(var(--moss-space-2) + env(safe-area-inset-bottom, 0px));
    }
    .moss-chip .moss-menu :is(button, a), .moss-table__col .moss-menu :is(button, a) {
      min-height: 2.75rem;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .moss-chart__line[data-draw], .moss-chart__line[data-animation="draw"] {
      animation: none;
      stroke-dashoffset: 0;
    }
  }
  [data-moss-motion="reduce"] .moss-chart__line[data-draw], [data-moss-motion="reduce"] .moss-chart__line[data-animation="draw"] {
    animation: none;
    stroke-dashoffset: 0;
  }
  @media (max-width: 42rem) {
    .moss-token-field__options {
      position: fixed;
      z-index: 80;
      inset: auto 0 0;
      max-height: min(65dvh,32rem);
      border-radius: var(--moss-radius-lg) var(--moss-radius-lg) 0 0;
      padding-bottom: max(.5rem,env(safe-area-inset-bottom));
    }
    .moss-date-scope__fields,.moss-review__section,.moss-triage,.moss-evidence-workspace__body {
      grid-template-columns: 1fr;
    }
    .moss-date-scope__compare {
      align-items: center;
    }
    .moss-pagination > :is(a:not([rel]),.moss-pagination__ellipsis) {
      display: none;
    }
    .moss-pagination a[rel] {
      min-width: 6.5rem;
      font-size: 0;
    }
    .moss-pagination__label {
      position: static;
      width: auto;
      height: auto;
      overflow: visible;
      clip: auto;
      font-size: .75rem;
    }
    .moss-pagination [aria-current="page"]::before {
      content: "Page ";
    }
    .moss-breadcrumbs__intermediate {
      display: none;
    }
    .moss-breadcrumbs__overflow {
      display: flex;
    }
    .moss-drawer {
      width: 100vw;
      border-left: 0;
    }
    .moss-search-dialog {
      width: 100vw;
      height: 100dvh;
      max-height: none;
      margin: 0;
      border: 0;
      border-radius: 0;
    }
    .moss-search-dialog__results {
      max-height: none;
    }
    .moss-review__section {
      gap: .5rem;
    }
    .moss-review__section > a {
      justify-self: start;
    }
    .moss-review__actions {
      position: sticky;
      bottom: 0;
      padding-bottom: max(var(--moss-density-inset),env(safe-area-inset-bottom));
    }
    .moss-file-picker {
      grid-template-columns: 1fr;
    }
    .moss-file-picker__actions .moss-button {
      flex: 1;
    }
    .moss-triage {
      min-height: 0;
    }
    .moss-triage__queue {
      border-right: 0;
    }
    .moss-triage:not([data-mobile-view="detail"]) .moss-triage__inspector {
      display: none;
    }
    .moss-triage[data-mobile-view="detail"] .moss-triage__queue {
      display: none;
    }
    .moss-triage__inspector {
      border-top: 0;
    }
    .moss-triage__back {
      margin-bottom: var(--moss-space-3);
      display: inline-flex;
    }
    .moss-evidence-workspace__head {
      flex-direction: column;
    }
    .moss-evidence-workspace__context {
      border-left: 0;
      border-top: 1px solid var(--moss-border);
    }
    .moss-evidence-workspace .moss-reading-strip {
      grid-template-columns: 1fr;
      grid-auto-flow: row;
      grid-auto-columns: auto;
      overflow: visible;
    }
    .moss-evidence-workspace .moss-reading-strip > div + div {
      border-left: 0;
      border-top: 1px solid var(--moss-border-soft);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .moss-skeleton::after {
      animation: none;
      display: none;
    }
  }
  @keyframes moss-dialog-enter {
    from {
      opacity: 0;
      transform: translateY(var(--moss-motion-distance));
      filter: blur(2px);
    }
  }
  @keyframes moss-drawer-enter {
    from {
      opacity: 0;
      transform: translateX(calc(var(--moss-motion-distance) * 3));
    }
  }
  @media (forced-colors: active) {
    .moss-skeleton {
      border: 1px solid CanvasText;
    }
  }
  @container (max-width: 42rem) {
    .moss-narrative__summary {
      grid-column: 1 / -1;
      min-height: 0;
      border-right: 0;
      border-bottom: 1px solid var(--moss-border);
    }
    .moss-narrative .moss-chart {
      grid-column: 1 / -1;
    }
    .moss-hero > * {
      grid-column: 1 / -1;
    }
    .moss-hero__aside {
      display: none;
    }
  }
  .moss-menu[popover] {
    position: fixed;
    inset: auto;
    margin: 0;
    max-width: calc(100vw - 1rem);
    max-height: calc(100dvh - 1rem);
    overflow: auto;
    color: var(--moss-text);
  }
  @media (max-width: 44rem) {
    .moss-menu[popover] {
      inset: auto .5rem calc(.5rem + env(safe-area-inset-bottom,0px));
      width: auto;
      padding: .75rem;
    }
  }
  [data-moss-tooltip]:is(:hover,:focus-visible)::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    translate: -50% 0;
    width: 15rem;
    height: .75rem;
  }
  [data-tooltip-dismissed]::after {
    visibility: hidden;
  }
  [data-moss-style="shadcn"], [data-moss-style="shadcn"] [data-moss-theme] {
    --background: var(--moss-canvas);
    --foreground: var(--moss-text);
    --card: var(--moss-surface);
    --card-foreground: var(--moss-text);
    --popover: var(--moss-surface-raised);
    --popover-foreground: var(--moss-text);
    --primary: var(--moss-primary);
    --primary-foreground: var(--moss-canvas);
    --secondary: var(--moss-surface-strong);
    --secondary-foreground: var(--moss-text);
    --muted: var(--moss-surface-strong);
    --muted-foreground: var(--moss-text-muted);
    --accent: var(--moss-surface-raised);
    --accent-foreground: var(--moss-text);
    --destructive: var(--moss-critical);
    --destructive-foreground: var(--moss-canvas);
    --border: var(--moss-border);
    --input: var(--moss-border);
    --ring: var(--moss-primary);
    --chart-1: var(--moss-data-1);
    --chart-2: var(--moss-data-2);
    --chart-3: var(--moss-data-3);
    --chart-4: var(--moss-data-4);
    --chart-5: var(--moss-data-5);
    --sidebar: var(--moss-surface);
    --sidebar-foreground: var(--moss-text);
    --sidebar-primary: var(--moss-primary);
    --sidebar-primary-foreground: var(--moss-canvas);
    --sidebar-accent: var(--moss-surface-raised);
    --sidebar-accent-foreground: var(--moss-text);
    --sidebar-border: var(--moss-border-soft);
    --sidebar-ring: var(--moss-primary);
    --radius: var(--moss-radius-lg);
  }
  [data-moss-style="shadcn"] {
    color: var(--foreground);
    background: var(--background);
    font: var(--moss-body-weight) var(--moss-font-size)/var(--moss-line-height) var(--moss-font-sans);
    letter-spacing: var(--moss-body-tracking);
    scrollbar-color: var(--border) var(--background);
  }
  [data-moss-style="shadcn"] :is(h1, h2, h3, h4, h5, h6) {
    font-family: var(--moss-font-heading);
    letter-spacing: var(--moss-heading-tracking);
  }
  [data-moss-style="shadcn"] :is(.moss-eyebrow, .moss-stat__label, .moss-reading-strip dt, .moss-table th, .moss-table td[data-label]::before) {
    font-family: var(--moss-font-sans);
    letter-spacing: var(--moss-body-tracking);
    text-transform: none;
  }
  [data-moss-style="shadcn"] .moss-button {
    background: var(--primary);
    color: var(--primary-foreground);
    font-size: .875rem;
    font-weight: var(--moss-medium-weight);
    line-height: 1.25;
    letter-spacing: var(--moss-body-tracking);
    box-shadow: var(--moss-shadow-surface);
  }
  [data-moss-style="shadcn"] .moss-button:hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {
    background: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--primary) 92%, var(--primary-foreground));
    }
    transform: none;
  }
  [data-moss-style="shadcn"] .moss-button--secondary {
    background: var(--secondary);
    color: var(--secondary-foreground);
  }
  [data-moss-style="shadcn"] .moss-button--outline {
    border-color: var(--border);
    background: var(--background);
    color: var(--foreground);
  }
  [data-moss-style="shadcn"] .moss-button--quiet {
    background: transparent;
    color: var(--foreground);
    box-shadow: none;
  }
  [data-moss-style="shadcn"] :is(.moss-button--secondary, .moss-button--outline, .moss-button--quiet):hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {
    background: var(--accent);
    color: var(--accent-foreground);
  }
  [data-moss-style="shadcn"] .moss-button--destructive, [data-moss-style="shadcn"] .moss-menu .is-destructive {
    background: var(--destructive);
    color: var(--destructive-foreground);
  }
  [data-moss-style="shadcn"] .moss-button[aria-busy="true"] {
    opacity: 1;
    cursor: wait;
  }
  [data-moss-style="shadcn"] :is(.moss-field__control, .moss-select__control, .moss-token-field__control) {
    border-color: var(--input);
    border-radius: var(--moss-radius-sm);
    background: var(--background);
    color: var(--foreground);
    font-size: .875rem;
    letter-spacing: var(--moss-body-tracking);
    box-shadow: var(--moss-shadow-surface);
  }
  [data-moss-style="shadcn"] .moss-select {
    grid-template-columns: minmax(0, 1fr);
  }
  [data-moss-style="shadcn"] .moss-select__control {
    grid-area: 2 / 1;
  }
  [data-moss-style="shadcn"] .moss-select__indicator {
    position: static;
    grid-area: 2 / 1;
    align-self: center;
    justify-self: end;
    margin-right: var(--moss-space-3);
  }
  [data-moss-style="shadcn"] :is(input, textarea)::placeholder {
    color: var(--moss-text-faint);
    opacity: 1;
  }
  [data-moss-style="shadcn"] :is(.moss-field, .moss-select)[data-state="error"] :is(.moss-field__control, .moss-select__control), [data-moss-style="shadcn"] :is(.moss-field__control, .moss-select__control)[aria-invalid="true"] {
    border-color: var(--destructive);
  }
  [data-moss-style="shadcn"] :focus-visible {
    outline: var(--moss-focus-width) solid var(--ring);
    outline-offset: 2px;
    box-shadow: none;
  }
  [data-moss-style="shadcn"] ::selection {
    background: var(--primary);
    color: var(--primary-foreground);
  }
  @media (max-width: 44rem) {
    [data-moss-style="shadcn"] :is(.moss-button, .moss-field__control, .moss-select__control, .moss-menu :is(button, a), [role="tab"], .moss-segmented button, .moss-switch__label) {
      min-height: max(var(--moss-control-height), var(--moss-target-min));
    }
    [data-moss-style="shadcn"] .moss-button--icon {
      width: var(--moss-target-min);
      height: var(--moss-target-min);
    }
  }
  @media (forced-colors: active) {
    [data-moss-style="shadcn"] :focus-visible {
      outline-color: Highlight;
    }
    [data-moss-style="shadcn"] :is(.moss-button, .moss-switch, .moss-badge) {
      border-color: ButtonText;
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  @layer base {
    *, *::before, *::after {
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
      scroll-behavior: auto !important;
      transition-duration: .01ms !important;
    }
  }
}
[data-moss-motion="reduce"] *, [data-moss-motion="reduce"] *::before, [data-moss-motion="reduce"] *::after {
  animation-duration: .01ms !important;
  animation-iteration-count: 1 !important;
  scroll-behavior: auto !important;
  transition-duration: .01ms !important;
}
@media (forced-colors: active) {
  :focus-visible {
    outline: 2px solid Highlight;
    box-shadow: none;
  }
  :is(.moss-button, .moss-switch, .moss-badge, .moss-dialog) {
    border-color: ButtonText;
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-outline-style: solid;
    }
  }
}