/* us.css — GENERATED by packages/tokens/build.mjs from tokens.json. Do not edit; edit tokens.json.
   Contract us.tokens/v1. Paper is the default ground; night is an explicit act:
   <html data-theme="dark">. The OS preference never chooses a member-visible ground
   (standing decision 2026-07-31). Every colour below was measured by test/contrast.test.mjs. */
:root {
  color-scheme: light;
  --us-ground: #f2f2ef;
  --us-surface: #fcfcfa;
  --us-surface-2: #f6f6f3;
  --us-sunk: #ecece9;
  --us-line: #d9d9d4;
  --us-line-2: #c8c8c2;
  --us-ink: #0f0f0f;
  --us-ink-2: #68665f;
  --us-ink-3: #85827a;
  --us-accent: #2e2d2a;
  --us-accent-2: #1c1b19;
  --us-accent-ink: #3a3934;
  --us-accent-wash: #ededea;
  --us-accent-line: #d6d6d1;
  --us-on-accent: #fcfcfa;
  --us-on-ink: #fcfcfa;
  --us-ok: #2f5f48;
  --us-ok-wash: #edf2ee;
  --us-warn: #9a4a07;
  --us-warn-wash: #fdf3e3;
  --us-bad: #b91c1c;
  --us-bad-wash: #f6ecea;
  --us-focus: rgba(15,15,15,.55);
  --us-tint: rgba(15,15,15,.045);
  --us-tint-2: rgba(15,15,15,.08);
  --us-glass: rgba(255,255,255,.6);
  --us-glass-line: rgba(13,13,13,.08);
  --us-veil: rgba(242,242,239,.92);
  --us-shadow-1: 0 1px 2px -1px rgba(15,15,15,.07), 0 2px 16px rgba(15,15,15,.035);
  --us-shadow-2: 0 1px 3px -1px rgba(15,15,15,.08), 0 4px 10px -3px rgba(15,15,15,.06), 0 10px 24px -6px rgba(15,15,15,.05), 0 22px 50px -10px rgba(15,15,15,.045), 0 44px 100px -16px rgba(15,15,15,.04);
  --us-shadow-3: 0 2px 5px -1.5px rgba(15,15,15,.10), 0 6px 14px -2.5px rgba(15,15,15,.08), 0 14px 33px -4px rgba(15,15,15,.06), 0 30px 72px -6px rgba(15,15,15,.045), 0 64px 150px -10px rgba(15,15,15,.035);
  --us-sig-invert: invert(1);
  --us-glass-hl: inset 0 1px 0 rgba(255,255,255,.7), inset 0 0 0 .5px rgba(255,255,255,.35);
  --us-glass-dark: rgba(13,13,13,.58);
  --us-on-glass-dark: #ffffff;
  --us-scrim: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.79) 8.1%, rgba(0,0,0,0.761) 15.5%, rgba(0,0,0,0.717) 22.5%, rgba(0,0,0,0.66) 29%, rgba(0,0,0,0.593) 35.3%, rgba(0,0,0,0.518) 41.2%, rgba(0,0,0,0.44) 47.1%, rgba(0,0,0,0.36) 52.9%, rgba(0,0,0,0.282) 58.8%, rgba(0,0,0,0.207) 64.7%, rgba(0,0,0,0.14) 71%, rgba(0,0,0,0.083) 77.5%, rgba(0,0,0,0.039) 84.5%, rgba(0,0,0,0.01) 91.9%, rgba(0,0,0,0.0) 100%);
  --us-shadow-ring: inset 0 0 0 1px rgba(15,15,15,.08), inset 0 0 0 1.5px rgba(255,255,255,.5);
  --us-r-xs: 8px;
  --us-r-sm: 12px;
  --us-r-md: 16px;
  --us-r-lg: 22px;
  --us-r-xl: 28px;
  --us-r-pill: 999px;
  --us-h-xs: 32px;
  --us-h-sm: 40px;
  --us-h-md: 46px;
  --us-h-lg: 54px;
  --us-sp-1: 4px;
  --us-sp-2: 8px;
  --us-sp-3: 12px;
  --us-sp-4: 16px;
  --us-sp-5: 20px;
  --us-sp-6: 24px;
  --us-sp-7: 32px;
  --us-sp-8: 40px;
  --us-sp-9: 56px;
  --us-spine: 18px minmax(0,1fr) 74px 58px 28px auto;
  --us-gut: 20px;
  --us-measure: 58ch;
  --us-focus-width: 560px;
  --us-stage: 760px;
  --us-sat: env(safe-area-inset-top,0px);
  --us-sar: env(safe-area-inset-right,0px);
  --us-sab: env(safe-area-inset-bottom,0px);
  --us-sal: env(safe-area-inset-left,0px);
  --us-glass-blur-thin: 12px;
  --us-glass-blur-thick: 28px;
  --us-glass-sat: 1.6;
  --us-veil-blur: 6px;
  --us-frost-blur: 40px;
  --us-index-w: 240px;
  --us-rail-w: 280px;
  --us-gutter: 8px;
  --us-split: 24px;
  --us-row-h: 35px;
  --us-r-app: 24%;
  --us-sqmask: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%3E%3Cpath%20d=%27M100%2050%20L99.90%2069.75%20L99.61%2076.01%20L99.13%2080.49%20L98.44%2084.05%20L97.55%2087.01%20L96.44%2089.52%20L95.11%2091.68%20L93.53%2093.53%20L91.68%2095.11%20L89.52%2096.44%20L87.01%2097.55%20L84.05%2098.44%20L80.49%2099.13%20L76.01%2099.61%20L69.75%2099.90%20L50%20100%20L30.25%2099.90%20L23.99%2099.61%20L19.51%2099.13%20L15.95%2098.44%20L12.99%2097.55%20L10.48%2096.44%20L8.32%2095.11%20L6.47%2093.53%20L4.89%2091.68%20L3.56%2089.52%20L2.45%2087.01%20L1.56%2084.05%20L0.87%2080.49%20L0.39%2076.01%20L0.10%2069.75%20L0%2050%20L0.10%2030.25%20L0.39%2023.99%20L0.87%2019.51%20L1.56%2015.95%20L2.45%2012.99%20L3.56%2010.48%20L4.89%208.32%20L6.47%206.47%20L8.32%204.89%20L10.48%203.56%20L12.99%202.45%20L15.95%201.56%20L19.51%200.87%20L23.99%200.39%20L30.25%200.10%20L50%200%20L69.75%200.10%20L76.01%200.39%20L80.49%200.87%20L84.05%201.56%20L87.01%202.45%20L89.52%203.56%20L91.68%204.89%20L93.53%206.47%20L95.11%208.32%20L96.44%2010.48%20L97.55%2012.99%20L98.44%2015.95%20L99.13%2019.51%20L99.61%2023.99%20L99.90%2030.25Z%27/%3E%3C/svg%3E");
  --us-sans: 'Open Runde', -apple-system, BlinkMacSystemFont, 'SF Pro Rounded', 'SF Pro Text', Inter, system-ui, sans-serif;
  --us-serif: 'Young Serif', 'Instrument Serif', 'Iowan Old Style', Georgia, serif;
  --us-mono: 'SF Mono', ui-monospace, Menlo, Consolas, monospace;
  --us-sans-system: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', system-ui, sans-serif;
  --us-t-label: 12px;
  --us-t-small: 13px;
  --us-t-body: 15px;
  --us-t-lead: 17px;
  --us-t-title: 22px;
  --us-d-sm: 28px;
  --us-d-md: 36px;
  --us-d-lg: 48px;
  --us-d-xl: 64px;
  --us-t-display: 28px;
  --us-t-hero: 36px;
  --us-w-regular: 400;
  --us-w-medium: 500;
  --us-w-semibold: 600;
  --us-tracking: -0.1px;
  --us-tr-display: -.02em;
  --us-tr-kicker: .14em;
  --us-eo: cubic-bezier(.23,1,.32,1);
  --us-eio: cubic-bezier(.77,0,.175,1);
  --us-spring: cubic-bezier(.34,1.4,.5,1);
  --us-press: 120ms;
  --us-micro: 160ms;
  --us-dur: 180ms;
  --us-meso: 280ms;
  --us-rise: 280ms;
  --us-slow: 420ms;
  --us-macro: 600ms;
  --us-pulse: 1600ms;
  --us-tick: 1200ms;
  --us-turn: 800ms;
  --us-blink: 1000ms;
  --us-step: 20ms;
  --us-keystroke: 38ms;
  --us-ambient: 2400ms;
  --us-metal-hi: #fdfdfe;
  --us-metal-mid: #dfdfe6;
  --us-metal-lo: #c9c9d2;
  --us-metal-rim: #efeff3;
  --us-on-metal: #0a0a0b;
  --us-shadow-metal: inset 0 1px 0 0 rgba(255,255,255,.95), inset 0 -1px 0 0 rgba(0,0,0,.14), 0 0 0 1px rgba(0,0,0,.22), 0 1px 2px 0 rgba(0,0,0,.28);
  --us-desk: #efefed;
  --us-frost: rgba(248,248,246,.55);
  --us-face-1: #d6d6db;
  --us-face-2: #c6c6cc;
  --us-face-3: #e4e4e8;
  --us-face-4: #b9b9c0;
  --us-shadow-raise: 0 1px 3px 0 rgba(0,0,0,.08), 0 0 1px 0 rgba(0,0,0,.06);
  --us-shadow-window: 1px 1px 8px 0 rgba(18,18,23,.08);
  --us-shadow-float: 0 8px 30px 0 rgba(0,0,0,.1), 0 0 1px 0 rgba(0,0,0,.06);
  --us-shadow-cut: 0 0 0 2px var(--us-ground);
  --us-wall-lo: .55;
  --us-wall-hi: .65;
  --us-ink-say: #606068;
  --us-ring: 0 0 0 2px var(--us-surface), 0 0 0 4px var(--us-focus);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --us-ground: #141416;
  --us-surface: #1c1c1f;
  --us-surface-2: #232326;
  --us-sunk: #101012;
  --us-line: rgba(255,255,255,.10);
  --us-line-2: rgba(255,255,255,.16);
  --us-ink: #f4f4f1;
  --us-ink-2: rgba(244,244,241,.72);
  --us-ink-3: rgba(244,244,241,.55);
  --us-accent: #e7e5df;
  --us-accent-2: #ffffff;
  --us-accent-ink: #d4d1ca;
  --us-accent-wash: rgba(244,244,241,.08);
  --us-accent-line: rgba(244,244,241,.22);
  --us-on-accent: #141416;
  --us-on-ink: #141416;
  --us-ok: #7ad68c;
  --us-ok-wash: rgba(122,214,140,.12);
  --us-warn: #f0c26a;
  --us-warn-wash: rgba(240,194,106,.12);
  --us-bad: #ff8a7e;
  --us-bad-wash: rgba(255,138,126,.12);
  --us-focus: rgba(244,244,241,.6);
  --us-tint: rgba(255,255,255,.06);
  --us-tint-2: rgba(255,255,255,.10);
  --us-glass: rgba(28,28,33,.66);
  --us-glass-line: rgba(255,255,255,.09);
  --us-veil: rgba(20,20,22,.92);
  --us-shadow-1: 0 1px 2px -1px rgba(0,0,0,.5), 0 2px 16px rgba(0,0,0,.28);
  --us-shadow-2: 0 1px 3px -1px rgba(0,0,0,.5), 0 4px 10px -3px rgba(0,0,0,.42), 0 10px 24px -6px rgba(0,0,0,.36), 0 22px 50px -10px rgba(0,0,0,.32), 0 44px 100px -16px rgba(0,0,0,.3);
  --us-shadow-3: 0 2px 5px -1.5px rgba(0,0,0,.55), 0 6px 14px -2.5px rgba(0,0,0,.46), 0 14px 33px -4px rgba(0,0,0,.4), 0 30px 72px -6px rgba(0,0,0,.36), 0 64px 150px -10px rgba(0,0,0,.34);
  --us-sig-invert: none;
  --us-glass-hl: inset 0 1px 0 rgba(255,255,255,.14), inset 0 0 0 .5px rgba(255,255,255,.08);
  --us-glass-dark: rgba(8,8,10,.66);
  --us-on-glass-dark: #ffffff;
  --us-scrim: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.79) 8.1%, rgba(0,0,0,0.761) 15.5%, rgba(0,0,0,0.717) 22.5%, rgba(0,0,0,0.66) 29%, rgba(0,0,0,0.593) 35.3%, rgba(0,0,0,0.518) 41.2%, rgba(0,0,0,0.44) 47.1%, rgba(0,0,0,0.36) 52.9%, rgba(0,0,0,0.282) 58.8%, rgba(0,0,0,0.207) 64.7%, rgba(0,0,0,0.14) 71%, rgba(0,0,0,0.083) 77.5%, rgba(0,0,0,0.039) 84.5%, rgba(0,0,0,0.01) 91.9%, rgba(0,0,0,0.0) 100%);
  --us-shadow-ring: inset 0 0 0 1px rgba(255,255,255,.08), inset 0 1px 0 rgba(255,255,255,.06);
  --us-desk: #0a0a0b;
  --us-frost: rgba(10,10,11,.58);
  --us-face-1: #3a3a40;
  --us-face-2: #4b4b52;
  --us-face-3: #2c2c31;
  --us-face-4: #5a5a62;
  --us-shadow-raise: inset 0 1px 0 0 rgba(255,255,255,.06), 0 0 0 1px rgba(255,255,255,.05), 0 1px 2px 0 rgba(0,0,0,.5);
  --us-shadow-window: 0 0 0 1px rgba(255,255,255,.06), 0 12px 40px -12px rgba(0,0,0,.7);
  --us-shadow-float: 0 0 0 1px rgba(255,255,255,.08), 0 16px 48px 0 rgba(0,0,0,.55);
  --us-shadow-cut: 0 0 0 2px var(--us-ground);
  --us-wall-lo: .06;
  --us-wall-hi: .2;
  --us-ink-say: #96969f;
}
/* The US Shell's sets (tokens.json "sets"): night is the shell's ground, day the viewer's pick. A class, so a
   Shell carries its set wherever it is mounted and every US piece inside it re-points. */
