/* The uhoh lens, from a Kaleidoscope release: set <html data-lens="uhoh">. Generated; do not edit. */
/* ── uhoh: uhoh, the live trace on uhoh.hereandmore.com (2026-10-29) ─────────────────────────────────── */
@font-face { font-family: "Inter Variable"; font-style: normal; font-display: swap; font-weight: 100 900; src: url("fonts/inter-latin-wght.woff2") format("woff2"); 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; }
@font-face { font-family: "Inter Variable"; font-style: normal; font-display: swap; font-weight: 100 900; src: url("fonts/inter-latin-ext-wght.woff2") format("woff2"); 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; }
:root[data-lens="uhoh"],
:root[data-lens="uhoh"] .ink,
[data-lens="uhoh"][data-lens="uhoh"]:not(:root),
[data-lens="uhoh"][data-lens="uhoh"]:not(:root).ink,
[data-lens="uhoh"][data-lens="uhoh"]:not(:root) .ink,
:root[data-lens="uhoh"].day,
:root[data-lens="uhoh"][data-theme="light"]:not(.ink),
:root[data-lens="uhoh"] .day,
[data-lens="uhoh"][data-lens="uhoh"]:not(:root).day,
[data-lens="uhoh"][data-lens="uhoh"]:not(:root)[data-theme="light"]:not(.ink),
[data-lens="uhoh"][data-lens="uhoh"]:not(:root) .day {
  color-scheme: light;
  --f-ui: "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-voice: "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-wide: "Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif;
  --f-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;
  --s8: 64px;
  --s9: 96px;
  --t-xs: 12px;
  --t-s: 14px;
  --t-m: 16px;
  --t-l: 20px;
  --t-d1: 28px;
  --t-d2: 36px;
  --t-d3: 48px;
  --t-d4: 64px;
  --lh-xs: 16px;
  --lh-s: 20px;
  --lh-m: 24px;
  --lh-l: 28px;
  --lh-d1: 32px;
  --lh-d2: 40px;
  --lh-d3: 52px;
  --lh-d4: 64px;
  --r0: 8px;
  --r1: 12px;
  --r2: 16px;
  --r3: 24px;
  --r-pill: 999px;
  --h-xs: 24px;
  --h-s: 32px;
  --h-m: 40px;
  --h-l: 48px;
  --reach: 44px;
  --ease: cubic-bezier(.3, .7, .2, 1);
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-light: cubic-bezier(.45, .05, .35, 1);
  --spring: cubic-bezier(.34, 1.36, .64, 1);
  --d-press: 120ms;
  --d-micro: 160ms;
  --d-dur: 180ms;
  --d-rise: 280ms;
  --d-glide: 340ms;
  --d-slow: 420ms;
  --d-macro: 600ms;
  --d-land: 220ms;
  --d-fade: 1400ms;
  --d-turn: 6s;
  --d-step: 20ms;
  --ground: #3ee87f;
  --surface: #ffffff;
  --raised: #ffffff;
  --sunk: #d8f2e0;
  --line: #d4ecdb;
  --line-2: #b0d6bc;
  --line-3: #a3b3a7;
  --tint: rgba(14, 18, 15, .04);
  --tint-2: rgba(14, 18, 15, .07);
  --tint-3: rgba(14, 18, 15, .10);
  --ink: #0e120f;
  --ink-2: #26302a;
  --ink-3: #3a473e;
  --ink-4: #7f8f83;
  --on-ink: #ffffff;
  --light: #084f26;
  --core: #0b6b33;
  --glass: #1a4a86;
  --gap: #6b2e63;
  --ok: #0a5229;
  --warn: #5f4400;
  --bad: #8c1a1a;
  --ok-soft: rgba(10, 82, 41, .09);
  --warn-soft: rgba(95, 68, 0, .09);
  --bad-soft: rgba(140, 26, 26, .08);
  --gap-soft: rgba(107, 46, 99, .08);
  --glass-soft: rgba(26, 74, 134, .08);
  --c1: #13823f;
  --c2: #2f6fe6;
  --c3: #c2457f;
  --c4: #6a55d0;
  --c5: #a8650f;
  --c-other: #a3b3a7;
  --prism-stops: rgba(14,18,15,.12), rgba(14,18,15,.85), rgba(11,107,51,.9), rgba(14,18,15,.85), rgba(14,18,15,.12);
  --prism-line: linear-gradient(90deg, rgba(14,18,15,0), rgba(14,18,15,.85) 30%, rgba(11,107,51,.85) 70%, rgba(11,107,51,0));
  --prism-fall: linear-gradient(180deg, #0e120f, rgba(14,18,15,.4));
  --beam: rgba(14, 18, 15, .18);
  --bloom: 0 0 #0000;
  --glow: 0 0 24px -10px rgba(14,18,15,.25);
  --core-glow: none;
  --frost: blur(16px) saturate(110%);
  --pane: linear-gradient(180deg, #ffffff, #ffffff);
  --pane-solid: linear-gradient(180deg, #ffffff, #ffffff);
  --pane-edge: inset 0 0 0 1px rgba(14,18,15,.06);
  --ring: inset 0 0 0 var(--edge-w) var(--line);
  --ring-2: inset 0 0 0 var(--edge-w) var(--line-2);
  --shadow: 0 1px 2px rgba(14,18,15,.06), 0 18px 36px -26px rgba(14,18,15,.35);
  --shadow-pop: 0 0 0 1px rgba(14,18,15,.08), 0 16px 40px -14px rgba(14,18,15,.28);
  --scrim: rgba(255, 255, 255, .74);
  --cta: linear-gradient(180deg, #0e120f, #0e120f);
  --cta-ink: #ffffff;
  --cta-shadow: 0 1px 1px rgba(14,18,15,.18);
  --focus: 0 0 0 2px var(--ground), 0 0 0 3.5px #0e120f;
  --pick: #0e120f;
  --on-pick: #ffffff;
  --ground-art: none;
  --voice-stroke: 0 transparent;
  --voice-lift: none;
  --press: scale(.98);
  --cta-press: var(--cta-shadow);
  --edge-w: 1px;
  --arrive: translateY(8px);
  --arrive-pop: scale(.94);
  --tilt: 0deg;
  --bar: var(--pane);
  --bar-edge: var(--pane-edge);
  --bar-frost: var(--frost);
  --bar-tracking: normal;
  --cta-tracking: initial;
  --lens-exact: 0;
  --glass-wash: transparent;
  --glass-dark: none;
  --glass-right-drop: none;
  --glass-left-drop: none;
  --seg-first-three: var(--seg-first);
  --facts-min-height: 0px;
  --f-meta: var(--f-ui);
  --glass-layer-display: none;
  --glass-light-filter: none;
  --glass-right-fill: none;
  --glass-left-fill: none;
  --seg-ink: var(--ink);
  --pearl-frame: 0;
  --pearl-rim-shadow: none;
  --pearl-ring: var(--cta);
  --pearl-edge: var(--line);
  --pearl-label: linear-gradient(var(--cta-ink), var(--cta-ink));
  --pearl-label-shadow: none;
  --glass-base: var(--pane);
  --glass-edge: var(--pane-edge);
  --glass-drop: var(--shadow);
  --glass-light: none;
  --glass-right: var(--pane-edge);
  --glass-left: var(--pane-edge);
  --glass-top: none;
  --seg-inset: 2px;
  --seg-gap: 2px;
  --seg-height: initial;
  --seg-weight: 500;
  --seg-disabled: .4;
  --seg-first: auto;
  --seg-chosen: var(--pane), var(--surface);
  --seg-track: var(--pane);
  --seg-edge: var(--pane-edge), var(--shadow);
  --facts-pad: var(--s4);
  --facts-gap: var(--s3);
  --facts-columns: 1fr 1fr;
  --facts-label-size: var(--t-xs);
  --facts-label-line: var(--lh-xs);
  --facts-surface: var(--pane), var(--surface);
  --facts-edge: var(--pane-edge), var(--shadow);
  --facts-frost: var(--frost);
  --sheet-handle: var(--line-2);
  --sheet-detail: var(--pane-solid);
  --sheet-frost: var(--frost);
  --scrim-frost: none;
  --head-title-ink: var(--ink);
  --focus-ring: #0e120f;
  --panel-bg: rgba(255, 255, 255, .92);
  --panel-bg-solid: #ffffff;
  --stage-light: rgba(62, 232, 127, .12);
  --s-scene: none;
  --stage: radial-gradient(120% 90% at 50% -20%, rgba(62, 232, 127, .12), transparent 60%), var(--sunk);
}
@media (prefers-color-scheme: light) { :root[data-lens="uhoh"]:not(.ink):not([data-theme="dark"]) {
  color-scheme: light;
  --f-ui: "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-voice: "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-wide: "Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif;
  --f-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;
  --s8: 64px;
  --s9: 96px;
  --t-xs: 12px;
  --t-s: 14px;
  --t-m: 16px;
  --t-l: 20px;
  --t-d1: 28px;
  --t-d2: 36px;
  --t-d3: 48px;
  --t-d4: 64px;
  --lh-xs: 16px;
  --lh-s: 20px;
  --lh-m: 24px;
  --lh-l: 28px;
  --lh-d1: 32px;
  --lh-d2: 40px;
  --lh-d3: 52px;
  --lh-d4: 64px;
  --r0: 8px;
  --r1: 12px;
  --r2: 16px;
  --r3: 24px;
  --r-pill: 999px;
  --h-xs: 24px;
  --h-s: 32px;
  --h-m: 40px;
  --h-l: 48px;
  --reach: 44px;
  --ease: cubic-bezier(.3, .7, .2, 1);
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-light: cubic-bezier(.45, .05, .35, 1);
  --spring: cubic-bezier(.34, 1.36, .64, 1);
  --d-press: 120ms;
  --d-micro: 160ms;
  --d-dur: 180ms;
  --d-rise: 280ms;
  --d-glide: 340ms;
  --d-slow: 420ms;
  --d-macro: 600ms;
  --d-land: 220ms;
  --d-fade: 1400ms;
  --d-turn: 6s;
  --d-step: 20ms;
  --ground: #3ee87f;
  --surface: #ffffff;
  --raised: #ffffff;
  --sunk: #d8f2e0;
  --line: #d4ecdb;
  --line-2: #b0d6bc;
  --line-3: #a3b3a7;
  --tint: rgba(14, 18, 15, .04);
  --tint-2: rgba(14, 18, 15, .07);
  --tint-3: rgba(14, 18, 15, .10);
  --ink: #0e120f;
  --ink-2: #26302a;
  --ink-3: #3a473e;
  --ink-4: #7f8f83;
  --on-ink: #ffffff;
  --light: #084f26;
  --core: #0b6b33;
  --glass: #1a4a86;
  --gap: #6b2e63;
  --ok: #0a5229;
  --warn: #5f4400;
  --bad: #8c1a1a;
  --ok-soft: rgba(10, 82, 41, .09);
  --warn-soft: rgba(95, 68, 0, .09);
  --bad-soft: rgba(140, 26, 26, .08);
  --gap-soft: rgba(107, 46, 99, .08);
  --glass-soft: rgba(26, 74, 134, .08);
  --c1: #13823f;
  --c2: #2f6fe6;
  --c3: #c2457f;
  --c4: #6a55d0;
  --c5: #a8650f;
  --c-other: #a3b3a7;
  --prism-stops: rgba(14,18,15,.12), rgba(14,18,15,.85), rgba(11,107,51,.9), rgba(14,18,15,.85), rgba(14,18,15,.12);
  --prism-line: linear-gradient(90deg, rgba(14,18,15,0), rgba(14,18,15,.85) 30%, rgba(11,107,51,.85) 70%, rgba(11,107,51,0));
  --prism-fall: linear-gradient(180deg, #0e120f, rgba(14,18,15,.4));
  --beam: rgba(14, 18, 15, .18);
  --bloom: 0 0 #0000;
  --glow: 0 0 24px -10px rgba(14,18,15,.25);
  --core-glow: none;
  --frost: blur(16px) saturate(110%);
  --pane: linear-gradient(180deg, #ffffff, #ffffff);
  --pane-solid: linear-gradient(180deg, #ffffff, #ffffff);
  --pane-edge: inset 0 0 0 1px rgba(14,18,15,.06);
  --ring: inset 0 0 0 var(--edge-w) var(--line);
  --ring-2: inset 0 0 0 var(--edge-w) var(--line-2);
  --shadow: 0 1px 2px rgba(14,18,15,.06), 0 18px 36px -26px rgba(14,18,15,.35);
  --shadow-pop: 0 0 0 1px rgba(14,18,15,.08), 0 16px 40px -14px rgba(14,18,15,.28);
  --scrim: rgba(255, 255, 255, .74);
  --cta: linear-gradient(180deg, #0e120f, #0e120f);
  --cta-ink: #ffffff;
  --cta-shadow: 0 1px 1px rgba(14,18,15,.18);
  --focus: 0 0 0 2px var(--ground), 0 0 0 3.5px #0e120f;
  --pick: #0e120f;
  --on-pick: #ffffff;
  --ground-art: none;
  --voice-stroke: 0 transparent;
  --voice-lift: none;
  --press: scale(.98);
  --cta-press: var(--cta-shadow);
  --edge-w: 1px;
  --arrive: translateY(8px);
  --arrive-pop: scale(.94);
  --tilt: 0deg;
  --bar: var(--pane);
  --bar-edge: var(--pane-edge);
  --bar-frost: var(--frost);
  --bar-tracking: normal;
  --cta-tracking: initial;
  --lens-exact: 0;
  --glass-wash: transparent;
  --glass-dark: none;
  --glass-right-drop: none;
  --glass-left-drop: none;
  --seg-first-three: var(--seg-first);
  --facts-min-height: 0px;
  --f-meta: var(--f-ui);
  --glass-layer-display: none;
  --glass-light-filter: none;
  --glass-right-fill: none;
  --glass-left-fill: none;
  --seg-ink: var(--ink);
  --pearl-frame: 0;
  --pearl-rim-shadow: none;
  --pearl-ring: var(--cta);
  --pearl-edge: var(--line);
  --pearl-label: linear-gradient(var(--cta-ink), var(--cta-ink));
  --pearl-label-shadow: none;
  --glass-base: var(--pane);
  --glass-edge: var(--pane-edge);
  --glass-drop: var(--shadow);
  --glass-light: none;
  --glass-right: var(--pane-edge);
  --glass-left: var(--pane-edge);
  --glass-top: none;
  --seg-inset: 2px;
  --seg-gap: 2px;
  --seg-height: initial;
  --seg-weight: 500;
  --seg-disabled: .4;
  --seg-first: auto;
  --seg-chosen: var(--pane), var(--surface);
  --seg-track: var(--pane);
  --seg-edge: var(--pane-edge), var(--shadow);
  --facts-pad: var(--s4);
  --facts-gap: var(--s3);
  --facts-columns: 1fr 1fr;
  --facts-label-size: var(--t-xs);
  --facts-label-line: var(--lh-xs);
  --facts-surface: var(--pane), var(--surface);
  --facts-edge: var(--pane-edge), var(--shadow);
  --facts-frost: var(--frost);
  --sheet-handle: var(--line-2);
  --sheet-detail: var(--pane-solid);
  --sheet-frost: var(--frost);
  --scrim-frost: none;
  --head-title-ink: var(--ink);
  --focus-ring: #0e120f;
  --panel-bg: rgba(255, 255, 255, .92);
  --panel-bg-solid: #ffffff;
  --stage-light: rgba(62, 232, 127, .12);
  --s-scene: none;
  --stage: radial-gradient(120% 90% at 50% -20%, rgba(62, 232, 127, .12), transparent 60%), var(--sunk);
} }
