/* GENERATED by tools/app-render/generate.mjs — do not edit.
   The app's own stylesheet, pruned to what these renders use and scoped to `.shot`.
   Regenerate with: node tools/app-render/generate.mjs */
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){.shot *, .shot *::before, .shot *::after, .shot *::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-pan-x: initial;--tw-pan-y: initial;--tw-pinch-zoom: initial;--tw-space-y-reverse: 0;--tw-divide-x-reverse: 0;--tw-border-style: solid;--tw-divide-y-reverse: 0;--tw-gradient-position: initial;--tw-gradient-from: #0000;--tw-gradient-via: #0000;--tw-gradient-to: #0000;--tw-gradient-stops: initial;--tw-gradient-via-stops: initial;--tw-gradient-from-position: 0%;--tw-gradient-via-position: 50%;--tw-gradient-to-position: 100%;--tw-mask-linear: linear-gradient(#fff, #fff);--tw-mask-radial: linear-gradient(#fff, #fff);--tw-mask-conic: linear-gradient(#fff, #fff);--tw-mask-left: linear-gradient(#fff, #fff);--tw-mask-right: linear-gradient(#fff, #fff);--tw-mask-bottom: linear-gradient(#fff, #fff);--tw-mask-top: linear-gradient(#fff, #fff);--tw-mask-top-from-position: 0%;--tw-mask-top-to-position: 100%;--tw-mask-top-from-color: black;--tw-mask-top-to-color: transparent;--tw-mask-bottom-from-position: 0%;--tw-mask-bottom-to-position: 100%;--tw-mask-bottom-from-color: black;--tw-mask-bottom-to-color: transparent;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial;--tw-duration: initial;--tw-ease: initial;--tw-content: "";}}
.shot, .shot{--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;--color-red-50: oklch(97.1% 0.013 17.38);--color-red-100: oklch(93.6% 0.032 17.717);--color-red-200: oklch(88.5% 0.062 18.334);--color-red-300: oklch(80.8% 0.114 19.571);--color-red-400: oklch(70.4% 0.191 22.216);--color-red-500: oklch(63.7% 0.237 25.331);--color-red-600: oklch(57.7% 0.245 27.325);--color-red-700: oklch(50.5% 0.213 27.518);--color-red-800: oklch(44.4% 0.177 26.899);--color-red-900: oklch(39.6% 0.141 25.723);--color-red-950: oklch(25.8% 0.092 26.042);--color-orange-50: oklch(98% 0.016 73.684);--color-orange-100: oklch(95.4% 0.038 75.164);--color-orange-200: oklch(90.1% 0.076 70.697);--color-orange-300: oklch(83.7% 0.128 66.29);--color-orange-400: oklch(75% 0.183 55.934);--color-orange-500: oklch(70.5% 0.213 47.604);--color-orange-600: oklch(64.6% 0.222 41.116);--color-orange-700: oklch(55.3% 0.195 38.402);--color-orange-800: oklch(47% 0.157 37.304);--color-orange-900: oklch(40.8% 0.123 38.172);--color-amber-50: oklch(98.7% 0.022 95.277);--color-amber-100: oklch(96.2% 0.059 95.617);--color-amber-200: oklch(92.4% 0.12 95.746);--color-amber-300: oklch(87.9% 0.169 91.605);--color-amber-400: oklch(82.8% 0.189 84.429);--color-amber-500: oklch(76.9% 0.188 70.08);--color-amber-600: oklch(66.6% 0.179 58.318);--color-amber-700: oklch(55.5% 0.163 48.998);--color-amber-800: oklch(47.3% 0.137 46.201);--color-amber-900: oklch(41.4% 0.112 45.904);--color-amber-950: oklch(27.9% 0.077 45.635);--color-yellow-50: oklch(98.7% 0.026 102.212);--color-yellow-100: oklch(97.3% 0.071 103.193);--color-yellow-200: oklch(94.5% 0.129 101.54);--color-yellow-300: oklch(90.5% 0.182 98.111);--color-yellow-400: oklch(85.2% 0.199 91.936);--color-yellow-500: oklch(79.5% 0.184 86.047);--color-yellow-600: oklch(68.1% 0.162 75.834);--color-yellow-700: oklch(55.4% 0.135 66.442);--color-yellow-800: oklch(47.6% 0.114 61.907);--color-yellow-900: oklch(42.1% 0.095 57.708);--color-lime-400: oklch(84.1% 0.238 128.85);--color-lime-500: oklch(76.8% 0.233 130.85);--color-green-50: oklch(98.2% 0.018 155.826);--color-green-100: oklch(96.2% 0.044 156.743);--color-green-200: oklch(92.5% 0.084 155.995);--color-green-300: oklch(87.1% 0.15 154.449);--color-green-400: oklch(79.2% 0.209 151.711);--color-green-500: oklch(72.3% 0.219 149.579);--color-green-600: oklch(62.7% 0.194 149.214);--color-green-700: oklch(52.7% 0.154 150.069);--color-green-800: oklch(44.8% 0.119 151.328);--color-green-900: oklch(39.3% 0.095 152.535);--color-green-950: oklch(26.6% 0.065 152.934);--color-emerald-50: oklch(97.9% 0.021 166.113);--color-emerald-100: oklch(95% 0.052 163.051);--color-emerald-200: oklch(90.5% 0.093 164.15);--color-emerald-300: oklch(84.5% 0.143 164.978);--color-emerald-400: oklch(76.5% 0.177 163.223);--color-emerald-500: oklch(69.6% 0.17 162.48);--color-emerald-600: oklch(59.6% 0.145 163.225);--color-emerald-700: oklch(50.8% 0.118 165.612);--color-emerald-800: oklch(43.2% 0.095 166.913);--color-emerald-900: oklch(37.8% 0.077 168.94);--color-emerald-950: oklch(26.2% 0.051 172.552);--color-teal-50: oklch(98.4% 0.014 180.72);--color-teal-100: oklch(95.3% 0.051 180.801);--color-teal-200: oklch(91% 0.096 180.426);--color-teal-300: oklch(85.5% 0.138 181.071);--color-teal-400: oklch(77.7% 0.152 181.912);--color-teal-500: oklch(70.4% 0.14 182.503);--color-teal-600: oklch(60% 0.118 184.704);--color-teal-700: oklch(51.1% 0.096 186.391);--color-teal-800: oklch(43.7% 0.078 188.216);--color-teal-900: oklch(38.6% 0.063 188.416);--color-cyan-50: oklch(98.4% 0.019 200.873);--color-cyan-100: oklch(95.6% 0.045 203.388);--color-cyan-200: oklch(91.7% 0.08 205.041);--color-cyan-300: oklch(86.5% 0.127 207.078);--color-cyan-400: oklch(78.9% 0.154 211.53);--color-cyan-500: oklch(71.5% 0.143 215.221);--color-cyan-600: oklch(60.9% 0.126 221.723);--color-cyan-700: oklch(52% 0.105 223.128);--color-cyan-800: oklch(45% 0.085 224.283);--color-cyan-900: oklch(39.8% 0.07 227.392);--color-sky-50: oklch(97.7% 0.013 236.62);--color-sky-100: oklch(95.1% 0.026 236.824);--color-sky-200: oklch(90.1% 0.058 230.902);--color-sky-300: oklch(82.8% 0.111 230.318);--color-sky-400: oklch(74.6% 0.16 232.661);--color-sky-500: oklch(68.5% 0.169 237.323);--color-sky-600: oklch(58.8% 0.158 241.966);--color-sky-700: oklch(50% 0.134 242.749);--color-sky-800: oklch(44.3% 0.11 240.79);--color-sky-900: oklch(39.1% 0.09 240.876);--color-blue-50: oklch(97% 0.014 254.604);--color-blue-100: oklch(93.2% 0.032 255.585);--color-blue-200: oklch(88.2% 0.059 254.128);--color-blue-300: oklch(80.9% 0.105 251.813);--color-blue-400: oklch(70.7% 0.165 254.624);--color-blue-500: oklch(62.3% 0.214 259.815);--color-blue-600: oklch(54.6% 0.245 262.881);--color-blue-700: oklch(48.8% 0.243 264.376);--color-blue-800: oklch(42.4% 0.199 265.638);--color-blue-900: oklch(37.9% 0.146 265.522);--color-blue-950: oklch(28.2% 0.091 267.935);--color-indigo-50: oklch(96.2% 0.018 272.314);--color-indigo-100: oklch(93% 0.034 272.788);--color-indigo-200: oklch(87% 0.065 274.039);--color-indigo-300: oklch(78.5% 0.115 274.713);--color-indigo-400: oklch(67.3% 0.182 276.935);--color-indigo-500: oklch(58.5% 0.233 277.117);--color-indigo-600: oklch(51.1% 0.262 276.966);--color-indigo-700: oklch(45.7% 0.24 277.023);--color-indigo-800: oklch(39.8% 0.195 277.366);--color-indigo-900: oklch(35.9% 0.144 278.697);--color-violet-50: oklch(96.9% 0.016 293.756);--color-violet-100: oklch(94.3% 0.029 294.588);--color-violet-200: oklch(89.4% 0.057 293.283);--color-violet-300: oklch(81.1% 0.111 293.571);--color-violet-400: oklch(70.2% 0.183 293.541);--color-violet-500: oklch(60.6% 0.25 292.717);--color-violet-600: oklch(54.1% 0.281 293.009);--color-violet-700: oklch(49.1% 0.27 292.581);--color-violet-800: oklch(43.2% 0.232 292.759);--color-violet-900: oklch(38% 0.189 293.745);--color-purple-50: oklch(97.7% 0.014 308.299);--color-purple-100: oklch(94.6% 0.033 307.174);--color-purple-200: oklch(90.2% 0.063 306.703);--color-purple-300: oklch(82.7% 0.119 306.383);--color-purple-400: oklch(71.4% 0.203 305.504);--color-purple-500: oklch(62.7% 0.265 303.9);--color-purple-600: oklch(55.8% 0.288 302.321);--color-purple-700: oklch(49.6% 0.265 301.924);--color-purple-800: oklch(43.8% 0.218 303.724);--color-purple-900: oklch(38.1% 0.176 304.987);--color-purple-950: oklch(29.1% 0.149 302.717);--color-fuchsia-400: oklch(74% 0.238 322.16);--color-fuchsia-500: oklch(66.7% 0.295 322.15);--color-pink-50: oklch(97.1% 0.014 343.198);--color-pink-100: oklch(94.8% 0.028 342.258);--color-pink-200: oklch(89.9% 0.061 343.231);--color-pink-300: oklch(82.3% 0.12 346.018);--color-pink-400: oklch(71.8% 0.202 349.761);--color-pink-500: oklch(65.6% 0.241 354.308);--color-pink-600: oklch(59.2% 0.249 0.584);--color-pink-800: oklch(45.9% 0.187 3.815);--color-pink-900: oklch(40.8% 0.153 2.432);--color-pink-950: oklch(28.4% 0.109 3.907);--color-rose-50: oklch(96.9% 0.015 12.422);--color-rose-100: oklch(94.1% 0.03 12.58);--color-rose-200: oklch(89.2% 0.058 10.001);--color-rose-300: oklch(81% 0.117 11.638);--color-rose-400: oklch(71.2% 0.194 13.428);--color-rose-500: oklch(64.5% 0.246 16.439);--color-rose-600: oklch(58.6% 0.253 17.585);--color-rose-800: oklch(45.5% 0.188 13.697);--color-rose-900: oklch(41% 0.159 10.272);--color-rose-950: oklch(27.1% 0.105 12.094);--color-slate-50: oklch(98.4% 0.003 247.858);--color-slate-100: oklch(96.8% 0.007 247.896);--color-slate-200: oklch(92.9% 0.013 255.508);--color-slate-300: oklch(86.9% 0.022 252.894);--color-slate-400: oklch(70.4% 0.04 256.788);--color-slate-500: oklch(55.4% 0.046 257.417);--color-slate-600: oklch(44.6% 0.043 257.281);--color-slate-700: oklch(37.2% 0.044 257.287);--color-slate-800: oklch(27.9% 0.041 260.031);--color-slate-900: oklch(20.8% 0.042 265.755);--color-gray-50: oklch(98.5% 0.002 247.839);--color-gray-100: oklch(96.7% 0.003 264.542);--color-gray-200: oklch(92.8% 0.006 264.531);--color-gray-300: oklch(87.2% 0.01 258.338);--color-gray-400: oklch(70.7% 0.022 261.325);--color-gray-500: oklch(55.1% 0.027 264.364);--color-gray-600: oklch(44.6% 0.03 256.802);--color-gray-700: oklch(37.3% 0.034 259.733);--color-gray-800: oklch(27.8% 0.033 256.848);--color-gray-900: oklch(21% 0.034 264.665);--color-stone-200: oklch(92.3% 0.003 48.717);--color-stone-400: oklch(70.9% 0.01 56.259);--color-stone-500: oklch(55.3% 0.013 58.071);--color-stone-700: oklch(37.4% 0.01 67.558);--color-black: #000;--color-white: #fff;--spacing: 0.25rem;--breakpoint-xl: 80rem;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--text-xs: 0.75rem;--text-xs--line-height: calc(1 / 0.75);--text-sm: 0.875rem;--text-sm--line-height: calc(1.25 / 0.875);--text-base: 1rem;--text-base--line-height: calc(1.5 / 1);--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: calc(2.25 / 1.875);--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--text-5xl: 3rem;--text-5xl--line-height: 1;--text-6xl: 3.75rem;--text-6xl--line-height: 1;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--tracking-tight: -0.025em;--tracking-wide: 0.025em;--tracking-wider: 0.05em;--tracking-widest: 0.1em;--leading-tight: 1.25;--leading-snug: 1.375;--leading-relaxed: 1.625;--radius-sm: 0.25rem;--radius-md: 0.375rem;--radius-lg: 0.5rem;--radius-xl: 0.75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--ease-out: cubic-bezier(0, 0, 0.2, 1);--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--animate-spin: spin 1s linear infinite;--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;--blur-sm: 8px;--blur-lg: 16px;--blur-xl: 24px;--blur-2xl: 40px;--blur-3xl: 64px;--default-transition-duration: 150ms;--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);--default-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;--default-mono-font-family: var(--font-mono);--font-ios: -apple-system, SF Pro Text, SF UI Text, system-ui, Helvetica Neue,
    Helvetica, Arial, sans-serif;--font-material: Roboto, system-ui, Noto, Helvetica, Arial, sans-serif;--text-2xs: 0.625rem;--transition-ios-range-thumb: transform, translate, scale, opacity, rotate, background-color, box-shadow;--ease-material-in: cubic-bezier(0, 0.8, 0.34, 1);--ease-material-in-popup: cubic-bezier(0, 1, 0.2, 1);--transition-transform-opacity: transform, translate, scale, opacity, rotate;--color-primary: var(--k-color-primary);--color-md-light-primary: var(--k-color-md-light-primary);--color-md-light-on-primary: var(--k-color-md-light-on-primary);--color-md-light-primary-container: var(--k-color-md-light-primary-container);--color-md-light-on-primary-container: var(
    --k-color-md-light-on-primary-container
  );--color-md-light-secondary-container: var(
    --k-color-md-light-secondary-container
  );--color-md-light-on-secondary-container: var(
    --k-color-md-light-on-secondary-container
  );--color-md-light-surface: var(--k-color-md-light-surface);--color-md-light-on-surface: var(--k-color-md-light-on-surface);--color-md-light-surface-variant: var(--k-color-md-light-surface-variant);--color-md-light-on-surface-variant: var(
    --k-color-md-light-on-surface-variant
  );--color-md-light-outline: var(--k-color-md-light-outline);--color-md-light-surface-1: var(--k-color-md-light-surface-1);--color-md-light-surface-2: var(--k-color-md-light-surface-2);--color-md-light-surface-3: var(--k-color-md-light-surface-3);--color-md-light-surface-5: var(--k-color-md-light-surface-5);--color-md-dark-primary: var(--k-color-md-dark-primary);--color-md-dark-on-primary: var(--k-color-md-dark-on-primary);--color-md-dark-primary-container: var(--k-color-md-dark-primary-container);--color-md-dark-on-primary-container: var(
    --k-color-md-dark-on-primary-container
  );--color-md-dark-secondary-container: var(
    --k-color-md-dark-secondary-container
  );--color-md-dark-on-secondary-container: var(
    --k-color-md-dark-on-secondary-container
  );--color-md-dark-surface: var(--k-color-md-dark-surface);--color-md-dark-on-surface: var(--k-color-md-dark-on-surface);--color-md-dark-surface-variant: var(--k-color-md-dark-surface-variant);--color-md-dark-on-surface-variant: var(--k-color-md-dark-on-surface-variant);--color-md-dark-outline: var(--k-color-md-dark-outline);--color-md-dark-surface-1: var(--k-color-md-dark-surface-1);--color-md-dark-surface-2: var(--k-color-md-dark-surface-2);--color-md-dark-surface-3: var(--k-color-md-dark-surface-3);--color-md-dark-surface-5: var(--k-color-md-dark-surface-5);--color-ios-light-surface: #efeff4;--color-ios-light-surface-1: #fff;--color-ios-light-surface-1-shade: #f1f1f5;--color-ios-dark-surface: #000;--color-ios-dark-surface-1: #1c1c1d;--color-ios-dark-surface-1-tint: #444447;--color-ios-light-surface-variant: #f4f4f4;--color-ios-dark-surface-variant: #232323;--color-ios-primary-shade: var(--k-color-ios-primary-shade);--color-ios-hover-highlight: rgba(255, 255, 255, 0.5);--color-ios-light-glass: rgba(255, 255, 255, 0.75);--color-ios-dark-glass: rgba(50, 50, 50, 0.5);--color-primary-50: rgb(var(--color-primary-50));--color-primary-100: rgb(var(--color-primary-100));--color-primary-200: rgb(var(--color-primary-200));--color-primary-300: rgb(var(--color-primary-300));--color-primary-400: rgb(var(--color-primary-400));--color-primary-500: rgb(var(--color-primary-500));--color-primary-600: rgb(var(--color-primary-600));--color-primary-700: rgb(var(--color-primary-700));--color-primary-800: rgb(var(--color-primary-800));--color-primary-900: rgb(var(--color-primary-900));--color-primary-950: rgb(var(--color-primary-950));--color-bg: rgb(var(--color-bg));--color-bg-secondary: rgb(var(--color-bg-secondary));}
.shot *, .shot *::after, .shot *::before, .shot *::backdrop, .shot *::file-selector-button{box-sizing: border-box;margin: 0;padding: 0;border: 0 solid;}
.shot, .shot{line-height: 1.5;-webkit-text-size-adjust: 100%;tab-size: 4;font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings: var(--default-font-feature-settings, normal);font-variation-settings: var(--default-font-variation-settings, normal);-webkit-tap-highlight-color: transparent;}
.shot hr{height: 0;color: inherit;border-top-width: 1px;}
.shot abbr:where([title]){-webkit-text-decoration: underline dotted;text-decoration: underline dotted;}
.shot h1, .shot h2, .shot h3, .shot h4, .shot h5, .shot h6{font-size: inherit;font-weight: inherit;}
.shot a{color: inherit;-webkit-text-decoration: inherit;text-decoration: inherit;}
.shot b, .shot strong{font-weight: bolder;}
.shot code, .shot kbd, .shot samp, .shot pre{font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings: var(--default-mono-font-feature-settings, normal);font-variation-settings: var(--default-mono-font-variation-settings, normal);font-size: 1em;}
.shot small{font-size: 80%;}
.shot sub, .shot sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
.shot sub{bottom: -0.25em;}
.shot sup{top: -0.5em;}
.shot table{text-indent: 0;border-color: inherit;border-collapse: collapse;}
.shot :-moz-focusring{outline: auto;}
.shot progress{vertical-align: baseline;}
.shot summary{display: list-item;}
.shot ol, .shot ul, .shot menu{list-style: none;}
.shot img, .shot svg, .shot video, .shot canvas, .shot audio, .shot iframe, .shot embed, .shot object{display: block;vertical-align: middle;}
.shot img, .shot video{max-width: 100%;height: auto;}
.shot button, .shot input, .shot select, .shot optgroup, .shot textarea, .shot *::file-selector-button{font: inherit;font-feature-settings: inherit;font-variation-settings: inherit;letter-spacing: inherit;color: inherit;border-radius: 0;background-color: transparent;opacity: 1;}
.shot :where(select:is([multiple], [size])) optgroup{font-weight: bolder;}
.shot :where(select:is([multiple], [size])) optgroup option{padding-inline-start: 20px;}
.shot *::file-selector-button{margin-inline-end: 4px;}
.shot *::placeholder{opacity: 1;}
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px){.shot *::placeholder{color: currentcolor;}}
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px){@supports (color: color-mix(in lab, red, red)){.shot *::placeholder{color: color-mix(in oklab, currentcolor 50%, transparent);}}}
.shot textarea{resize: vertical;}
.shot *::-webkit-search-decoration{-webkit-appearance: none;}
.shot *::-webkit-date-and-time-value{min-height: 1lh;text-align: inherit;}
.shot *::-webkit-datetime-edit{display: inline-flex;}
.shot *::-webkit-datetime-edit-fields-wrapper{padding: 0;}
.shot *::-webkit-datetime-edit, .shot *::-webkit-datetime-edit-year-field, .shot *::-webkit-datetime-edit-month-field, .shot *::-webkit-datetime-edit-day-field, .shot *::-webkit-datetime-edit-hour-field, .shot *::-webkit-datetime-edit-minute-field, .shot *::-webkit-datetime-edit-second-field, .shot *::-webkit-datetime-edit-millisecond-field, .shot *::-webkit-datetime-edit-meridiem-field{padding-block: 0;}
.shot *::-webkit-calendar-picker-indicator{line-height: 1;}
.shot :-moz-ui-invalid{box-shadow: none;}
.shot button, .shot input:where([type="button"], [type="reset"], [type="submit"]), .shot *::file-selector-button{appearance: button;}
.shot *::-webkit-inner-spin-button, .shot *::-webkit-outer-spin-button{height: auto;}
.shot [hidden]:where(:not([hidden="until-found"])){display: none !important;}
.shot *, .shot *::after, .shot *::before, .shot *::backdrop, .shot *::file-selector-button{border-color: var(--color-gray-200, currentcolor);}
.shot{--color-primary: 16 185 129;--color-primary-dark: 5 150 105;--color-primary-50: 236 253 245;--color-primary-100: 209 250 229;--color-primary-200: 167 243 208;--color-primary-300: 110 231 183;--color-primary-400: 52 211 153;--color-primary-500: 16 185 129;--color-primary-600: 5 150 105;--color-primary-700: 4 120  87;--color-primary-800: 6  95  70;--color-primary-900: 6  78  59;--color-primary-950: 2  44  34;--color-surface: 255 255 255;--color-surface-raised: 248 250 252;--color-text-muted: 148 163 184;--color-border-strong: 203 213 225;--color-danger: 220 38 38;--color-success: 5 150 105;--color-warning: 217 119  6;--gradient-primary: linear-gradient(135deg, #34d399 0%, #059669 100%);--glow-primary: 0 0 24px 2px rgba(16, 185, 129, 0.2);--size-scale: 1;--density-row-h: 56px;--density-card-padding: 16px;--density-gap-x: 12px;--density-gap-y: 8px;--font-weight-base: 400;--font-body: 'Minturn Slab', Georgia, serif;--font-heading: var(--font-body);--font-ios: var(--font-body);--font-material: var(--font-body);--color-bg: 255 255 255;--color-bg-secondary: 248 250 252;--color-text: 15  23  42;--color-text-secondary: 100 116 139;--color-border: 226 232 240;--touch-min: 44px;--radius-card: 16px;--radius-sheet: 24px;--mobile-header-h: 2.5rem;--page-top-h: 2.5rem;--page-top-h-md: 2.5rem;--page-top-h-md-nav: 2rem;--bottom-nav-h: calc(2.75rem + env(safe-area-inset-bottom, 0px));}
:root[data-theme='dark'] .shot{--color-bg: 15  23  42;--color-bg-secondary: 30  41  59;--color-text: 248 250 252;--color-text-secondary: 148 163 184;--color-border: 51  65  85;--color-surface: 30  41  59;--color-surface-raised: 51  65  85;--color-text-muted: 100 116 139;--color-border-strong: 71  85 105;}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot{--color-bg: 15  23  42;--color-bg-secondary: 30  41  59;--color-text: 248 250 252;--color-text-secondary: 148 163 184;--color-border: 51  65  85;--color-surface: 30  41  59;--color-surface-raised: 51  65  85;--color-text-muted: 100 116 139;--color-border-strong: 71  85 105;}}
.shot{font-size: calc(16px * var(--size-scale, 1));-webkit-tap-highlight-color: transparent;-webkit-text-size-adjust: 100%;scroll-behavior: smooth;}
.shot > .shot-doc{background-color: rgb(var(--color-bg));color: var(--color-slate-900);}
:root[data-theme='dark'] .shot > .shot-doc{color: var(--color-slate-50);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot > .shot-doc{color: var(--color-slate-50);}}
.shot > .shot-doc{font-family: var(--font-body);font-weight: var(--font-weight-base);cursor: default;overscroll-behavior: none;padding-left: env(safe-area-inset-left);padding-right: env(safe-area-inset-right);}
.shot *:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color: rgb(var(--color-primary-500));--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-outline-style: none;outline-style: none;}
@media (forced-colors: active){.shot *:focus-visible{outline: 2px solid transparent;outline-offset: 2px;}}
:root[data-theme='dark'] .shot *:focus-visible{--tw-ring-offset-color: var(--color-slate-900);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot *:focus-visible{--tw-ring-offset-color: var(--color-slate-900);}}
.shot, .shot .k-color-brand-primary{--k-color-primary: rgb(0 122 255);--k-color-ios-primary: rgb(0 122 255);--k-color-ios-primary-tint: rgb(41 143 255);--k-color-ios-primary-shade: rgb(0 102 214);--k-color-md-light-surface: rgb(250 249 254);--k-color-md-light-surface-variant: rgb(216 217 228);--k-color-md-light-surface-1: rgb(243 243 250);--k-color-md-light-surface-2: rgb(237 237 246);--k-color-md-light-surface-3: rgb(231 231 241);--k-color-md-light-surface-4: rgb(224 226 237);--k-color-md-light-on-surface: rgb(47 50 58);--k-color-md-light-on-surface-variant: rgb(92 95 104);--k-color-md-light-outline: rgb(120 122 132);--k-color-md-light-outline-variant: rgb(175 177 188);--k-color-md-light-primary: rgb(73 95 139);--k-color-md-light-on-primary: rgb(249 248 255);--k-color-md-light-primary-container: rgb(179 201 252);--k-color-md-light-on-primary-container: rgb(43 65 108);--k-color-md-light-secondary: rgb(87 95 114);--k-color-md-light-on-secondary: rgb(249 248 255);--k-color-md-light-secondary-container: rgb(219 226 249);--k-color-md-light-on-secondary-container: rgb(74 82 100);--k-color-md-light-surface-5: rgb(216 219 232);--k-color-md-dark-surface: rgb(13 14 18);--k-color-md-dark-surface-variant: rgb(13 14 18);--k-color-md-dark-surface-1: rgb(17 19 24);--k-color-md-dark-surface-2: rgb(23 26 31);--k-color-md-dark-surface-3: rgb(29 32 38);--k-color-md-dark-surface-4: rgb(35 38 45);--k-color-md-dark-on-surface: rgb(227 229 240);--k-color-md-dark-on-surface-variant: rgb(168 171 181);--k-color-md-dark-outline: rgb(115 117 126);--k-color-md-dark-outline-variant: rgb(69 72 80);--k-color-md-dark-primary: rgb(182 198 238);--k-color-md-dark-on-primary: rgb(48 64 96);--k-color-md-dark-primary-container: rgb(66 82 116);--k-color-md-dark-on-primary-container: rgb(217 227 255);--k-color-md-dark-secondary: rgb(191 198 220);--k-color-md-dark-on-secondary: rgb(56 64 82);--k-color-md-dark-secondary-container: rgb(52 59 77);--k-color-md-dark-on-secondary-container: rgb(183 191 213);--k-color-md-dark-surface-5: rgb(42 46 55);}
.shot .card{border-radius: var(--radius-2xl);border-style: var(--tw-border-style);border-width: 1px;border-color: var(--color-slate-100);background-color: var(--color-white);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
:root[data-theme='dark'] .shot .card{border-color: var(--color-slate-700);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .card{border-color: var(--color-slate-700);}}
:root[data-theme='dark'] .shot .card{background-color: var(--color-slate-800);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .card{background-color: var(--color-slate-800);}}
.shot .card > ul, .shot .card > div > ul{padding-inline: calc(var(--spacing) * 3);}
.shot .list-item{display: flex;min-height: 44px;align-items: center;gap: calc(var(--spacing) * 3);padding-inline: calc(var(--spacing) * 4);padding-block: calc(var(--spacing) * 3);transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));transition-duration: var(--tw-duration, var(--default-transition-duration));}
.shot .list-item:active{background-color: var(--color-slate-50);}
:root[data-theme='dark'] .shot .list-item:active{background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .list-item:active{background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);}}
@supports (color: color-mix(in lab, red, red)){:root[data-theme='dark'] .shot .list-item:active{background-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);}}
@media (prefers-color-scheme: dark){@supports (color: color-mix(in lab, red, red)){:root:not([data-theme='light']) .shot .list-item:active{background-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);}}}
.shot .amount-display{font-size: var(--text-4xl);line-height: var(--tw-leading, var(--text-4xl--line-height));--tw-font-weight: var(--font-weight-bold);font-weight: var(--font-weight-bold);--tw-tracking: var(--tracking-tight);letter-spacing: var(--tracking-tight);--tw-numeric-spacing: tabular-nums;font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);}
.shot .money-band{--band-ink: #0b1729;--band-ink-soft: rgb(11 23 41 / 0.68);--band-ink-faint: rgb(11 23 41 / 0.48);--band-surface: rgb(255 255 255 / 0.55);--band-hairline: rgb(11 23 41 / 0.10);--band-glow: rgb(255 255 255 / 0.65);--band-shade: rgb(4 120 87 / 0.10);--band-topedge: rgb(255 255 255 / 0.7);--band-track: rgb(11 23 41 / 0.10);--band-good: #047857;--band-bad: #b45309;--band-accent: #059669;--band-accent-fill: rgb(5 150 105 / 0.14);--band-pace: rgb(11 23 41 / 0.28);--band-flap: rgb(180 209 194 / 0.55);--band-flap-fold: rgb(255 255 255 / 0.92);--band-seam: rgb(5 150 105 / 0.32);--band-foldshadow: rgb(11 23 41 / 0.10);--band-glow-pulse: rgb(5 150 105 / 0.30);--band-tile: rgb(255 255 255 / 0.80);--band-tile-hi: rgb(255 255 255 / 0.95);--band-tile-shade: rgb(11 23 41 / 0.16);background: linear-gradient(160deg, #e8f5ee 0%, #d9efe3 52%, #c7e7d8 100%);--band-shadow: 0 14px 34px -16px rgba(15, 23, 42, 0.28);box-shadow: var(--band-shadow);}
:root[data-theme='dark'] .shot .money-band{--band-ink: #ffffff;--band-ink-soft: rgb(255 255 255 / 0.72);--band-ink-faint: rgb(255 255 255 / 0.45);--band-surface: rgb(4 18 12 / 0.6);--band-hairline: rgb(255 255 255 / 0.14);--band-glow: rgb(255 255 255 / 0.16);--band-shade: rgb(0 0 0 / 0.24);--band-topedge: rgb(255 255 255 / 0.22);--band-track: rgb(255 255 255 / 0.18);--band-good: #6ee7b7;--band-bad: #fcd34d;--band-accent: #34d399;--band-accent-fill: rgb(52 211 153 / 0.18);--band-pace: rgb(255 255 255 / 0.42);--band-flap: rgb(2 20 14 / 0.45);--band-flap-fold: rgb(220 255 240 / 0.22);--band-seam: rgb(52 211 153 / 0.42);--band-foldshadow: rgb(0 0 0 / 0.55);--band-glow-pulse: rgb(255 255 255 / 0.28);--band-tile: rgb(4 18 12 / 0.6);--band-tile-hi: rgb(255 255 255 / 0.22);--band-tile-shade: rgb(0 0 0 / 0.45);background: linear-gradient(150deg, #0d2b1f 0%, #145c40 55%, #0d2b1f 100%);--band-shadow: 0 20px 45px -18px rgba(0, 0, 0, 0.65),
      0 0 44px -10px rgba(20, 184, 120, 0.5);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .money-band{--band-ink: #ffffff;--band-ink-soft: rgb(255 255 255 / 0.72);--band-ink-faint: rgb(255 255 255 / 0.45);--band-surface: rgb(4 18 12 / 0.6);--band-hairline: rgb(255 255 255 / 0.14);--band-glow: rgb(255 255 255 / 0.16);--band-shade: rgb(0 0 0 / 0.24);--band-topedge: rgb(255 255 255 / 0.22);--band-track: rgb(255 255 255 / 0.18);--band-good: #6ee7b7;--band-bad: #fcd34d;--band-accent: #34d399;--band-accent-fill: rgb(52 211 153 / 0.18);--band-pace: rgb(255 255 255 / 0.42);--band-flap: rgb(2 20 14 / 0.45);--band-flap-fold: rgb(220 255 240 / 0.22);--band-seam: rgb(52 211 153 / 0.42);--band-foldshadow: rgb(0 0 0 / 0.55);--band-glow-pulse: rgb(255 255 255 / 0.28);--band-tile: rgb(4 18 12 / 0.6);--band-tile-hi: rgb(255 255 255 / 0.22);--band-tile-shade: rgb(0 0 0 / 0.45);background: linear-gradient(150deg, #0d2b1f 0%, #145c40 55%, #0d2b1f 100%);--band-shadow: 0 20px 45px -18px rgba(0, 0, 0, 0.65),
      0 0 44px -10px rgba(20, 184, 120, 0.5);}}
:root[data-theme='dark'] .shot .money-band .band-glass-sheen{background-image: radial-gradient(120% 160% at 12% -10%, rgb(255 255 255 / 0.14) 0%, rgb(255 255 255 / 0) 55%), linear-gradient( 135deg, rgb(255 255 255 / 0.08) 0%, rgb(255 255 255 / 0.02) 35%, rgb(255 255 255 / 0) 60% );backdrop-filter: blur(14px) saturate(1.3) brightness(1.05);-webkit-backdrop-filter: blur(14px) saturate(1.3) brightness(1.05);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .money-band .band-glass-sheen{background-image: radial-gradient(120% 160% at 12% -10%, rgb(255 255 255 / 0.14) 0%, rgb(255 255 255 / 0) 55%), linear-gradient( 135deg, rgb(255 255 255 / 0.08) 0%, rgb(255 255 255 / 0.02) 35%, rgb(255 255 255 / 0) 60% );backdrop-filter: blur(14px) saturate(1.3) brightness(1.05);-webkit-backdrop-filter: blur(14px) saturate(1.3) brightness(1.05);}}
:root[data-theme='dark'] .shot .money-band .band-glass-card{position: relative;backdrop-filter: blur(14px) saturate(1.3) brightness(1.05);-webkit-backdrop-filter: blur(14px) saturate(1.3) brightness(1.05);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .money-band .band-glass-card{position: relative;backdrop-filter: blur(14px) saturate(1.3) brightness(1.05);-webkit-backdrop-filter: blur(14px) saturate(1.3) brightness(1.05);}}
:root[data-theme='dark'] .shot .money-band .band-glass-card::after{content: '';position: absolute;inset: 0;pointer-events: none;background-image: radial-gradient(120% 160% at 12% -10%, rgb(255 255 255 / 0.14) 0%, rgb(255 255 255 / 0) 55%), linear-gradient( 135deg, rgb(255 255 255 / 0.08) 0%, rgb(255 255 255 / 0.02) 35%, rgb(255 255 255 / 0) 60% );}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .money-band .band-glass-card::after{content: '';position: absolute;inset: 0;pointer-events: none;background-image: radial-gradient(120% 160% at 12% -10%, rgb(255 255 255 / 0.14) 0%, rgb(255 255 255 / 0) 55%), linear-gradient( 135deg, rgb(255 255 255 / 0.08) 0%, rgb(255 255 255 / 0.02) 35%, rgb(255 255 255 / 0) 60% );}}
.shot .pulse-glow-band{animation: pulse-glow-band 2.4s ease-in-out infinite;}
.shot .pointer-events-none{pointer-events: none;}
.shot .absolute{position: absolute;}
.shot .relative{position: relative;}
.shot .inset-0{inset: calc(var(--spacing) * 0);}
.shot .inset-x-0{inset-inline: calc(var(--spacing) * 0);}
.shot .inset-y-0{inset-block: calc(var(--spacing) * 0);}
.shot .-top-11{top: calc(var(--spacing) * -11);}
.shot .-top-24{top: calc(var(--spacing) * -24);}
.shot .top-0{top: calc(var(--spacing) * 0);}
.shot .right-0{right: calc(var(--spacing) * 0);}
.shot .-bottom-24{bottom: calc(var(--spacing) * -24);}
.shot .bottom-0{bottom: calc(var(--spacing) * 0);}
.shot .-left-16{left: calc(var(--spacing) * -16);}
.shot .left-0{left: calc(var(--spacing) * 0);}
.shot .left-1\/2{left: calc(1 / 2 * 100%);}
.shot .z-10{z-index: 10;}
.shot .-m-1{margin: calc(var(--spacing) * -1);}
.shot .-mx-1{margin-inline: calc(var(--spacing) * -1);}
.shot .-mx-4{margin-inline: calc(var(--spacing) * -4);}
.shot .mx-auto{margin-inline: auto;}
.shot .mt-0\.5{margin-top: calc(var(--spacing) * 0.5);}
.shot .mt-1{margin-top: calc(var(--spacing) * 1);}
.shot .mt-2{margin-top: calc(var(--spacing) * 2);}
.shot .mt-3{margin-top: calc(var(--spacing) * 3);}
.shot .mt-5{margin-top: calc(var(--spacing) * 5);}
.shot .mt-8{margin-top: calc(var(--spacing) * 8);}
.shot .mb-1{margin-bottom: calc(var(--spacing) * 1);}
.shot .mb-2{margin-bottom: calc(var(--spacing) * 2);}
.shot .mb-3{margin-bottom: calc(var(--spacing) * 3);}
.shot .mb-4{margin-bottom: calc(var(--spacing) * 4);}
.shot .mb-6{margin-bottom: calc(var(--spacing) * 6);}
.shot .line-clamp-2{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.shot .block{display: block;}
.shot .flex{display: flex;}
.shot .grid{display: grid;}
.shot .hidden{display: none;}
.shot .inline-flex{display: inline-flex;}
.shot .list-item{display: list-item;}
.shot .h-1\.5{height: calc(var(--spacing) * 1.5);}
.shot .h-2{height: calc(var(--spacing) * 2);}
.shot .h-2\.5{height: calc(var(--spacing) * 2.5);}
.shot .h-3{height: calc(var(--spacing) * 3);}
.shot .h-3\.5{height: calc(var(--spacing) * 3.5);}
.shot .h-4{height: calc(var(--spacing) * 4);}
.shot .h-5{height: calc(var(--spacing) * 5);}
.shot .h-6{height: calc(var(--spacing) * 6);}
.shot .h-8{height: calc(var(--spacing) * 8);}
.shot .h-10{height: calc(var(--spacing) * 10);}
.shot .h-12{height: calc(var(--spacing) * 12);}
.shot .h-14{height: calc(var(--spacing) * 14);}
.shot .h-64{height: calc(var(--spacing) * 64);}
.shot .h-72{height: calc(var(--spacing) * 72);}
.shot .h-\[2px\]{height: 2px;}
.shot .h-full{height: 100%;}
.shot .h-px{height: 1px;}
.shot .min-h-\[14px\]{min-height: 14px;}
.shot .min-h-touch{min-height: 44px;}
.shot .w-1\.5{width: calc(var(--spacing) * 1.5);}
.shot .w-2\.5{width: calc(var(--spacing) * 2.5);}
.shot .w-3{width: calc(var(--spacing) * 3);}
.shot .w-3\.5{width: calc(var(--spacing) * 3.5);}
.shot .w-4{width: calc(var(--spacing) * 4);}
.shot .w-5{width: calc(var(--spacing) * 5);}
.shot .w-6{width: calc(var(--spacing) * 6);}
.shot .w-8{width: calc(var(--spacing) * 8);}
.shot .w-10{width: calc(var(--spacing) * 10);}
.shot .w-12{width: calc(var(--spacing) * 12);}
.shot .w-64{width: calc(var(--spacing) * 64);}
.shot .w-72{width: calc(var(--spacing) * 72);}
.shot .w-\[3px\]{width: 3px;}
.shot .w-full{width: 100%;}
.shot .min-w-0{min-width: calc(var(--spacing) * 0);}
.shot .flex-1{flex: 1;}
.shot .flex-shrink-0{flex-shrink: 0;}
.shot .shrink-0{flex-shrink: 0;}
.shot .-translate-x-1\/2{--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);translate: var(--tw-translate-x) var(--tw-translate-y);}
.shot .-translate-y-1\/2{--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);translate: var(--tw-translate-x) var(--tw-translate-y);}
.shot .-rotate-90{rotate: calc(90deg * -1);}
.shot .cursor-not-allowed{cursor: not-allowed;}
.shot .cursor-pointer{cursor: pointer;}
.shot .grid-cols-2{grid-template-columns: repeat(2, minmax(0, 1fr));}
.shot .grid-cols-3{grid-template-columns: repeat(3, minmax(0, 1fr));}
.shot .flex-col{flex-direction: column;}
.shot .flex-wrap{flex-wrap: wrap;}
.shot .items-baseline{align-items: baseline;}
.shot .items-center{align-items: center;}
.shot .items-start{align-items: flex-start;}
.shot .justify-between{justify-content: space-between;}
.shot .justify-center{justify-content: center;}
.shot .gap-0\.5{gap: calc(var(--spacing) * 0.5);}
.shot .gap-1{gap: calc(var(--spacing) * 1);}
.shot .gap-1\.5{gap: calc(var(--spacing) * 1.5);}
.shot .gap-2{gap: calc(var(--spacing) * 2);}
.shot .gap-3{gap: calc(var(--spacing) * 3);}
.shot .gap-4{gap: calc(var(--spacing) * 4);}
.shot .gap-6{gap: calc(var(--spacing) * 6);}
.shot :where(.space-y-1 > :not(:last-child)){--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));}
.shot :where(.space-y-3 > :not(:last-child)){--tw-space-y-reverse: 0;margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));}
.shot .gap-x-4{column-gap: calc(var(--spacing) * 4);}
.shot .gap-y-2{row-gap: calc(var(--spacing) * 2);}
.shot :where(.divide-x > :not(:last-child)){--tw-divide-x-reverse: 0;border-inline-style: var(--tw-border-style);border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));}
.shot :where(.divide-y > :not(:last-child)){--tw-divide-y-reverse: 0;border-bottom-style: var(--tw-border-style);border-top-style: var(--tw-border-style);border-top-width: calc(1px * var(--tw-divide-y-reverse));border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));}
.shot :where(.divide-\[color\:var\(--band-hairline\)\] > :not(:last-child)){border-color: var(--band-hairline);}
.shot :where(.divide-slate-100 > :not(:last-child)){border-color: var(--color-slate-100);}
.shot .truncate{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.shot .overflow-hidden{overflow: hidden;}
.shot .overflow-visible{overflow: visible;}
.shot .rounded{border-radius: 0.25rem;}
.shot .rounded-2xl{border-radius: var(--radius-2xl);}
.shot .rounded-\[inherit\]{border-radius: inherit;}
.shot .rounded-full{border-radius: calc(infinity * 1px);}
.shot .rounded-lg{border-radius: var(--radius-lg);}
.shot .rounded-xl{border-radius: var(--radius-xl);}
.shot .rounded-b-\[28px\]{border-bottom-right-radius: 28px;border-bottom-left-radius: 28px;}
.shot .border{border-style: var(--tw-border-style);border-width: 1px;}
.shot .border-t{border-top-style: var(--tw-border-style);border-top-width: 1px;}
.shot .border-\[color\:var\(--band-hairline\)\]{border-color: var(--band-hairline);}
.shot .border-slate-100{border-color: var(--color-slate-100);}
.shot .bg-\[color\:var\(--band-accent\)\]{background-color: var(--band-accent);}
.shot .bg-\[color\:var\(--band-glow\)\]{background-color: var(--band-glow);}
.shot .bg-\[color\:var\(--band-good\)\]{background-color: var(--band-good);}
.shot .bg-\[color\:var\(--band-shade\)\]{background-color: var(--band-shade);}
.shot .bg-\[color\:var\(--band-surface\)\]{background-color: var(--band-surface);}
.shot .bg-\[color\:var\(--band-tile\)\]{background-color: var(--band-tile);}
.shot .bg-\[color\:var\(--band-topedge\)\]{background-color: var(--band-topedge);}
.shot .bg-\[color\:var\(--band-track\)\]{background-color: var(--band-track);}
.shot .bg-amber-50{background-color: var(--color-amber-50);}
.shot .bg-amber-100{background-color: var(--color-amber-100);}
.shot .bg-amber-500\/15{background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 15%, transparent);}
@supports (color: color-mix(in lab, red, red)){.shot .bg-amber-500\/15{background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);}}
.shot .bg-blue-100{background-color: var(--color-blue-100);}
.shot .bg-emerald-50{background-color: var(--color-emerald-50);}
.shot .bg-emerald-100{background-color: var(--color-emerald-100);}
.shot .bg-emerald-400{background-color: var(--color-emerald-400);}
.shot .bg-emerald-500{background-color: var(--color-emerald-500);}
.shot .bg-green-50{background-color: var(--color-green-50);}
.shot .bg-red-50{background-color: var(--color-red-50);}
.shot .bg-red-100{background-color: var(--color-red-100);}
.shot .bg-red-500{background-color: var(--color-red-500);}
.shot .bg-slate-50{background-color: var(--color-slate-50);}
.shot .bg-slate-100{background-color: var(--color-slate-100);}
.shot .bg-slate-200{background-color: var(--color-slate-200);}
.shot .bg-white{background-color: var(--color-white);}
.shot .p-1{padding: calc(var(--spacing) * 1);}
.shot .p-1\.5{padding: calc(var(--spacing) * 1.5);}
.shot .p-3{padding: calc(var(--spacing) * 3);}
.shot .p-4{padding: calc(var(--spacing) * 4);}
.shot .p-6{padding: calc(var(--spacing) * 6);}
.shot .px-1{padding-inline: calc(var(--spacing) * 1);}
.shot .px-1\.5{padding-inline: calc(var(--spacing) * 1.5);}
.shot .px-2{padding-inline: calc(var(--spacing) * 2);}
.shot .px-2\.5{padding-inline: calc(var(--spacing) * 2.5);}
.shot .px-3{padding-inline: calc(var(--spacing) * 3);}
.shot .px-4{padding-inline: calc(var(--spacing) * 4);}
.shot .py-0\.5{padding-block: calc(var(--spacing) * 0.5);}
.shot .py-1\.5{padding-block: calc(var(--spacing) * 1.5);}
.shot .py-2{padding-block: calc(var(--spacing) * 2);}
.shot .py-3{padding-block: calc(var(--spacing) * 3);}
.shot .pt-2{padding-top: calc(var(--spacing) * 2);}
.shot .pt-3{padding-top: calc(var(--spacing) * 3);}
.shot .pt-14{padding-top: calc(var(--spacing) * 14);}
.shot .pr-3{padding-right: calc(var(--spacing) * 3);}
.shot .pb-5{padding-bottom: calc(var(--spacing) * 5);}
.shot .pb-24{padding-bottom: calc(var(--spacing) * 24);}
.shot .pl-4{padding-left: calc(var(--spacing) * 4);}
.shot .text-center{text-align: center;}
.shot .text-left{text-align: left;}
.shot .text-right{text-align: right;}
.shot .text-2xl{font-size: var(--text-2xl);line-height: var(--tw-leading, var(--text-2xl--line-height));}
.shot .text-lg{font-size: var(--text-lg);line-height: var(--tw-leading, var(--text-lg--line-height));}
.shot .text-sm{font-size: var(--text-sm);line-height: var(--tw-leading, var(--text-sm--line-height));}
.shot .text-xl{font-size: var(--text-xl);line-height: var(--tw-leading, var(--text-xl--line-height));}
.shot .text-xs{font-size: var(--text-xs);line-height: var(--tw-leading, var(--text-xs--line-height));}
.shot .text-\[9px\]{font-size: 9px;}
.shot .text-\[10px\]{font-size: 10px;}
.shot .text-\[11px\]{font-size: 11px;}
.shot .leading-none{--tw-leading: 1;line-height: 1;}
.shot .leading-snug{--tw-leading: var(--leading-snug);line-height: var(--leading-snug);}
.shot .font-bold{--tw-font-weight: var(--font-weight-bold);font-weight: var(--font-weight-bold);}
.shot .font-medium{--tw-font-weight: var(--font-weight-medium);font-weight: var(--font-weight-medium);}
.shot .font-normal{--tw-font-weight: var(--font-weight-normal);font-weight: var(--font-weight-normal);}
.shot .font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight: var(--font-weight-semibold);}
.shot .tracking-\[0\.02em\]{--tw-tracking: 0.02em;letter-spacing: 0.02em;}
.shot .tracking-\[0\.14em\]{--tw-tracking: 0.14em;letter-spacing: 0.14em;}
.shot .tracking-wide{--tw-tracking: var(--tracking-wide);letter-spacing: var(--tracking-wide);}
.shot .tracking-wider{--tw-tracking: var(--tracking-wider);letter-spacing: var(--tracking-wider);}
.shot .break-words{overflow-wrap: break-word;}
.shot .text-\[color\:var\(--band-bad\)\]{color: var(--band-bad);}
.shot .text-\[color\:var\(--band-ink\)\]{color: var(--band-ink);}
.shot .text-\[color\:var\(--band-ink-faint\)\]{color: var(--band-ink-faint);}
.shot .text-\[color\:var\(--band-ink-soft\)\]{color: var(--band-ink-soft);}
.shot .text-amber-500{color: var(--color-amber-500);}
.shot .text-amber-600{color: var(--color-amber-600);}
.shot .text-amber-700{color: var(--color-amber-700);}
.shot .text-amber-700\/80{color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 80%, transparent);}
@supports (color: color-mix(in lab, red, red)){.shot .text-amber-700\/80{color: color-mix(in oklab, var(--color-amber-700) 80%, transparent);}}
.shot .text-blue-500{color: var(--color-blue-500);}
.shot .text-blue-600{color: var(--color-blue-600);}
.shot .text-emerald-600{color: var(--color-emerald-600);}
.shot .text-green-700{color: var(--color-green-700);}
.shot .text-primary-500{color: rgb(var(--color-primary-500));}
.shot .text-red-200{color: var(--color-red-200);}
.shot .text-red-500{color: var(--color-red-500);}
.shot .text-red-600{color: var(--color-red-600);}
.shot .text-slate-100{color: var(--color-slate-100);}
.shot .text-slate-300{color: var(--color-slate-300);}
.shot .text-slate-400{color: var(--color-slate-400);}
.shot .text-slate-500{color: var(--color-slate-500);}
.shot .text-slate-600{color: var(--color-slate-600);}
.shot .text-slate-700{color: var(--color-slate-700);}
.shot .text-slate-800{color: var(--color-slate-800);}
.shot .text-slate-900{color: var(--color-slate-900);}
.shot .text-white{color: var(--color-white);}
.shot .uppercase{text-transform: uppercase;}
.shot .tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);}
.shot .opacity-40{opacity: 40%;}
.shot .opacity-60{opacity: 60%;}
.shot .shadow-\[0_3px_14px_-6px_var\(--band-tile-shade\)\]{--tw-shadow: 0 3px 14px -6px var(--tw-shadow-color, var(--band-tile-shade));box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.shot .ring-1{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.shot .ring-2{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.shot .\[box-shadow\:0_3px_14px_-6px_var\(--band-tile-shade\)\,inset_0_1px_0_var\(--band-tile-hi\)\]{box-shadow: 0 3px 14px -6px var(--band-tile-shade),inset 0 1px 0 var(--band-tile-hi);}
.shot .ring-emerald-500{--tw-ring-color: var(--color-emerald-500);}
.shot .ring-slate-900\/70{--tw-ring-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 70%, transparent);}
@supports (color: color-mix(in lab, red, red)){.shot .ring-slate-900\/70{--tw-ring-color: color-mix(in oklab, var(--color-slate-900) 70%, transparent);}}
.shot .blur-3xl{--tw-blur: blur(var(--blur-3xl));filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);}
.shot .backdrop-blur-sm{--tw-backdrop-blur: blur(var(--blur-sm));-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);}
.shot .transition-colors{transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));transition-duration: var(--tw-duration, var(--default-transition-duration));}
.shot .transition-opacity{transition-property: opacity;transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));transition-duration: var(--tw-duration, var(--default-transition-duration));}
.shot .transition-transform{transition-property: transform, translate, scale, rotate;transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));transition-duration: var(--tw-duration, var(--default-transition-duration));}
.shot .outline-none{--tw-outline-style: none;outline-style: none;}
@media (hover: hover){.shot .hover\:bg-emerald-600:hover{background-color: var(--color-emerald-600);}}
@media (hover: hover){.shot .hover\:bg-red-100:hover{background-color: var(--color-red-100);}}
@media (hover: hover){.shot .hover\:bg-slate-100:hover{background-color: var(--color-slate-100);}}
@media (hover: hover){.shot .hover\:text-slate-500:hover{color: var(--color-slate-500);}}
@media (hover: hover){.shot .hover\:text-slate-700:hover{color: var(--color-slate-700);}}
.shot .focus-visible\:ring-2:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.shot .focus-visible\:ring-primary-500:focus-visible{--tw-ring-color: rgb(var(--color-primary-500));}
.shot .active\:scale-\[0\.98\]:active{scale: 0.98;}
.shot .active\:bg-slate-100:active{background-color: var(--color-slate-100);}
.shot .active\:opacity-50:active{opacity: 50%;}
.shot .active\:opacity-70:active{opacity: 70%;}
.shot .disabled\:cursor-default:disabled{cursor: default;}
.shot .disabled\:opacity-30:disabled{opacity: 30%;}
@media (width >= 48rem){.shot .md\:inline{display: inline;}}
@media (width >= 64rem){.shot .lg\:-top-14{top: calc(var(--spacing) * -14);}}
@media (width >= 64rem){.shot .lg\:mx-0{margin-inline: calc(var(--spacing) * 0);}}
@media (width >= 64rem){.shot .lg\:mx-auto{margin-inline: auto;}}
@media (width >= 64rem){.shot .lg\:mt-0{margin-top: calc(var(--spacing) * 0);}}
@media (width >= 64rem){.shot .lg\:h-14{height: calc(var(--spacing) * 14);}}
@media (width >= 64rem){.shot .lg\:max-w-2xl{max-width: var(--container-2xl);}}
@media (width >= 64rem){.shot .lg\:rounded-3xl{border-radius: var(--radius-3xl);}}
@media (width >= 64rem){.shot .lg\:pt-\[4\.5rem\]{padding-top: 4.5rem;}}
.shot .rtl\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *){rotate: 180deg;}
:root[data-theme='dark'] .shot :where(.dark\:divide-slate-700 > :not(:last-child)){border-color: var(--color-slate-700);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot :where(.dark\:divide-slate-700 > :not(:last-child)){border-color: var(--color-slate-700);}}
:root[data-theme='dark'] .shot .dark\:border-slate-700{border-color: var(--color-slate-700);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:border-slate-700{border-color: var(--color-slate-700);}}
:root[data-theme='dark'] .shot .dark\:bg-amber-900\/20{background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:bg-amber-900\/20{background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);}}
@supports (color: color-mix(in lab, red, red)){:root[data-theme='dark'] .shot .dark\:bg-amber-900\/20{background-color: color-mix(in oklab, var(--color-amber-900) 20%, transparent);}}
@media (prefers-color-scheme: dark){@supports (color: color-mix(in lab, red, red)){:root:not([data-theme='light']) .shot .dark\:bg-amber-900\/20{background-color: color-mix(in oklab, var(--color-amber-900) 20%, transparent);}}}
:root[data-theme='dark'] .shot .dark\:bg-amber-900\/30{background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:bg-amber-900\/30{background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent);}}
@supports (color: color-mix(in lab, red, red)){:root[data-theme='dark'] .shot .dark\:bg-amber-900\/30{background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);}}
@media (prefers-color-scheme: dark){@supports (color: color-mix(in lab, red, red)){:root:not([data-theme='light']) .shot .dark\:bg-amber-900\/30{background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);}}}
:root[data-theme='dark'] .shot .dark\:bg-blue-900\/20{background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:bg-blue-900\/20{background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);}}
@supports (color: color-mix(in lab, red, red)){:root[data-theme='dark'] .shot .dark\:bg-blue-900\/20{background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);}}
@media (prefers-color-scheme: dark){@supports (color: color-mix(in lab, red, red)){:root:not([data-theme='light']) .shot .dark\:bg-blue-900\/20{background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);}}}
:root[data-theme='dark'] .shot .dark\:bg-blue-900\/30{background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:bg-blue-900\/30{background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);}}
@supports (color: color-mix(in lab, red, red)){:root[data-theme='dark'] .shot .dark\:bg-blue-900\/30{background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);}}
@media (prefers-color-scheme: dark){@supports (color: color-mix(in lab, red, red)){:root:not([data-theme='light']) .shot .dark\:bg-blue-900\/30{background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);}}}
:root[data-theme='dark'] .shot .dark\:bg-emerald-900\/20{background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:bg-emerald-900\/20{background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent);}}
@supports (color: color-mix(in lab, red, red)){:root[data-theme='dark'] .shot .dark\:bg-emerald-900\/20{background-color: color-mix(in oklab, var(--color-emerald-900) 20%, transparent);}}
@media (prefers-color-scheme: dark){@supports (color: color-mix(in lab, red, red)){:root:not([data-theme='light']) .shot .dark\:bg-emerald-900\/20{background-color: color-mix(in oklab, var(--color-emerald-900) 20%, transparent);}}}
:root[data-theme='dark'] .shot .dark\:bg-emerald-900\/30{background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:bg-emerald-900\/30{background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent);}}
@supports (color: color-mix(in lab, red, red)){:root[data-theme='dark'] .shot .dark\:bg-emerald-900\/30{background-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);}}
@media (prefers-color-scheme: dark){@supports (color: color-mix(in lab, red, red)){:root:not([data-theme='light']) .shot .dark\:bg-emerald-900\/30{background-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);}}}
:root[data-theme='dark'] .shot .dark\:bg-green-900\/20{background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:bg-green-900\/20{background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent);}}
@supports (color: color-mix(in lab, red, red)){:root[data-theme='dark'] .shot .dark\:bg-green-900\/20{background-color: color-mix(in oklab, var(--color-green-900) 20%, transparent);}}
@media (prefers-color-scheme: dark){@supports (color: color-mix(in lab, red, red)){:root:not([data-theme='light']) .shot .dark\:bg-green-900\/20{background-color: color-mix(in oklab, var(--color-green-900) 20%, transparent);}}}
:root[data-theme='dark'] .shot .dark\:bg-red-900\/20{background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:bg-red-900\/20{background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);}}
@supports (color: color-mix(in lab, red, red)){:root[data-theme='dark'] .shot .dark\:bg-red-900\/20{background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);}}
@media (prefers-color-scheme: dark){@supports (color: color-mix(in lab, red, red)){:root:not([data-theme='light']) .shot .dark\:bg-red-900\/20{background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);}}}
:root[data-theme='dark'] .shot .dark\:bg-slate-700{background-color: var(--color-slate-700);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:bg-slate-700{background-color: var(--color-slate-700);}}
:root[data-theme='dark'] .shot .dark\:bg-slate-800{background-color: var(--color-slate-800);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:bg-slate-800{background-color: var(--color-slate-800);}}
:root[data-theme='dark'] .shot .dark\:bg-slate-800\/50{background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 50%, transparent);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:bg-slate-800\/50{background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 50%, transparent);}}
@supports (color: color-mix(in lab, red, red)){:root[data-theme='dark'] .shot .dark\:bg-slate-800\/50{background-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);}}
@media (prefers-color-scheme: dark){@supports (color: color-mix(in lab, red, red)){:root:not([data-theme='light']) .shot .dark\:bg-slate-800\/50{background-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);}}}
:root[data-theme='dark'] .shot .dark\:bg-slate-800\/60{background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 60%, transparent);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:bg-slate-800\/60{background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 60%, transparent);}}
@supports (color: color-mix(in lab, red, red)){:root[data-theme='dark'] .shot .dark\:bg-slate-800\/60{background-color: color-mix(in oklab, var(--color-slate-800) 60%, transparent);}}
@media (prefers-color-scheme: dark){@supports (color: color-mix(in lab, red, red)){:root:not([data-theme='light']) .shot .dark\:bg-slate-800\/60{background-color: color-mix(in oklab, var(--color-slate-800) 60%, transparent);}}}
:root[data-theme='dark'] .shot .dark\:bg-slate-900{background-color: var(--color-slate-900);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:bg-slate-900{background-color: var(--color-slate-900);}}
:root[data-theme='dark'] .shot .dark\:stroke-slate-700{stroke: var(--color-slate-700);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:stroke-slate-700{stroke: var(--color-slate-700);}}
:root[data-theme='dark'] .shot .dark\:text-amber-200{color: var(--color-amber-200);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:text-amber-200{color: var(--color-amber-200);}}
:root[data-theme='dark'] .shot .dark\:text-amber-300\/80{color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 80%, transparent);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:text-amber-300\/80{color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 80%, transparent);}}
@supports (color: color-mix(in lab, red, red)){:root[data-theme='dark'] .shot .dark\:text-amber-300\/80{color: color-mix(in oklab, var(--color-amber-300) 80%, transparent);}}
@media (prefers-color-scheme: dark){@supports (color: color-mix(in lab, red, red)){:root:not([data-theme='light']) .shot .dark\:text-amber-300\/80{color: color-mix(in oklab, var(--color-amber-300) 80%, transparent);}}}
:root[data-theme='dark'] .shot .dark\:text-amber-400{color: var(--color-amber-400);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:text-amber-400{color: var(--color-amber-400);}}
:root[data-theme='dark'] .shot .dark\:text-blue-400{color: var(--color-blue-400);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:text-blue-400{color: var(--color-blue-400);}}
:root[data-theme='dark'] .shot .dark\:text-emerald-400{color: var(--color-emerald-400);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:text-emerald-400{color: var(--color-emerald-400);}}
:root[data-theme='dark'] .shot .dark\:text-green-300{color: var(--color-green-300);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:text-green-300{color: var(--color-green-300);}}
:root[data-theme='dark'] .shot .dark\:text-red-400{color: var(--color-red-400);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:text-red-400{color: var(--color-red-400);}}
:root[data-theme='dark'] .shot .dark\:text-red-900\/40{color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 40%, transparent);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:text-red-900\/40{color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 40%, transparent);}}
@supports (color: color-mix(in lab, red, red)){:root[data-theme='dark'] .shot .dark\:text-red-900\/40{color: color-mix(in oklab, var(--color-red-900) 40%, transparent);}}
@media (prefers-color-scheme: dark){@supports (color: color-mix(in lab, red, red)){:root:not([data-theme='light']) .shot .dark\:text-red-900\/40{color: color-mix(in oklab, var(--color-red-900) 40%, transparent);}}}
:root[data-theme='dark'] .shot .dark\:text-slate-100{color: var(--color-slate-100);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:text-slate-100{color: var(--color-slate-100);}}
:root[data-theme='dark'] .shot .dark\:text-slate-200{color: var(--color-slate-200);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:text-slate-200{color: var(--color-slate-200);}}
:root[data-theme='dark'] .shot .dark\:text-slate-300{color: var(--color-slate-300);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:text-slate-300{color: var(--color-slate-300);}}
:root[data-theme='dark'] .shot .dark\:text-slate-400{color: var(--color-slate-400);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:text-slate-400{color: var(--color-slate-400);}}
:root[data-theme='dark'] .shot .dark\:text-slate-600{color: var(--color-slate-600);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:text-slate-600{color: var(--color-slate-600);}}
:root[data-theme='dark'] .shot .dark\:text-slate-700{color: var(--color-slate-700);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:text-slate-700{color: var(--color-slate-700);}}
:root[data-theme='dark'] .shot .dark\:text-white{color: var(--color-white);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:text-white{color: var(--color-white);}}
:root[data-theme='dark'] .shot .dark\:ring-white\/80{--tw-ring-color: color-mix(in srgb, #fff 80%, transparent);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:ring-white\/80{--tw-ring-color: color-mix(in srgb, #fff 80%, transparent);}}
@supports (color: color-mix(in lab, red, red)){:root[data-theme='dark'] .shot .dark\:ring-white\/80{--tw-ring-color: color-mix(in oklab, var(--color-white) 80%, transparent);}}
@media (prefers-color-scheme: dark){@supports (color: color-mix(in lab, red, red)){:root:not([data-theme='light']) .shot .dark\:ring-white\/80{--tw-ring-color: color-mix(in oklab, var(--color-white) 80%, transparent);}}}
@media (hover: hover){:root[data-theme='dark'] .shot .dark\:hover\:bg-red-900\/40:hover{background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 40%, transparent);}}
@media (prefers-color-scheme: dark){@media (hover: hover){:root:not([data-theme='light']) .shot .dark\:hover\:bg-red-900\/40:hover{background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 40%, transparent);}}}
@media (hover: hover){@supports (color: color-mix(in lab, red, red)){:root[data-theme='dark'] .shot .dark\:hover\:bg-red-900\/40:hover{background-color: color-mix(in oklab, var(--color-red-900) 40%, transparent);}}}
@media (prefers-color-scheme: dark){@media (hover: hover){@supports (color: color-mix(in lab, red, red)){:root:not([data-theme='light']) .shot .dark\:hover\:bg-red-900\/40:hover{background-color: color-mix(in oklab, var(--color-red-900) 40%, transparent);}}}}
@media (hover: hover){:root[data-theme='dark'] .shot .dark\:hover\:bg-slate-800:hover{background-color: var(--color-slate-800);}}
@media (prefers-color-scheme: dark){@media (hover: hover){:root:not([data-theme='light']) .shot .dark\:hover\:bg-slate-800:hover{background-color: var(--color-slate-800);}}}
@media (hover: hover){:root[data-theme='dark'] .shot .dark\:hover\:text-slate-200:hover{color: var(--color-slate-200);}}
@media (prefers-color-scheme: dark){@media (hover: hover){:root:not([data-theme='light']) .shot .dark\:hover\:text-slate-200:hover{color: var(--color-slate-200);}}}
@media (hover: hover){:root[data-theme='dark'] .shot .dark\:hover\:text-slate-400:hover{color: var(--color-slate-400);}}
@media (prefers-color-scheme: dark){@media (hover: hover){:root:not([data-theme='light']) .shot .dark\:hover\:text-slate-400:hover{color: var(--color-slate-400);}}}
:root[data-theme='dark'] .shot .dark\:active\:bg-slate-700:active{background-color: var(--color-slate-700);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .dark\:active\:bg-slate-700:active{background-color: var(--color-slate-700);}}
.shot .bar-stripe-spent{background-image: repeating-linear-gradient(45deg, #0e9f6e 0, #0e9f6e 4px, #0a6e49 4px, #0a6e49 8px);}
:root[data-theme='dark'] .shot .bar-stripe-spent{background-image: repeating-linear-gradient(45deg, #34d399 0, #34d399 4px, #0e9f6e 4px, #0e9f6e 8px);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .bar-stripe-spent{background-image: repeating-linear-gradient(45deg, #34d399 0, #34d399 4px, #0e9f6e 4px, #0e9f6e 8px);}}
.shot .bar-stripe-over{background-image: repeating-linear-gradient(45deg, #f59e0b 0, #f59e0b 4px, #b45309 4px, #b45309 8px);}
:root[data-theme='dark'] .shot .bar-stripe-over{background-image: repeating-linear-gradient(45deg, #fbbf24 0, #fbbf24 4px, #d97706 4px, #d97706 8px);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot .bar-stripe-over{background-image: repeating-linear-gradient(45deg, #fbbf24 0, #fbbf24 4px, #d97706 4px, #d97706 8px);}}
.shot{--k-device-pixel-ratio: 1;--k-hairline-color: rgba(0, 0, 0, 0.2);--k-rtl-reverse: 1;}
.shot [dir='rtl']{--k-rtl-reverse: -1;}
:root[data-theme='dark'] .shot{background-color: #000;color: #fff;--k-hairline-color: rgba(255, 255, 255, 0.15);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot{background-color: #000;color: #fff;--k-hairline-color: rgba(255, 255, 255, 0.15);}}
@media (min-resolution: 1.25dppx){.shot{--k-device-pixel-ratio: 1.25;}}
@media (min-resolution: 1.5dppx){.shot{--k-device-pixel-ratio: 1.5;}}
@media (min-resolution: 1.75dppx){.shot{--k-device-pixel-ratio: 1.75;}}
@media (min-resolution: 2dppx){.shot{--k-device-pixel-ratio: 2;}}
@media (min-resolution: 2.25dppx){.shot{--k-device-pixel-ratio: 2.25;}}
@media (min-resolution: 2.5dppx){.shot{--k-device-pixel-ratio: 2.5;}}
@media (min-resolution: 3dppx){.shot{--k-device-pixel-ratio: 3;}}
.shot *{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-text-size-adjust: 100%;}
.shot > .shot-doc{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
:root[data-theme='dark'] .shot{--color-ios-hover-highlight: rgba(255, 255, 255, 0.3);}
@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .shot{--color-ios-hover-highlight: rgba(255, 255, 255, 0.3);}}
.shot{--k-touch-ripple-opacity: 0.15;--k-touch-ripple-black: rgba(0, 0, 0, var(--k-touch-ripple-opacity));--k-touch-ripple-white: rgba(255, 255, 255, var(--k-touch-ripple-opacity));--k-touch-ripple-color: var(--k-touch-ripple-black);}
@keyframes k-touch-ripple-in{from{transform: translate3d(0px, 0px, 0) scale(0);}to{transform: var(--k-ripple-transform);}}
@keyframes k-touch-ripple-out{from{opacity: 1;}to{opacity: 0;}}
@keyframes k-ios-preloader-spin{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}
@keyframes k-material-preloader-rotate{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}
@keyframes k-material-preloader-circle-rotate{0%{transform: rotate(-90deg);stroke-dashoffset: 100px;}12.50%{transform: rotate(-90deg);stroke-dashoffset: 25px;}25%{transform: rotate(180deg);stroke-dashoffset: 100px;}25.10%{transform: rotate(-180deg);stroke-dashoffset: 100px;}37.50%{transform: rotate(-180deg);stroke-dashoffset: 25px;}50%{transform: rotate(90deg);stroke-dashoffset: 100px;}50.10%{transform: rotate(90deg);stroke-dashoffset: 100px;}62.50%{transform: rotate(90deg);stroke-dashoffset: 25px;}75%{transform: rotate(360deg);stroke-dashoffset: 100px;}75.10%{transform: rotate(0deg);stroke-dashoffset: 100px;}87.50%{transform: rotate(0deg);stroke-dashoffset: 25px;}100%{transform: rotate(270deg);stroke-dashoffset: 100px;}}
.shot{--k-safe-area-left: 0px;--k-safe-area-right: 0px;--k-safe-area-top: 0px;--k-safe-area-bottom: 0px;}
@keyframes scale-in{from{opacity: 0;transform: scale(0.95);}to{opacity: 1;transform: scale(1);}}
@keyframes slide-up{from{opacity: 0;transform: translateY(20px);}to{opacity: 1;transform: translateY(0);}}
@keyframes flash-green{0%{color: inherit;}25%{color: #10b981;transform: scale(1.05);}100%{color: inherit;transform: scale(1);}}
@keyframes flash-red{0%{color: inherit;}25%{color: #ef4444;transform: scale(1.05);}100%{color: inherit;transform: scale(1);}}
@keyframes shimmer{100%{transform: translateX(100%);}}
@keyframes pulse-glow{0%, 100%{box-shadow: 0 0 0 0 rgba(245, 158, 11, 0);}50%{box-shadow: 0 0 12px 4px rgba(245, 158, 11, 0.25);}}
@keyframes pulse-glow-dark{0%, 100%{box-shadow: 0 0 0 0 rgba(245, 158, 11, 0);}50%{box-shadow: 0 0 12px 4px rgba(245, 158, 11, 0.15);}}
@keyframes pulse-glow-band{0%, 100%{box-shadow: 0 0 0 0 transparent;}50%{box-shadow: 0 0 14px 3px var(--band-glow-pulse);}}
.shot [class~="bg-ios-light-glass"], .shot [class~="bg-ios-dark-glass"]{background-color: transparent !important;box-shadow: none !important;backdrop-filter: none !important;}
@property --tw-translate-x{syntax: "*";inherits: false;initial-value: 0;}
@property --tw-translate-y{syntax: "*";inherits: false;initial-value: 0;}
@property --tw-translate-z{syntax: "*";inherits: false;initial-value: 0;}
@property --tw-scale-x{syntax: "*";inherits: false;initial-value: 1;}
@property --tw-scale-y{syntax: "*";inherits: false;initial-value: 1;}
@property --tw-scale-z{syntax: "*";inherits: false;initial-value: 1;}
@property --tw-rotate-x{syntax: "*";inherits: false;}
@property --tw-rotate-y{syntax: "*";inherits: false;}
@property --tw-rotate-z{syntax: "*";inherits: false;}
@property --tw-skew-x{syntax: "*";inherits: false;}
@property --tw-skew-y{syntax: "*";inherits: false;}
@property --tw-pan-x{syntax: "*";inherits: false;}
@property --tw-pan-y{syntax: "*";inherits: false;}
@property --tw-pinch-zoom{syntax: "*";inherits: false;}
@property --tw-space-y-reverse{syntax: "*";inherits: false;initial-value: 0;}
@property --tw-divide-x-reverse{syntax: "*";inherits: false;initial-value: 0;}
@property --tw-border-style{syntax: "*";inherits: false;initial-value: solid;}
@property --tw-divide-y-reverse{syntax: "*";inherits: false;initial-value: 0;}
@property --tw-gradient-position{syntax: "*";inherits: false;}
@property --tw-gradient-from{syntax: "<color>";inherits: false;initial-value: #0000;}
@property --tw-gradient-via{syntax: "<color>";inherits: false;initial-value: #0000;}
@property --tw-gradient-to{syntax: "<color>";inherits: false;initial-value: #0000;}
@property --tw-gradient-stops{syntax: "*";inherits: false;}
@property --tw-gradient-via-stops{syntax: "*";inherits: false;}
@property --tw-gradient-from-position{syntax: "<length-percentage>";inherits: false;initial-value: 0%;}
@property --tw-gradient-via-position{syntax: "<length-percentage>";inherits: false;initial-value: 50%;}
@property --tw-gradient-to-position{syntax: "<length-percentage>";inherits: false;initial-value: 100%;}
@property --tw-mask-linear{syntax: "*";inherits: false;initial-value: linear-gradient(#fff, #fff);}
@property --tw-mask-radial{syntax: "*";inherits: false;initial-value: linear-gradient(#fff, #fff);}
@property --tw-mask-conic{syntax: "*";inherits: false;initial-value: linear-gradient(#fff, #fff);}
@property --tw-mask-left{syntax: "*";inherits: false;initial-value: linear-gradient(#fff, #fff);}
@property --tw-mask-right{syntax: "*";inherits: false;initial-value: linear-gradient(#fff, #fff);}
@property --tw-mask-bottom{syntax: "*";inherits: false;initial-value: linear-gradient(#fff, #fff);}
@property --tw-mask-top{syntax: "*";inherits: false;initial-value: linear-gradient(#fff, #fff);}
@property --tw-mask-top-from-position{syntax: "*";inherits: false;initial-value: 0%;}
@property --tw-mask-top-to-position{syntax: "*";inherits: false;initial-value: 100%;}
@property --tw-mask-top-from-color{syntax: "*";inherits: false;initial-value: black;}
@property --tw-mask-top-to-color{syntax: "*";inherits: false;initial-value: transparent;}
@property --tw-mask-bottom-from-position{syntax: "*";inherits: false;initial-value: 0%;}
@property --tw-mask-bottom-to-position{syntax: "*";inherits: false;initial-value: 100%;}
@property --tw-mask-bottom-from-color{syntax: "*";inherits: false;initial-value: black;}
@property --tw-mask-bottom-to-color{syntax: "*";inherits: false;initial-value: transparent;}
@property --tw-leading{syntax: "*";inherits: false;}
@property --tw-font-weight{syntax: "*";inherits: false;}
@property --tw-tracking{syntax: "*";inherits: false;}
@property --tw-ordinal{syntax: "*";inherits: false;}
@property --tw-slashed-zero{syntax: "*";inherits: false;}
@property --tw-numeric-figure{syntax: "*";inherits: false;}
@property --tw-numeric-spacing{syntax: "*";inherits: false;}
@property --tw-numeric-fraction{syntax: "*";inherits: false;}
@property --tw-shadow{syntax: "*";inherits: false;initial-value: 0 0 #0000;}
@property --tw-shadow-color{syntax: "*";inherits: false;}
@property --tw-shadow-alpha{syntax: "<percentage>";inherits: false;initial-value: 100%;}
@property --tw-inset-shadow{syntax: "*";inherits: false;initial-value: 0 0 #0000;}
@property --tw-inset-shadow-color{syntax: "*";inherits: false;}
@property --tw-inset-shadow-alpha{syntax: "<percentage>";inherits: false;initial-value: 100%;}
@property --tw-ring-color{syntax: "*";inherits: false;}
@property --tw-ring-shadow{syntax: "*";inherits: false;initial-value: 0 0 #0000;}
@property --tw-inset-ring-color{syntax: "*";inherits: false;}
@property --tw-inset-ring-shadow{syntax: "*";inherits: false;initial-value: 0 0 #0000;}
@property --tw-ring-inset{syntax: "*";inherits: false;}
@property --tw-ring-offset-width{syntax: "<length>";inherits: false;initial-value: 0px;}
@property --tw-ring-offset-color{syntax: "*";inherits: false;initial-value: #fff;}
@property --tw-ring-offset-shadow{syntax: "*";inherits: false;initial-value: 0 0 #0000;}
@property --tw-outline-style{syntax: "*";inherits: false;initial-value: solid;}
@property --tw-blur{syntax: "*";inherits: false;}
@property --tw-brightness{syntax: "*";inherits: false;}
@property --tw-contrast{syntax: "*";inherits: false;}
@property --tw-grayscale{syntax: "*";inherits: false;}
@property --tw-hue-rotate{syntax: "*";inherits: false;}
@property --tw-invert{syntax: "*";inherits: false;}
@property --tw-opacity{syntax: "*";inherits: false;}
@property --tw-saturate{syntax: "*";inherits: false;}
@property --tw-sepia{syntax: "*";inherits: false;}
@property --tw-drop-shadow{syntax: "*";inherits: false;}
@property --tw-drop-shadow-color{syntax: "*";inherits: false;}
@property --tw-drop-shadow-alpha{syntax: "<percentage>";inherits: false;initial-value: 100%;}
@property --tw-drop-shadow-size{syntax: "*";inherits: false;}
@property --tw-backdrop-blur{syntax: "*";inherits: false;}
@property --tw-backdrop-brightness{syntax: "*";inherits: false;}
@property --tw-backdrop-contrast{syntax: "*";inherits: false;}
@property --tw-backdrop-grayscale{syntax: "*";inherits: false;}
@property --tw-backdrop-hue-rotate{syntax: "*";inherits: false;}
@property --tw-backdrop-invert{syntax: "*";inherits: false;}
@property --tw-backdrop-opacity{syntax: "*";inherits: false;}
@property --tw-backdrop-saturate{syntax: "*";inherits: false;}
@property --tw-backdrop-sepia{syntax: "*";inherits: false;}
@property --tw-duration{syntax: "*";inherits: false;}
@property --tw-ease{syntax: "*";inherits: false;}
@property --tw-content{syntax: "*";initial-value: "";inherits: false;}
@keyframes spin{to{transform: rotate(360deg);}}
@keyframes pulse{50%{opacity: 0.5;}}