.us-set-night {
  color-scheme: dark;
  --us-ground: #141416;
  --us-surface: #1e1e21;
  --us-surface-2: #232326;
  --us-sunk: #101012;
  --us-line: rgba(255,255,255,.10);
  --us-line-2: rgba(255,255,255,.16);
  --us-ink: #f4f4f5;
  --us-ink-2: #b8b8bf;
  --us-ink-3: #96969f;
  --us-accent: #e7e5df;
  --us-accent-2: #ffffff;
  --us-accent-ink: #d4d1ca;
  --us-accent-wash: rgba(244,244,241,.08);
  --us-accent-line: rgba(244,244,241,.22);
  --us-on-accent: #141416;
  --us-on-ink: #141416;
  --us-ok: #7ad68c;
  --us-ok-wash: rgba(122,214,140,.12);
  --us-warn: #f0c26a;
  --us-warn-wash: rgba(240,194,106,.12);
  --us-bad: #ff8a7e;
  --us-bad-wash: rgba(255,138,126,.12);
  --us-focus: #f4f4f5;
  --us-tint: rgba(255,255,255,.06);
  --us-tint-2: rgba(255,255,255,.10);
  --us-glass: rgba(28,28,33,.66);
  --us-glass-line: rgba(255,255,255,.09);
  --us-veil: rgba(6,6,7,.5);
  --us-shadow-1: 0 1px 2px -1px rgba(0,0,0,.5), 0 2px 16px rgba(0,0,0,.28);
  --us-shadow-2: 0 1px 3px -1px rgba(0,0,0,.5), 0 4px 10px -3px rgba(0,0,0,.42), 0 10px 24px -6px rgba(0,0,0,.36), 0 22px 50px -10px rgba(0,0,0,.32), 0 44px 100px -16px rgba(0,0,0,.3);
  --us-shadow-3: 0 2px 5px -1.5px rgba(0,0,0,.55), 0 6px 14px -2.5px rgba(0,0,0,.46), 0 14px 33px -4px rgba(0,0,0,.4), 0 30px 72px -6px rgba(0,0,0,.36), 0 64px 150px -10px rgba(0,0,0,.34);
  --us-sig-invert: none;
  --us-glass-hl: inset 0 1px 0 rgba(255,255,255,.14), inset 0 0 0 .5px rgba(255,255,255,.08);
  --us-glass-dark: rgba(8,8,10,.66);
  --us-on-glass-dark: #ffffff;
  --us-scrim: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.79) 8.1%, rgba(0,0,0,0.761) 15.5%, rgba(0,0,0,0.717) 22.5%, rgba(0,0,0,0.66) 29%, rgba(0,0,0,0.593) 35.3%, rgba(0,0,0,0.518) 41.2%, rgba(0,0,0,0.44) 47.1%, rgba(0,0,0,0.36) 52.9%, rgba(0,0,0,0.282) 58.8%, rgba(0,0,0,0.207) 64.7%, rgba(0,0,0,0.14) 71%, rgba(0,0,0,0.083) 77.5%, rgba(0,0,0,0.039) 84.5%, rgba(0,0,0,0.01) 91.9%, rgba(0,0,0,0.0) 100%);
  --us-shadow-ring: inset 0 0 0 1px rgba(255,255,255,.08), inset 0 1px 0 rgba(255,255,255,.06);
  --us-desk: #0a0a0b;
  --us-frost: rgba(10,10,11,.58);
  --us-face-1: #3a3a40;
  --us-face-2: #4b4b52;
  --us-face-3: #2c2c31;
  --us-face-4: #5a5a62;
  --us-shadow-raise: inset 0 1px 0 0 rgba(255,255,255,.06), 0 0 0 1px rgba(255,255,255,.05), 0 1px 2px 0 rgba(0,0,0,.5);
  --us-shadow-window: 0 0 0 1px rgba(255,255,255,.06), 0 12px 40px -12px rgba(0,0,0,.7);
  --us-shadow-float: 0 0 0 1px rgba(255,255,255,.08), 0 16px 48px 0 rgba(0,0,0,.55);
  --us-shadow-cut: 0 0 0 2px var(--us-ground);
  --us-wall-lo: .06;
  --us-wall-hi: .2;
  --us-ink-say: #96969f;
  --us-ring: 0 0 0 2px var(--us-surface), 0 0 0 4px var(--us-focus);
}
.us-set-day {
  color-scheme: light;
  --us-ground: #fafaf9;
  --us-surface: #ffffff;
  --us-surface-2: #f6f6f3;
  --us-sunk: #ecece9;
  --us-line: #d9d9d4;
  --us-line-2: #c8c8c2;
  --us-ink: #111114;
  --us-ink-2: #45454c;
  --us-ink-3: #606068;
  --us-accent: #2e2d2a;
  --us-accent-2: #1c1b19;
  --us-accent-ink: #3a3934;
  --us-accent-wash: #ededea;
  --us-accent-line: #d6d6d1;
  --us-on-accent: #fcfcfa;
  --us-on-ink: #fcfcfa;
  --us-ok: #2f5f48;
  --us-ok-wash: #edf2ee;
  --us-warn: #9a4a07;
  --us-warn-wash: #fdf3e3;
  --us-bad: #b91c1c;
  --us-bad-wash: #f6ecea;
  --us-focus: #111114;
  --us-tint: rgba(0,0,0,.05);
  --us-tint-2: rgba(15,15,15,.08);
  --us-glass: rgba(255,255,255,.6);
  --us-glass-line: rgba(13,13,13,.08);
  --us-veil: rgba(242,242,240,.55);
  --us-shadow-1: 0 1px 2px -1px rgba(15,15,15,.07), 0 2px 16px rgba(15,15,15,.035);
  --us-shadow-2: 0 1px 3px -1px rgba(15,15,15,.08), 0 4px 10px -3px rgba(15,15,15,.06), 0 10px 24px -6px rgba(15,15,15,.05), 0 22px 50px -10px rgba(15,15,15,.045), 0 44px 100px -16px rgba(15,15,15,.04);
  --us-shadow-3: 0 2px 5px -1.5px rgba(15,15,15,.10), 0 6px 14px -2.5px rgba(15,15,15,.08), 0 14px 33px -4px rgba(15,15,15,.06), 0 30px 72px -6px rgba(15,15,15,.045), 0 64px 150px -10px rgba(15,15,15,.035);
  --us-sig-invert: invert(1);
  --us-glass-hl: inset 0 1px 0 rgba(255,255,255,.7), inset 0 0 0 .5px rgba(255,255,255,.35);
  --us-glass-dark: rgba(13,13,13,.58);
  --us-on-glass-dark: #ffffff;
  --us-scrim: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.79) 8.1%, rgba(0,0,0,0.761) 15.5%, rgba(0,0,0,0.717) 22.5%, rgba(0,0,0,0.66) 29%, rgba(0,0,0,0.593) 35.3%, rgba(0,0,0,0.518) 41.2%, rgba(0,0,0,0.44) 47.1%, rgba(0,0,0,0.36) 52.9%, rgba(0,0,0,0.282) 58.8%, rgba(0,0,0,0.207) 64.7%, rgba(0,0,0,0.14) 71%, rgba(0,0,0,0.083) 77.5%, rgba(0,0,0,0.039) 84.5%, rgba(0,0,0,0.01) 91.9%, rgba(0,0,0,0.0) 100%);
  --us-shadow-ring: inset 0 0 0 1px rgba(15,15,15,.08), inset 0 0 0 1.5px rgba(255,255,255,.5);
  --us-desk: #efefed;
  --us-frost: rgba(248,248,246,.55);
  --us-face-1: #d6d6db;
  --us-face-2: #c6c6cc;
  --us-face-3: #e4e4e8;
  --us-face-4: #b9b9c0;
  --us-shadow-raise: 0 1px 3px 0 rgba(0,0,0,.08), 0 0 1px 0 rgba(0,0,0,.06);
  --us-shadow-window: 1px 1px 8px 0 rgba(18,18,23,.08);
  --us-shadow-float: 0 8px 30px 0 rgba(0,0,0,.1), 0 0 1px 0 rgba(0,0,0,.06);
  --us-shadow-cut: 0 0 0 2px var(--us-ground);
  --us-wall-lo: .55;
  --us-wall-hi: .65;
  --us-ink-say: #606068;
  --us-ring: 0 0 0 2px var(--us-surface), 0 0 0 4px var(--us-focus);
}
@media (prefers-reduced-motion: reduce) {
  :root {
  --us-press: 1ms;
  --us-micro: 1ms;
  --us-dur: 1ms;
  --us-meso: 1ms;
  --us-rise: 1ms;
  --us-slow: 1ms;
  --us-macro: 1ms;
  --us-pulse: 1ms;
  --us-tick: 1ms;
  --us-turn: 1ms;
  --us-blink: 1ms;
  --us-step: 1ms;
  --us-keystroke: 1ms;
  --us-ambient: 1ms;
  }
}
:root[data-motion="off"] {
  --us-press: 1ms;
  --us-micro: 1ms;
  --us-dur: 1ms;
  --us-meso: 1ms;
  --us-rise: 1ms;
  --us-slow: 1ms;
  --us-macro: 1ms;
  --us-pulse: 1ms;
  --us-tick: 1ms;
  --us-turn: 1ms;
  --us-blink: 1ms;
  --us-step: 1ms;
  --us-keystroke: 1ms;
  --us-ambient: 1ms;
}
@media print {
  :root {
  color-scheme: light;
  --us-ground: #f2f2ef;
  --us-surface: #fcfcfa;
  --us-surface-2: #f6f6f3;
  --us-sunk: #ecece9;
  --us-line: #d9d9d4;
  --us-line-2: #c8c8c2;
  --us-ink: #0f0f0f;
  --us-ink-2: #68665f;
  --us-ink-3: #85827a;
  --us-accent: #2e2d2a;
  --us-accent-2: #1c1b19;
  --us-accent-ink: #3a3934;
  --us-accent-wash: #ededea;
  --us-accent-line: #d6d6d1;
  --us-on-accent: #fcfcfa;
  --us-on-ink: #fcfcfa;
  --us-ok: #2f5f48;
  --us-ok-wash: #edf2ee;
  --us-warn: #9a4a07;
  --us-warn-wash: #fdf3e3;
  --us-bad: #b91c1c;
  --us-bad-wash: #f6ecea;
  --us-focus: rgba(15,15,15,.55);
  --us-tint: rgba(15,15,15,.045);
  --us-tint-2: rgba(15,15,15,.08);
  --us-glass: rgba(255,255,255,.6);
  --us-glass-line: rgba(13,13,13,.08);
  --us-veil: rgba(242,242,239,.92);
  --us-shadow-1: 0 1px 2px -1px rgba(15,15,15,.07), 0 2px 16px rgba(15,15,15,.035);
  --us-shadow-2: 0 1px 3px -1px rgba(15,15,15,.08), 0 4px 10px -3px rgba(15,15,15,.06), 0 10px 24px -6px rgba(15,15,15,.05), 0 22px 50px -10px rgba(15,15,15,.045), 0 44px 100px -16px rgba(15,15,15,.04);
  --us-shadow-3: 0 2px 5px -1.5px rgba(15,15,15,.10), 0 6px 14px -2.5px rgba(15,15,15,.08), 0 14px 33px -4px rgba(15,15,15,.06), 0 30px 72px -6px rgba(15,15,15,.045), 0 64px 150px -10px rgba(15,15,15,.035);
  --us-sig-invert: invert(1);
  --us-glass-hl: inset 0 1px 0 rgba(255,255,255,.7), inset 0 0 0 .5px rgba(255,255,255,.35);
  --us-glass-dark: rgba(13,13,13,.58);
  --us-on-glass-dark: #ffffff;
  --us-scrim: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.79) 8.1%, rgba(0,0,0,0.761) 15.5%, rgba(0,0,0,0.717) 22.5%, rgba(0,0,0,0.66) 29%, rgba(0,0,0,0.593) 35.3%, rgba(0,0,0,0.518) 41.2%, rgba(0,0,0,0.44) 47.1%, rgba(0,0,0,0.36) 52.9%, rgba(0,0,0,0.282) 58.8%, rgba(0,0,0,0.207) 64.7%, rgba(0,0,0,0.14) 71%, rgba(0,0,0,0.083) 77.5%, rgba(0,0,0,0.039) 84.5%, rgba(0,0,0,0.01) 91.9%, rgba(0,0,0,0.0) 100%);
  --us-shadow-ring: inset 0 0 0 1px rgba(15,15,15,.08), inset 0 0 0 1.5px rgba(255,255,255,.5);
  }
}