._prompt_18u7z_1{position:fixed;z-index:15;inset-inline:var(--space-4);inset-block-end:calc(4.5rem + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border:0 solid var(--color-info);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--color-info-subtle);box-shadow:var(--shadow-sm);color:var(--color-info)}@media (width >= 48rem){._prompt_18u7z_1{inset-inline:auto var(--space-6);max-inline-size:30rem}}@media (width >= 64rem){._prompt_18u7z_1{inset-block-end:calc(var(--space-6) + env(safe-area-inset-bottom))}}@layer theme,base,components,utilities;@layer theme{@theme default{ --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-orange-900: oklch(40.8% .123 38.172); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-50: oklch(98.6% .031 120.757); --color-lime-100: oklch(96.7% .067 122.328); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-lime-800: oklch(45.3% .124 130.933); --color-lime-900: oklch(40.5% .101 131.063); --color-lime-950: oklch(27.4% .072 132.109); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-50: oklch(98.4% .014 180.72); --color-teal-100: oklch(95.3% .051 180.801); --color-teal-200: oklch(91% .096 180.426); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-teal-900: oklch(38.6% .063 188.416); --color-teal-950: oklch(27.7% .046 192.524); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-indigo-950: oklch(25.7% .09 281.288); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-50: oklch(97.7% .017 320.058); --color-fuchsia-100: oklch(95.2% .037 318.852); --color-fuchsia-200: oklch(90.3% .076 319.62); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-800: oklch(45.2% .211 324.591); --color-fuchsia-900: oklch(40.1% .17 325.612); --color-fuchsia-950: oklch(29.3% .136 325.661); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-900: oklch(40.8% .153 2.432); --color-pink-950: oklch(28.4% .109 3.907); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-gray-950: oklch(13% .028 261.692); --color-zinc-50: oklch(98.5% 0 none); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-50: oklch(98.5% 0 none); --color-neutral-100: oklch(97% 0 none); --color-neutral-200: oklch(92.2% 0 none); --color-neutral-300: oklch(87% 0 none); --color-neutral-400: oklch(70.8% 0 none); --color-neutral-500: oklch(55.6% 0 none); --color-neutral-600: oklch(43.9% 0 none); --color-neutral-700: oklch(37.1% 0 none); --color-neutral-800: oklch(26.9% 0 none); --color-neutral-900: oklch(20.5% 0 none); --color-neutral-950: oklch(14.5% 0 none); --color-stone-50: oklch(98.5% .001 106.423); --color-stone-100: oklch(97% .001 106.424); --color-stone-200: oklch(92.3% .003 48.717); --color-stone-300: oklch(86.9% .005 56.366); --color-stone-400: oklch(70.9% .01 56.259); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-stone-800: oklch(26.8% .007 34.298); --color-stone-900: oklch(21.6% .006 56.043); --color-stone-950: oklch(14.7% .004 49.25); --color-mauve-50: oklch(98.5% 0 none); --color-mauve-100: oklch(96% .003 325.6); --color-mauve-200: oklch(92.2% .005 325.62); --color-mauve-300: oklch(86.5% .012 325.68); --color-mauve-400: oklch(71.1% .019 323.02); --color-mauve-500: oklch(54.2% .034 322.5); --color-mauve-600: oklch(43.5% .029 321.78); --color-mauve-700: oklch(36.4% .029 323.89); --color-mauve-800: oklch(26.3% .024 320.12); --color-mauve-900: oklch(21.2% .019 322.12); --color-mauve-950: oklch(14.5% .008 326); --color-olive-50: oklch(98.8% .003 106.5); --color-olive-100: oklch(96.6% .005 106.5); --color-olive-200: oklch(93% .007 106.5); --color-olive-300: oklch(88% .011 106.6); --color-olive-400: oklch(73.7% .021 106.9); --color-olive-500: oklch(58% .031 107.3); --color-olive-600: oklch(46.6% .025 107.3); --color-olive-700: oklch(39.4% .023 107.4); --color-olive-800: oklch(28.6% .016 107.4); --color-olive-900: oklch(22.8% .013 107.4); --color-olive-950: oklch(15.3% .006 107.1); --color-mist-50: oklch(98.7% .002 197.1); --color-mist-100: oklch(96.3% .002 197.1); --color-mist-200: oklch(92.5% .005 214.3); --color-mist-300: oklch(87.2% .007 219.6); --color-mist-400: oklch(72.3% .014 214.4); --color-mist-500: oklch(56% .021 213.5); --color-mist-600: oklch(45% .017 213.2); --color-mist-700: oklch(37.8% .015 216); --color-mist-800: oklch(27.5% .011 216.9); --color-mist-900: oklch(21.8% .008 223.9); --color-mist-950: oklch(14.8% .004 228.8); --color-taupe-50: oklch(98.6% .002 67.8); --color-taupe-100: oklch(96% .002 17.2); --color-taupe-200: oklch(92.2% .005 34.3); --color-taupe-300: oklch(86.8% .007 39.5); --color-taupe-400: oklch(71.4% .014 41.2); --color-taupe-500: oklch(54.7% .021 43.1); --color-taupe-600: oklch(43.8% .017 39.3); --color-taupe-700: oklch(36.7% .016 35.7); --color-taupe-800: oklch(26.8% .011 36.5); --color-taupe-900: oklch(21.4% .009 43.1); --color-taupe-950: oklch(14.7% .004 49.3); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 1.5 ; --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: 1.2 ; --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; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --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-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px rgb(0 0 0 / .05); --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / .05); --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / .05); --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / .05); --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / .05); --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / .15); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / .12); --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / .15); --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / .1); --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / .15); --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / .15); --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / .2); --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / .075), 0px 1px 1px rgb(0 0 0 / .075), 0px 2px 2px rgb(0 0 0 / .075); --text-shadow-md: 0px 1px 1px rgb(0 0 0 / .1), 0px 1px 2px rgb(0 0 0 / .1), 0px 2px 4px rgb(0 0 0 / .1); --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / .1), 0px 3px 2px rgb(0 0 0 / .1), 0px 4px 8px rgb(0 0 0 / .1); --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); } } --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: --theme(--font-sans, initial); --default-font-feature-settings: --theme( --font-sans--font-feature-settings, initial ); --default-font-variation-settings: --theme( --font-sans--font-variation-settings, initial ); --default-mono-font-family: --theme(--font-mono, initial); --default-mono-font-feature-settings: --theme( --font-mono--font-feature-settings, initial ); --default-mono-font-variation-settings: --theme( --font-mono--font-variation-settings, initial ); }@theme default inline reference{ --blur: 8px; --shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05); --drop-shadow: 0 1px 2px rgb(0 0 0 / .1), 0 1px 1px rgb(0 0 0 / .06); --radius: .25rem; --max-width-prose: 65ch; }}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:--theme(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:--theme(--default-font-feature-settings,normal);font-variation-settings:--theme(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:--theme(--default-mono-font-feature-settings,normal);font-variation-settings:--theme(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::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}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{@tailwind utilities;}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }}@keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms) ; --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms) ; animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);}@utility delay-*{animation-delay: calc(--value(number)*1ms) ; animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms) ; --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);}@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);}@utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);}@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);}@utility running{animation-play-state: running;}@utility paused{animation-play-state: paused;}@utility play-state-*{animation-play-state: --value("initial",[*]);}@utility blur-in{--tw-enter-blur: 20px;}@utility blur-in-*{--tw-enter-blur: calc(--value(number)*1px) ; --tw-enter-blur: --value(--blur-*,[*]);}@utility blur-out{--tw-exit-blur: 20px;}@utility blur-out-*{--tw-exit-blur: calc(--value(number)*1px) ; --tw-exit-blur: --value(--blur-*,[*]);}@utility fade-in{--tw-enter-opacity: 0;}@utility fade-in-*{--tw-enter-opacity: calc(--value(number)*.01) ; --tw-enter-opacity: --value(--percentage-*,[*]);}@utility fade-out{--tw-exit-opacity: 0;}@utility fade-out-*{--tw-exit-opacity: calc(--value(number)*.01) ; --tw-exit-opacity: --value(--percentage-*,[*]);}@utility zoom-in{--tw-enter-scale: 0;}@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%) ; --tw-enter-scale: --value(ratio) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%) ; --tw-enter-scale: calc(--value(ratio)*-1) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility zoom-out{--tw-exit-scale: 0;}@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%) ; --tw-exit-scale: --value(ratio) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%) ; --tw-exit-scale: calc(--value(ratio)*-1) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility spin-in{--tw-enter-rotate: 30deg;}@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg) ; --tw-enter-rotate: calc(--value(ratio)*360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility -spin-in{--tw-enter-rotate: -30deg;}@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg) ; --tw-enter-rotate: calc(--value(ratio)*-360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility spin-out{--tw-exit-rotate: 30deg;}@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg) ; --tw-exit-rotate: calc(--value(ratio)*360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility -spin-out{--tw-exit-rotate: -30deg;}@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg) ; --tw-exit-rotate: calc(--value(ratio)*-360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility slide-in-from-top{--tw-enter-translate-y: -100%;}@utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-y: calc(--value(ratio)*-100%) ; --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}@utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-y: calc(--value(ratio)*100%) ; --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-left{--tw-enter-translate-x: -100%;}@utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-right{--tw-enter-translate-x: 100%;}@utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@utility slide-out-to-top{--tw-exit-translate-y: -100%;}@utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-y: calc(--value(ratio)*-100%) ; --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}@utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-y: calc(--value(ratio)*100%) ; --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-left{--tw-exit-translate-x: -100%;}@utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-right{--tw-exit-translate-x: 100%;}@utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@theme inline{@keyframes accordion-down {from {height: 0;} to {height: var( --radix-accordion-content-height, var(--accordion-panel-height, auto) );}} @keyframes accordion-up {from {height: var( --radix-accordion-content-height, var(--accordion-panel-height, auto) );} to {height: 0;}}}@custom-variant data-open{&:where([data-state="open"]),&:where([data-open]:not([data-open="false"])) {@slot;}}@custom-variant data-closed{&:where([data-state="closed"]),&:where([data-closed]:not([data-closed="false"])) {@slot;}}@custom-variant data-checked{&:where([data-state="checked"]),&:where([data-checked]:not([data-checked="false"])) {@slot;}}@custom-variant data-unchecked{&:where([data-state="unchecked"]),&:where([data-unchecked]:not([data-unchecked="false"])) {@slot;}}@custom-variant data-selected{&:where([data-selected="true"]) {@slot;}}@custom-variant data-disabled{&:where([data-disabled="true"]),&:where([data-disabled]:not([data-disabled="false"])) {@slot;}}@custom-variant data-active{&:where([data-state="active"]),&:where([data-active]:not([data-active="false"])) {@slot;}}@custom-variant data-horizontal{&:where([data-orientation="horizontal"]) {@slot;}}@custom-variant data-vertical{&:where([data-orientation="vertical"]) {@slot;}}@utility no-scrollbar{-ms-overflow-style: none; scrollbar-width: none; &::-webkit-scrollbar {display: none;}}@property --scroll-fade-t{syntax: "<length-percentage>"; inherits: false; initial-value: 0px;}@property --scroll-fade-b{syntax: "<length-percentage>"; inherits: false; initial-value: 0px;}@property --scroll-fade-s{syntax: "<length-percentage>"; inherits: false; initial-value: 0px;}@property --scroll-fade-e{syntax: "<length-percentage>"; inherits: false; initial-value: 0px;}@property --scroll-fade-mask{syntax: "*"; inherits: false;}@theme inline{@keyframes scroll-fade-reveal-t {from { --scroll-fade-t: 0px; } to { --scroll-fade-t: var(--_scroll-fade-size-t, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))); }} @keyframes scroll-fade-reveal-b {from { --scroll-fade-b: var(--_scroll-fade-size-b, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))); } to { --scroll-fade-b: 0px; }} @keyframes scroll-fade-reveal-s {from { --scroll-fade-s: 0px; } to { --scroll-fade-s: var(--_scroll-fade-size-s, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))); }} @keyframes scroll-fade-reveal-e {from { --scroll-fade-e: var(--_scroll-fade-size-e, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))); } to { --scroll-fade-e: 0px; }}}@utility scroll-fade{ --_scroll-fade-size-t: var( --scroll-fade-t-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --_scroll-fade-size-b: var( --scroll-fade-b-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-block: linear-gradient( to bottom, transparent 0, #000 var(--scroll-fade-t, 0px), #000 calc(100% - var(--scroll-fade-b, 0px)), transparent 100% ); -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-block)); mask-image: var(--scroll-fade-mask, var(--scroll-fade-block)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out, scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y), scroll(self y); animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); --scroll-fade-b: var(--_scroll-fade-size-b); } }@utility scroll-fade-y{ --_scroll-fade-size-t: var( --scroll-fade-t-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --_scroll-fade-size-b: var( --scroll-fade-b-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-block: linear-gradient( to bottom, transparent 0, #000 var(--scroll-fade-t, 0px), #000 calc(100% - var(--scroll-fade-b, 0px)), transparent 100% ); -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-block)); mask-image: var(--scroll-fade-mask, var(--scroll-fade-block)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out, scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y), scroll(self y); animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); --scroll-fade-b: var(--_scroll-fade-size-b); } }@utility scroll-fade-x{ --_scroll-fade-size-s: var( --scroll-fade-s-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --_scroll-fade-size-e: var( --scroll-fade-e-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-inline: linear-gradient( to right, transparent 0, #000 var(--scroll-fade-s, 0px), #000 calc(100% - var(--scroll-fade-e, 0px)), transparent 100% ); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-inline: linear-gradient( to left, transparent 0, #000 var(--scroll-fade-s, 0px), #000 calc(100% - var(--scroll-fade-e, 0px)), transparent 100% ); } -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline)); mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out, scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self inline), scroll(self inline); animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); --scroll-fade-e: var(--_scroll-fade-size-e); } }@utility scroll-fade-t{ --_scroll-fade-size-t: var( --scroll-fade-t-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-mask: linear-gradient( to bottom, transparent 0, #000 var(--scroll-fade-t, 0px), #000 100% ); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out; animation-timeline: scroll(self y); animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); } }@utility scroll-fade-b{ --_scroll-fade-size-b: var( --scroll-fade-b-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-mask: linear-gradient( to bottom, #000 0, #000 calc(100% - var(--scroll-fade-b, 0px)), transparent 100% ); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y); animation-range: calc( 100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24)) ) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-b: var(--_scroll-fade-size-b); } }@utility scroll-fade-l{ --_scroll-fade-size-s: var( --scroll-fade-s-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-mask: linear-gradient( to right, transparent 0, #000 var(--scroll-fade-s, 0px), #000 100% ); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out; animation-timeline: scroll(self x); animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); } }@utility scroll-fade-r{ --_scroll-fade-size-e: var( --scroll-fade-e-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-mask: linear-gradient( to right, #000 0, #000 calc(100% - var(--scroll-fade-e, 0px)), transparent 100% ); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self x); animation-range: calc( 100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24)) ) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-e: var(--_scroll-fade-size-e); } }@utility scroll-fade-s{ --_scroll-fade-size-s: var( --scroll-fade-s-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-mask: linear-gradient( to right, transparent 0, #000 var(--scroll-fade-s, 0px), #000 100% ); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-mask: linear-gradient( to left, transparent 0, #000 var(--scroll-fade-s, 0px), #000 100% ); } -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out; animation-timeline: scroll(self inline); animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); } }@utility scroll-fade-e{ --_scroll-fade-size-e: var( --scroll-fade-e-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-mask: linear-gradient( to right, #000 0, #000 calc(100% - var(--scroll-fade-e, 0px)), transparent 100% ); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-mask: linear-gradient( to left, #000 0, #000 calc(100% - var(--scroll-fade-e, 0px)), transparent 100% ); } -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self inline); animation-range: calc( 100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24)) ) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-e: var(--_scroll-fade-size-e); } }@utility scroll-fade-*{ --scroll-fade-size: calc(var(--spacing) * --value(integer)); --scroll-fade-size: --value([length], [percentage]); }@utility scroll-fade-t-*{ --scroll-fade-t-size: calc(var(--spacing) * --value(integer)); --scroll-fade-t-size: --value([length], [percentage]); }@utility scroll-fade-b-*{ --scroll-fade-b-size: calc(var(--spacing) * --value(integer)); --scroll-fade-b-size: --value([length], [percentage]); }@utility scroll-fade-s-*{ --scroll-fade-s-size: calc(var(--spacing) * --value(integer)); --scroll-fade-s-size: --value([length], [percentage]); }@utility scroll-fade-e-*{ --scroll-fade-e-size: calc(var(--spacing) * --value(integer)); --scroll-fade-e-size: --value([length], [percentage]); }@utility scroll-fade-none{ --scroll-fade-mask: none; }@property --shimmer-angle{syntax: "<angle>"; inherits: true; initial-value: 20deg;}@property --shimmer-image{syntax: "*"; inherits: false;}@property --shimmer-text-fill{syntax: "*"; inherits: false;}@theme inline{@keyframes tw-shimmer {from {background-position: 100% 0;} to {background-position: 0 0;}}}@utility shimmer{ --_spread: var(--shimmer-spread, calc(3ch + 40px) ); --_base: currentColor; --_highlight: var( --shimmer-color, oklch(from currentColor l c h / calc(alpha/5) ) ); background-image: var( --shimmer-image, linear-gradient( calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread)) ) ); background-repeat: no-repeat; background-size: calc(200% + var(--_spread) * 2) 100%; background-position: 0 0; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: var(--shimmer-text-fill, transparent); animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite; @variant dark { --_highlight: var( --shimmer-color, oklch(from currentColor max(.8, calc(l + .4) ) c h / calc(alpha + .4) ) ); } &:where([dir="rtl"], [dir="rtl"] *) { animation-direction: reverse; } }@utility shimmer-once{animation-iteration-count: 1;}@utility shimmer-reverse{animation-direction: reverse;}@utility shimmer-none{ --shimmer-image: none; --shimmer-text-fill: currentColor; }@utility shimmer-color-*{ --shimmer-color: --value(--color, [color]); --shimmer-color: color-mix( in oklch, --value(--color, [color]) calc(--modifier(integer)*1%) , transparent ); }@utility shimmer-duration-*{ --shimmer-duration: calc(--value(integer)*1ms) ; }@utility shimmer-spread-*{ --shimmer-spread: calc(var(--spacing) * --value(integer)); --shimmer-spread: --value([length], [percentage]); }@utility shimmer-angle-*{ --shimmer-angle: calc(--value(integer)*1deg) ; }@media (prefers-reduced-motion: reduce){.shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}}@custom-variant dark (&:is(.dark *));@theme inline{ --color-background: var(--color-ui-background); --color-foreground: var(--color-ui-foreground); --color-card: var(--color-ui-card); --color-card-foreground: var(--color-ui-card-foreground); --color-popover: var(--color-ui-popover); --color-popover-foreground: var(--color-ui-popover-foreground); --color-primary: var(--color-ui-primary); --color-primary-foreground: var(--color-ui-primary-foreground); --color-secondary: var(--color-ui-secondary); --color-secondary-foreground: var(--color-ui-secondary-foreground); --color-muted: var(--color-ui-muted); --color-muted-foreground: var(--color-ui-muted-foreground); --color-accent: var(--color-ui-accent); --color-accent-foreground: var(--color-ui-accent-foreground); --color-destructive: var(--color-ui-destructive); --color-destructive-foreground: var(--color-ui-destructive-foreground); --color-border: var(--color-ui-border); --color-input: var(--color-ui-input-border); --color-ring: var(--color-ui-ring); --color-chart-1: var(--color-ui-chart-1); --color-chart-2: var(--color-ui-chart-2); --color-chart-3: var(--color-ui-chart-3); --color-chart-4: var(--color-ui-chart-4); --color-chart-5: var(--color-ui-chart-5); --color-sidebar: var(--color-ui-sidebar); --color-sidebar-foreground: var(--color-ui-sidebar-foreground); --color-sidebar-primary: var(--color-ui-sidebar-primary); --color-sidebar-primary-foreground: var(--color-ui-sidebar-primary-foreground); --color-sidebar-accent: var(--color-ui-sidebar-accent); --color-sidebar-accent-foreground: var(--color-ui-sidebar-accent-foreground); --color-sidebar-border: var(--color-ui-sidebar-border); --color-sidebar-ring: var(--color-ui-sidebar-ring); }:root{color-scheme:light;--color-canvas: #e7e5e4;--color-surface: #f5f5f4;--color-surface-elevated: #f5f5f4;--color-surface-subtle: #e7e5e4;--color-surface-selected: #f3e5f5;--color-text: #1e293b;--color-text-muted: #4b5563;--color-text-subtle: #5f6673;--color-palette-muted-foreground: #6b7280;--color-border: #d6d3d1;--color-border-strong: #a8a29e;--color-primary: #6366f1;--color-primary-action: #5b5edb;--color-primary-hover: #4f46e5;--color-primary-active: #4338ca;--color-primary-subtle: #e0e7ff;--color-accent: #f3e5f5;--color-accent-soft: #faf0fb;--color-ink-surface: #1e293b;--color-ink-surface-strong: #111827;--color-on-ink: #ffffff;--color-on-ink-muted: rgb(255 255 255 / 76%);--color-ink-accent-glow: rgb(243 229 245 / 28%);--color-canvas-highlight: rgb(255 255 255 / 72%);--color-clay-highlight: rgb(255 255 255 / 64%);--color-focus: #6366f1;--color-success: #166534;--color-success-subtle: #dcfce7;--color-warning: #92400e;--color-warning-subtle: #fef3c7;--color-danger: #ef4444;--color-danger-strong: #b91c1c;--color-danger-hover: #991b1b;--color-danger-subtle: #fee2e2;--color-info: #4338ca;--color-info-subtle: #e0e7ff;--color-chart-1: #6366f1;--color-chart-2: #4f46e5;--color-chart-3: #4338ca;--color-chart-4: #3730a3;--color-chart-5: #312e81;--color-sidebar: #d6d3d1;--color-sidebar-foreground: #1e293b;--color-sidebar-primary: #6366f1;--color-sidebar-primary-foreground: #ffffff;--color-sidebar-accent: #f3e5f5;--color-sidebar-accent-foreground: #374151;--color-sidebar-border: #d6d3d1;--color-sidebar-ring: #6366f1;--font-sans: inter, "Noto Sans", "Segoe UI", roboto, helvetica, arial, sans-serif;--font-mono: "SFMono-Regular", consolas, "Liberation Mono", monospace;--font-size-100: .75rem;--font-size-200: .875rem;--font-size-300: 1rem;--font-size-400: 1.125rem;--font-size-500: 1.25rem;--font-size-600: 1.5rem;--font-size-700: clamp(1.75rem, 5vw, 2.25rem);--line-height-tight: 1.2;--line-height-body: 1.5;--line-height-relaxed: 1.65;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 1rem;--radius-md: 1.125rem;--radius-lg: 1.25rem;--radius-xl: 1.5rem;--radius-pill: 999px;--shadow-sm: 2px 2px 10px 4px hsl(240deg 4% 60% / 18%), 2px 1px 2px 3px hsl(240deg 4% 60% / 18%);--shadow-md: 2px 2px 10px 4px hsl(240deg 4% 60% / 18%), 2px 2px 4px 3px hsl(240deg 4% 60% / 18%);--shadow-lg: 2px 2px 10px 4px hsl(240deg 4% 60% / 18%), 2px 4px 6px 3px hsl(240deg 4% 60% / 18%);--shadow-inset: inset 2px 2px 7px hsl(240deg 4% 60% / 16%), inset -2px -2px 6px rgb(255 255 255 / 68%);--shadow-primary: var(--shadow-md);--shadow-pressed: inset 3px 4px 8px hsl(240deg 4% 60% / 26%), inset -2px -2px 5px rgb(255 255 255 / 22%);--content-max: 72rem;--control-min-size: 2.75rem;--color-ui-background: var(--color-canvas);--color-ui-foreground: var(--color-text);--color-ui-card: var(--color-surface);--color-ui-card-foreground: var(--color-text);--color-ui-popover: var(--color-surface-elevated);--color-ui-popover-foreground: var(--color-text);--color-ui-primary: var(--color-primary);--color-ui-primary-foreground: #ffffff;--color-ui-secondary: #d6d3d1;--color-ui-secondary-foreground: #4b5563;--color-ui-muted: #e7e5e4;--color-ui-muted-foreground: var(--color-text-muted);--color-ui-accent: #f3e5f5;--color-ui-accent-foreground: #374151;--color-ui-destructive: var(--color-danger);--color-ui-destructive-foreground: #ffffff;--color-ui-border: var(--color-border);--color-ui-input-border: var(--color-border);--color-ui-ring: var(--color-focus);--color-ui-chart-1: var(--color-chart-1);--color-ui-chart-2: var(--color-chart-2);--color-ui-chart-3: var(--color-chart-3);--color-ui-chart-4: var(--color-chart-4);--color-ui-chart-5: var(--color-chart-5);--color-ui-sidebar: var(--color-sidebar);--color-ui-sidebar-foreground: var(--color-sidebar-foreground);--color-ui-sidebar-primary: var(--color-sidebar-primary);--color-ui-sidebar-primary-foreground: var(--color-sidebar-primary-foreground);--color-ui-sidebar-accent: var(--color-sidebar-accent);--color-ui-sidebar-accent-foreground: var(--color-sidebar-accent-foreground);--color-ui-sidebar-border: var(--color-sidebar-border);--color-ui-sidebar-ring: var(--color-sidebar-ring);font-family:var(--font-sans);font-synthesis:none;color:var(--color-text);background:var(--color-canvas)}.dark{color-scheme:dark;--color-canvas: #1e1b18;--color-surface: #2c2825;--color-surface-elevated: #2c2825;--color-surface-subtle: #1f1c19;--color-surface-selected: #484441;--color-text: #e2e8f0;--color-text-muted: #d1d5db;--color-text-subtle: #b5bac3;--color-palette-muted-foreground: #9ca3af;--color-border: #3a3633;--color-border-strong: #57534e;--color-primary: #818cf8;--color-primary-action: #818cf8;--color-primary-hover: #6366f1;--color-primary-active: #4f46e5;--color-primary-subtle: #312e81;--color-accent: #484441;--color-accent-soft: #3a3633;--color-ink-surface: #2c2825;--color-ink-surface-strong: #171412;--color-on-ink: #e2e8f0;--color-on-ink-muted: rgb(226 232 240 / 76%);--color-ink-accent-glow: rgb(129 140 248 / 24%);--color-canvas-highlight: rgb(129 140 248 / 12%);--color-clay-highlight: rgb(255 255 255 / 10%);--color-focus: #818cf8;--color-danger-strong: #fca5a5;--color-danger-hover: #fecaca;--color-danger-subtle: #450a0a;--color-success: #86efac;--color-success-subtle: #052e16;--color-warning: #fcd34d;--color-warning-subtle: #451a03;--color-info: #a5b4fc;--color-info-subtle: #312e81;--color-chart-1: #818cf8;--color-chart-2: #6366f1;--color-chart-3: #4f46e5;--color-chart-4: #4338ca;--color-chart-5: #3730a3;--color-sidebar: #3a3633;--color-sidebar-foreground: #e2e8f0;--color-sidebar-primary: #818cf8;--color-sidebar-primary-foreground: #1e1b18;--color-sidebar-accent: #484441;--color-sidebar-accent-foreground: #d1d5db;--color-sidebar-border: #3a3633;--color-sidebar-ring: #818cf8;--shadow-sm: 2px 2px 10px 4px hsl(0deg 0% 0% / 18%), 2px 1px 2px 3px hsl(0deg 0% 0% / 18%);--shadow-md: 2px 2px 10px 4px hsl(0deg 0% 0% / 18%), 2px 2px 4px 3px hsl(0deg 0% 0% / 18%);--shadow-lg: 2px 2px 10px 4px hsl(0deg 0% 0% / 18%), 2px 4px 6px 3px hsl(0deg 0% 0% / 18%);--shadow-inset: inset 2px 2px 7px hsl(0deg 0% 0% / 30%), inset -2px -2px 5px rgb(255 255 255 / 5%);--shadow-primary: var(--shadow-md);--shadow-pressed: inset 3px 4px 8px hsl(0deg 0% 0% / 38%), inset -2px -2px 5px rgb(255 255 255 / 5%);--color-ui-primary-foreground: #1e1b18;--color-ui-secondary: #3a3633;--color-ui-secondary-foreground: #d1d5db;--color-ui-muted: #1f1c19;--color-ui-accent: #484441;--color-ui-accent-foreground: #d1d5db;--color-ui-destructive-foreground: #1e1b18}*{box-sizing:border-box}html{min-inline-size:0;max-inline-size:100%;background:var(--color-canvas);text-size-adjust:100%}body{min-inline-size:0;max-inline-size:100%;min-height:100vh;margin:0;background:radial-gradient(circle at 10% -10%,var(--color-canvas-highlight),transparent 30rem),radial-gradient(circle at 100% 0,var(--color-accent),transparent 34rem),var(--color-canvas);color:var(--color-text);font-size:var(--font-size-300);font-weight:var(--font-weight-regular);line-height:var(--line-height-body)}#root{min-height:100vh}.ui-button,.ui-input,.ui-select-wrapper [data-slot=native-select],.ui-textarea{font:inherit}.ui-select-wrapper{position:relative;display:block;inline-size:100%}.ui-select-wrapper [data-slot=native-select]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-inline-end:calc(var(--space-4) + var(--space-4))}.ui-select-wrapper [data-slot=native-select-icon]{position:absolute;inset-block-start:50%;inset-inline-end:var(--space-3);inline-size:var(--space-4);block-size:var(--space-4);transform:translateY(-50%);color:var(--color-text-muted)}.ui-button{min-block-size:var(--control-min-size);border:1px solid transparent;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);background:var(--color-primary-action);box-shadow:var(--shadow-primary);color:var(--color-ui-primary-foreground);font-weight:var(--font-weight-semibold);line-height:1.25;cursor:pointer;touch-action:manipulation;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.ui-button:disabled,.ui-button[aria-disabled=true]{opacity:.56;cursor:not-allowed}.ui-button:hover:not(:disabled),.ui-button:hover:not([aria-disabled=true]){background:var(--color-primary-hover)}.ui-button:active:not(:disabled),.ui-button:active:not([aria-disabled=true]){background:var(--color-primary-active);box-shadow:var(--shadow-pressed);transform:translateY(2px)}.ui-button[data-variant=secondary],.ui-button[data-variant=outline]{border-color:var(--color-border-strong);background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-primary-active)}.ui-button[data-variant=secondary]:hover:not(:disabled),.ui-button[data-variant=outline]:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-surface-selected)}.ui-button[data-variant=destructive]{background:var(--color-danger-strong);color:var(--color-ui-destructive-foreground)}.ui-button[data-variant=destructive]:hover:not(:disabled){background:var(--color-danger-hover)}a{color:var(--color-primary-active);font-weight:var(--font-weight-medium);text-decoration-color:currentcolor;text-underline-offset:.16em}a:hover{color:var(--color-primary)}.ui-input,.ui-select-wrapper [data-slot=native-select],.ui-textarea{inline-size:100%;min-inline-size:0;min-block-size:var(--control-min-size);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);background:var(--color-surface);box-shadow:var(--shadow-inset);color:var(--color-text);font-size:var(--font-size-300);line-height:var(--line-height-body);transition:border-color .16s ease,box-shadow .16s ease}.ui-textarea{min-block-size:7.5rem;resize:vertical}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--color-text-subtle);opacity:1}.ui-input[type=date]::-webkit-datetime-edit,.ui-input[type=month]::-webkit-datetime-edit{font:inherit;line-height:inherit}.ui-input[type=date]::-webkit-date-and-time-value,.ui-input[type=month]::-webkit-date-and-time-value{min-inline-size:0;max-inline-size:100%}.ui-checkbox,.ui-radio{inline-size:1.25rem;block-size:1.25rem;accent-color:var(--color-primary)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}::selection{background:var(--color-primary-subtle);color:var(--color-primary-active)}h1,h2,h3,p{margin-block:0}h1,h2,h3,h4,h5{color:var(--color-text);font-weight:var(--font-weight-bold);letter-spacing:-.018em;line-height:var(--line-height-tight)}h1{font-size:var(--font-size-700)}h2{font-size:var(--font-size-600)}h3{font-size:var(--font-size-500)}h4{font-size:var(--font-size-400)}h5{font-size:var(--font-size-300)}#root,.shell,.shell main,.auth-page,.auth-card,.ui-card,.page-heading,.field,.field-row,.inline-actions,.inline-form{min-inline-size:0}:where(h1,h2,h3,h4,h5,p,small,label,dt,dd,li,.ui-alert){overflow-wrap:break-word}:where(a,button,[role=button]){overflow-wrap:normal}p+p{margin-block-start:0}img,svg{display:block;max-inline-size:100%}input::-webkit-datetime-edit{display:block;padding:0}.skip-link{position:fixed;z-index:20;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);transform:translateY(-160%);transition:transform .16s ease}.skip-link:focus{transform:translateY(0)}.shell{display:grid;min-block-size:100vh;grid-template-rows:auto 1fr auto}.shell>header{display:flex;min-block-size:4rem;align-items:center;justify-content:space-between;gap:var(--space-3);border-block-end:1px solid var(--color-border);padding:var(--space-2) max(var(--space-4),env(safe-area-inset-right)) var(--space-2) max(var(--space-4),env(safe-area-inset-left));background:color-mix(in srgb,var(--color-surface) 94%,transparent);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shell>header strong{font-size:var(--font-size-400);font-weight:var(--font-weight-bold)}.shell>nav{position:sticky;z-index:10;inset-block-end:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));order:3;gap:var(--space-1);border-block-start:1px solid var(--color-border);padding:var(--space-1) max(var(--space-2),env(safe-area-inset-right)) max(var(--space-1),env(safe-area-inset-bottom)) max(var(--space-2),env(safe-area-inset-left));background:color-mix(in srgb,var(--color-surface) 96%,transparent);box-shadow:0 -4px 16px #49495012;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shell>nav a{display:grid;min-block-size:var(--control-min-size);place-items:center;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:1.15;text-align:center;text-decoration:none}.shell>nav a:hover{background:var(--color-surface-subtle);color:var(--color-primary-active)}main .settings-page nav.settings-section-nav a{display:inline-flex;min-block-size:var(--control-min-size);align-items:center;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-primary-active);font-weight:var(--font-weight-semibold);text-decoration:none;max-width:calc(50% - var(--space-2));min-width:125px;flex:1 0;justify-content:center}main .settings-page nav.settings-section-nav a:hover{background:var(--color-surface-selected)}.stack-form>*{min-inline-size:0}.shell main,.auth-page{inline-size:min(100%,var(--content-max));margin-inline:auto;padding:var(--space-6) var(--space-4) calc(var(--space-8) + env(safe-area-inset-bottom))}.shell main>*+*{margin-block-start:var(--space-6)}.ui-card{display:grid;inline-size:min(100%,30rem);grid-template-columns:minmax(0,1fr);gap:var(--space-4);border:1px solid var(--color-clay-highlight);border-radius:var(--radius-lg);padding:var(--space-6);background:var(--color-surface);box-shadow:var(--shadow-md)}.auth-page{display:grid;min-block-size:100vh;place-items:center}.auth-page .ui-card{display:grid;gap:var(--space-6)}.auth-page form,.field{display:grid;gap:var(--space-4)}.field{gap:var(--space-2);color:var(--color-text);font-size:var(--font-size-200);font-weight:var(--font-weight-semibold)}.ui-alert{border:1px solid var(--color-info);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--color-info-subtle);color:var(--color-info)}.ui-alert--error{border-color:var(--color-danger);background:var(--color-danger-subtle);color:var(--color-danger-strong)}.ui-alert--success{border-color:var(--color-success);background:var(--color-success-subtle);color:var(--color-success)}.ui-alert--warning{border-color:var(--color-warning);background:var(--color-warning-subtle);color:var(--color-warning)}.stack-form,.family-page,.settings-page,.onboarding-page{display:grid;gap:var(--space-6)}.stack-form{min-inline-size:0;grid-template-columns:minmax(0,1fr)}.settings-section,.settings-section__heading{display:grid;gap:var(--space-3)}.settings-section-nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}.settings-section__heading p{color:var(--color-text-muted)}.settings-section section{width:100%}.auth-links{display:flex;flex-wrap:wrap;gap:var(--space-4)}.field-row{display:grid;gap:var(--space-4)}.choice-group{display:grid;gap:var(--space-3);margin:0;border:0;padding:0}.choice-group legend{margin-block-end:var(--space-2);font-weight:var(--font-weight-semibold)}.choice-option{display:flex;align-items:flex-start;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-surface);box-shadow:var(--shadow-sm)}.detail-list{display:grid;gap:var(--space-3)}.detail-list div{display:grid;grid-template-columns:minmax(7rem,.8fr) 1fr;gap:var(--space-3)}.detail-list dt{color:var(--color-text-muted)}.detail-list dd{margin:0;font-weight:var(--font-weight-semibold)}.choice-option span,.mfa-challenge,.mfa-factor-list{display:grid;gap:var(--space-4)}.mfa-factor-list{margin:0;padding:0;list-style:none}.mfa-factor-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.mfa-factor-list__details{display:grid;gap:var(--space-1)}.mfa-factor-list__kind{color:var(--color-text-muted);font-size:var(--font-size-200)}.mfa-setup-key{display:block;overflow-wrap:anywhere;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--color-surface-subtle);font-size:var(--font-size-200)}@media (width < 30rem){.mfa-factor-list li{display:grid;grid-template-columns:minmax(0,1fr)}.mfa-factor-list button{inline-size:100%}}.member-list li>div,.checklist li{display:grid;gap:var(--space-1)}.choice-option small,.member-list span,.checklist span{color:var(--color-text-muted)}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.member-list,.invitation-list,.checklist{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.member-list li,.invitation-list li,.checklist li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-block-end:1px solid var(--color-border);padding-block-end:var(--space-3)}.member-list select{inline-size:auto;min-inline-size:8.5rem}.details-card{inline-size:100%}.details-card summary{cursor:pointer;font-size:var(--font-size-500);font-weight:var(--font-weight-bold)}.details-card[open] summary{margin-block-end:var(--space-4)}.destructive-card{border-color:var(--color-danger)}.checklist{counter-reset:checklist}.checklist li{position:relative;align-items:flex-start;padding-inline-start:var(--space-8)}.member-list li:last-child,.invitation-list li:last-child,.checklist li:last-child{border-block-end:0;padding-block-end:0}.checklist li:before{position:absolute;inset-inline-start:0;display:grid;inline-size:var(--space-6);block-size:var(--space-6);place-items:center;border:1px solid var(--color-border-strong);border-radius:50%;background:var(--color-surface);content:counter(checklist);counter-increment:checklist;font-size:var(--font-size-200);font-weight:var(--font-weight-bold);top:7px}.checklist__complete:before,.checklist__ready:before{border-color:var(--color-success);background:var(--color-success-subtle);color:var(--color-success)}.ui-button-link{display:inline-flex;min-block-size:var(--control-min-size);align-items:center;justify-content:center;align-self:start;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);background:var(--color-primary-action);color:var(--color-ui-primary-foreground);font-weight:var(--font-weight-semibold);text-decoration:none}.ui-button-link:hover{background:var(--color-primary-hover);color:var(--color-ui-primary-foreground)}@media (width >= 48rem){.shell main,.auth-page{padding:var(--space-8) var(--space-6)}.shell>nav a{font-size:var(--font-size-200)}.field-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width >= 64rem){.shell{grid-template-columns:15rem minmax(0,1fr);grid-template-rows:auto 1fr}.shell>header{grid-column:1 / -1}.shell>nav{position:sticky;inset-block:4rem auto;align-self:start;grid-template-columns:1fr;order:0;min-block-size:calc(100vh - 4rem);border-block-start:0;border-inline-end:1px solid var(--color-border);padding:var(--space-4);box-shadow:none}.shell>nav a{justify-items:start;padding-inline:var(--space-3);text-align:start}.shell main{margin-inline:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors: active){:focus-visible{outline-color:Highlight}.shell>nav a.active{outline:1px solid Highlight}}.transactions-page,.recurring-rules-page,.transaction-list,.recurring-suggestions,.transaction-templates,.category-manager,.category-planning-manager,.category-planning-manager__groups,.category-planning-group,.category-planning-group__heading,.category-planning-category,.transaction-form,.transaction-detail,.archive-browser,.archive-browser__list{display:grid;gap:var(--space-4)}.inline-actions,.transaction-detail__actions,.confirmation-panel__actions,.recent-categories,.inline-form{display:flex;flex-wrap:wrap;gap:var(--space-2)}.inline-actions{justify-content:flex-end}.settings-page .inline-actions{justify-content:stretch}.settings-page .inline-actions button{flex:1 1 max-content}.transaction-type-toggle{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:0;border:0;padding:0}.transaction-type-toggle legend{inline-size:100%;margin-block-end:var(--space-1);font-weight:var(--font-weight-semibold)}.transaction-type-toggle label{display:flex;min-block-size:var(--control-min-size);align-items:center;gap:var(--space-2);white-space:nowrap}.transaction-form__amount input{font-size:var(--font-size-600);font-variant-numeric:tabular-nums}.transaction-form__advanced{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.transaction-form__advanced[open]{display:grid;gap:var(--space-4)}.recent-categories{align-items:center}.recent-categories__button{min-block-size:2rem;padding:var(--space-1) var(--space-2);font-size:var(--font-size-100)}.transaction-row small,.recurring-suggestions small,.category-manager small,.eyebrow{color:var(--color-text-muted);font-size:var(--font-size-100)}.transaction-detail__amount,.transaction-row__amount{white-space:nowrap;font-variant-numeric:tabular-nums}.transaction-list{gap:var(--space-2)}.transaction-drilldown__summary,.transaction-drilldown__results{display:grid;gap:var(--space-4)}.transaction-drilldown__filters{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2);margin:0}.transaction-drilldown__filters div{display:grid;min-inline-size:0;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--color-surface-subtle)}.transaction-drilldown__summary>div:first-child{display:grid;gap:var(--space-1)}.transaction-drilldown__summary>div:first-child p{color:var(--color-text-muted)}.transaction-drilldown__filters dt{color:var(--color-text-muted);font-size:var(--font-size-200)}.transaction-drilldown__filters dd{margin:0;font-weight:var(--font-weight-semibold);overflow-wrap:anywhere}.transaction-drilldown__results-back{justify-self:start}.transaction-row{display:flex;inline-size:100%;align-items:center;justify-content:space-between;gap:var(--space-3);border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);text-align:start}.transaction-row:hover:not(:disabled){background:var(--color-surface-selected)}.category-planning-category>span{flex:1 1 10rem}.transaction-row span,.recurring-suggestions li>span,.transaction-templates li>span{display:grid;gap:var(--space-1)}.transaction-detail__amount{font-size:var(--font-size-700);font-weight:var(--font-weight-bold)}.confirmation-panel{display:grid;gap:var(--space-3);border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-danger-subtle)}.confirmation-panel__actions{justify-content:flex-end}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:var(--space-4);margin-block-start:var(--space-4)}.filter-grid__actions{display:flex;grid-column:1 / -1;flex-wrap:wrap;gap:var(--space-2)}.transaction-history,.transaction-management,.transaction-history__heading,.transaction-filters,.filter-grid__advanced,.filter-grid__advanced-fields,.transaction-results-summary__count,.transaction-results-summary__amount,.category-settings{display:grid;gap:var(--space-3)}.transaction-history__heading{grid-template-columns:minmax(0,1fr) auto;align-items:start}.transaction-history__heading>div:first-child{display:grid;gap:var(--space-1)}.transaction-history__search{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-3)}.transaction-history__search-actions,.transaction-active-filters,.transaction-management__links{display:flex;flex-wrap:wrap;gap:var(--space-2)}.transaction-history__search-actions{align-items:center}.transaction-filters{border-block:1px solid var(--color-border);padding-block:var(--space-3)}.transaction-filters>summary,.filter-grid__advanced>summary{min-block-size:var(--control-min-size);cursor:pointer;align-content:center;color:var(--color-text);font-weight:var(--font-weight-semibold)}.filter-grid__advanced{grid-column:1 / -1;border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-surface-subtle)}.filter-grid__advanced-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}.transaction-active-filters{align-items:center;justify-content:space-between;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:var(--color-surface-selected)}.transaction-history__empty{padding-block:var(--space-6)}.transaction-results-summary{display:grid;grid-template-columns:minmax(12rem,1fr) repeat(2,minmax(8rem,auto));align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-surface-subtle)}.transaction-results-summary__count small,.transaction-results-summary__note,.transaction-results-summary__label{color:var(--color-text-muted);font-size:var(--font-size-100)}.transaction-results-summary__amount{gap:var(--space-1)}.transaction-results-summary__amount strong{white-space:nowrap;font-variant-numeric:tabular-nums}.transaction-results-summary__note{grid-column:1 / -1}.transaction-management__links .ui-button-link{flex:1 1 10rem}.transaction-management__templates{border-block-start:1px solid var(--color-border);padding-block-start:var(--space-5)}.transaction-management__templates .transaction-templates{background:var(--color-surface-subtle);box-shadow:none}.recurring-suggestions ul,.recurring-rules__list,.transaction-templates__list,.category-manager__list{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.recurring-suggestion,.transaction-template,.category-manager__item,.category-planning-category,.archive-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-block-end:1px solid var(--color-border);padding-block-end:var(--space-3)}.category-planning-category{align-items:end;flex-wrap:wrap}.category-planning-category .field{flex:1 1 12rem}.recurring-suggestion:last-child,.transaction-template:last-child,.category-manager__item:last-child,.category-planning-category:last-child,.archive-item:last-child{border-block-end:0;padding-block-end:0}.inline-form{align-items:end;margin-block:var(--space-4)}.category-planning-manager,.category-planning-manager__groups,.category-planning-group{display:grid;gap:var(--space-3)}.category-planning-group{border-block-start:1px solid var(--color-border);padding-block-start:var(--space-3)}.category-planning-group__heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-3)}.recurring-rules,.recurring-rule-editor,.recurring-rule-detail{display:grid;gap:var(--space-4)}.recurring-rule{display:grid;gap:var(--space-3);align-items:center;border-block-end:1px solid var(--color-border);padding-block:var(--space-3)}.recurring-rule:last-child{border-block-end:0;padding-block-end:0}.recurring-rule__summary{display:flex;inline-size:100%;min-block-size:var(--control-min-size);align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;background:transparent;color:var(--color-text);text-align:start}.recurring-rule__summary:hover:not(:disabled){background:var(--color-surface-selected)}.recurring-rule__summary .recurring-rule__content{display:grid;min-inline-size:0;gap:var(--space-1)}.recurring-rule__summary small{color:var(--color-text-muted);font-size:var(--font-size-100)}.recurring-rule__amount{white-space:nowrap;font-variant-numeric:tabular-nums}.recurring-rule__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.status-pill{border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-100);font-weight:var(--font-weight-semibold)}.status-pill--success{border-color:var(--color-success);background:var(--color-success-subtle);color:var(--color-success)}@media (width >= 48rem){.recurring-rule{grid-template-columns:minmax(0,1fr) auto}.recurring-rule__actions{justify-content:end}}.inline-form .field{flex:1 1 12rem}@media (width >= 48rem){.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-grid__actions{grid-column:1 / -1}}.savings-page,.savings-goals,.savings-form,.savings-detail,.savings-history,.savings-settings,.savings-members,.savings-progress{display:grid;gap:var(--space-4)}.savings-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.savings-overview__item,.savings-consequence{display:grid;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-surface)}.savings-overview__label,.savings-bucket-card small,.savings-history small,.savings-settings small{color:var(--color-text-muted);font-size:var(--font-size-100)}.savings-overview__value,.savings-detail__amount,.savings-bucket-card__amount,.savings-history__amount{white-space:nowrap;font-variant-numeric:tabular-nums}.savings-list{display:grid;gap:var(--space-3)}.savings-bucket-card{display:flex;inline-size:100%;justify-content:space-between;gap:var(--space-3);border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);text-align:start}.savings-bucket-card:hover:not(:disabled){background:var(--color-surface-selected)}.savings-bucket-card__content,.savings-bucket-card__amount{display:grid;gap:var(--space-1)}.savings-bucket-card__amount{justify-items:end;font-weight:var(--font-weight-bold)}.savings-form__amount input{font-size:var(--font-size-600);font-variant-numeric:tabular-nums}.savings-consequence{line-height:var(--line-height-relaxed)}.savings-warning{border-color:var(--color-warning);background:var(--color-warning-subtle);color:var(--color-warning)}.savings-detail__amount{font-size:var(--font-size-600)}.savings-progress progress{inline-size:100%;block-size:var(--space-4);accent-color:var(--color-primary)}.savings-history ul{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.savings-history__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-block-end:1px solid var(--color-border);padding-block-end:var(--space-3)}.savings-history__item:last-child{border-block-end:0;padding-block-end:0}.savings-history__content{display:grid;gap:var(--space-1)}@media (width >= 48rem){.savings-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.dashboard-page,.dashboard-quick-entry,.dashboard-summary,.onboarding-checklist,.onboarding-guide,.comparison,.dashboard-quick-entry__actions,.dashboard-summary__heading,.dashboard-summary__metrics{display:grid;gap:var(--space-4)}.dashboard-quick-entry,.dashboard-summary{inline-size:100%;min-inline-size:0}.onboarding-checklist{border-color:var(--color-primary-subtle);background:var(--color-surface-elevated)}.onboarding-checklist>div{display:grid;gap:var(--space-2)}.onboarding-checklist .checklist{gap:var(--space-4)}.onboarding-checklist .checklist li{align-items:center}.onboarding-checklist .ui-button-link{flex:0 0 auto}.onboarding-guide{grid-template-columns:minmax(0,1fr) auto;align-items:start;border:1px solid var(--color-info);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-info-subtle)}.onboarding-guide>div{display:grid;gap:var(--space-1)}.onboarding-guide h3,.onboarding-guide p{margin:0}.onboarding-guide__error{grid-column:1 / -1;color:var(--color-danger)}.dashboard-quick-entry__actions>.ui-button-link{inline-size:100%}.dashboard-summary__heading,.dashboard-summary__metrics{margin:0}.dashboard-summary__heading{align-items:start}.dashboard-summary__available,.dashboard-summary__metrics>div{display:grid;gap:var(--space-1)}.dashboard-summary__available strong,.dashboard-summary__metrics dd{font-variant-numeric:tabular-nums}.dashboard-summary__available strong{font-size:var(--font-size-500)}.comparison{inline-size:100%;box-shadow:none}.comparison-bars{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.comparison-bars li{display:grid;grid-template-columns:minmax(6rem,1fr) minmax(4rem,2fr) auto;align-items:center;gap:var(--space-3)}.comparison-bars div{overflow:hidden;block-size:var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-subtle)}.comparison-bars i{display:block;block-size:100%;border-radius:inherit;background:var(--color-primary)}.comparison-bars strong{font-variant-numeric:tabular-nums;text-align:end}.comparison table{inline-size:100%;border-collapse:collapse}.comparison th,.comparison td{border-block-end:1px solid var(--color-border);padding:var(--space-2);text-align:start}@media (width >= 48rem){.dashboard-quick-entry__actions,.dashboard-summary__metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-quick-entry__actions{grid-template-columns:repeat(2,minmax(0,1fr))}}body{overflow-x:hidden;background:radial-gradient(circle at 90% -5%,var(--color-primary-subtle),transparent 22rem),radial-gradient(circle at -10% 30%,var(--color-accent-soft),transparent 24rem),var(--color-canvas)}.ui-button,.ui-button-link{border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);box-shadow:var(--shadow-primary);letter-spacing:-.01em}.ui-button:hover:not(:disabled),.ui-button-link:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.ui-button[data-variant=secondary],.ui-button[data-variant=outline]{box-shadow:var(--shadow-sm)}.ui-button:active:not(:disabled),.ui-button-link:active{box-shadow:var(--shadow-pressed);transform:translateY(2px)}.ui-input,.ui-select-wrapper [data-slot=native-select],.ui-textarea{min-block-size:3.25rem;border-color:var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--color-surface-elevated);box-shadow:var(--shadow-inset)}.ui-input:hover,.ui-select-wrapper [data-slot=native-select]:hover,.ui-textarea:hover{border-color:var(--color-border-strong)}.ui-input:focus,.ui-select-wrapper [data-slot=native-select]:focus,.ui-textarea:focus{border-color:var(--color-primary);box-shadow:var(--shadow-inset),0 0 0 4px color-mix(in srgb,var(--color-focus) 16%,transparent)}.field{min-inline-size:0}.ui-input[type=date],.ui-input[type=month]{inline-size:100%;min-inline-size:0;max-inline-size:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}h1{letter-spacing:-.045em}h2,h3{letter-spacing:-.032em}.shell{grid-template-rows:auto 1fr}.app-header{position:sticky;z-index:12;inset-block-start:0;min-block-size:4.5rem;border-block-end:0;padding:var(--space-3) max(var(--space-4),env(safe-area-inset-right)) var(--space-3) max(var(--space-4),env(safe-area-inset-left));background:color-mix(in srgb,var(--color-canvas) 88%,transparent);box-shadow:0 6px 18px #95959d1c;-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%)}.brand-lockup{display:flex;align-items:center;gap:var(--space-3)}.brand-lockup>span:last-child{display:grid;gap:0}.brand-lockup strong{letter-spacing:-.035em}.brand-lockup small{color:var(--color-text-muted);font-size:var(--font-size-100);font-weight:var(--font-weight-medium)}.brand-mark{display:grid;flex:0 0 auto;inline-size:2.5rem;block-size:2.5rem;place-items:center;border-radius:.85rem;background:var(--color-primary);box-shadow:var(--shadow-primary);color:var(--color-on-ink);font-size:var(--font-size-400);font-weight:var(--font-weight-bold)}.header-action{display:inline-flex;min-block-size:var(--control-min-size);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;box-shadow:none;color:var(--color-text-muted)}.header-action:hover:not(:disabled){background:var(--color-surface-subtle);box-shadow:none;color:var(--color-text)}.header-action span{display:none}.shell>nav{position:fixed;z-index:20;inset-inline:var(--space-2);inset-block-end:max(var(--space-3),env(safe-area-inset-bottom));overflow:hidden;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;grid-template-columns:none;gap:0;border:1px solid var(--color-clay-highlight);border-radius:1.55rem;padding:var(--space-1) 0;background:color-mix(in srgb,var(--color-surface) 94%,transparent);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%)}.shell>nav a{position:relative;display:flex;min-block-size:3.65rem;flex-direction:column;gap:.15rem;border-radius:1.25rem;padding:var(--space-2) 0;font-size:var(--font-size-100);transition:color .16s ease,background-color .16s ease,transform .16s ease}.shell>nav a span{max-inline-size:100%;letter-spacing:-.018em;white-space:nowrap}.shell>nav a:hover{background:transparent}.shell>nav a.active{background:var(--color-surface-selected);color:var(--color-primary-active)}.shell>nav a.active:after{position:absolute;inset-block-end:.28rem;inline-size:.25rem;block-size:.25rem;border-radius:var(--radius-pill);background:var(--color-primary);content:""}.nav-icon{inline-size:1.35rem;block-size:1.35rem;stroke-width:1.85}.shell main{inline-size:min(100%,var(--content-max));padding:var(--space-5) var(--space-4) calc(7rem + env(safe-area-inset-bottom))}.shell main>section{min-height:100%}.shell main>section,.shell main>article{animation:page-enter .32s ease both}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ui-card{border-color:var(--color-clay-highlight);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface) 94%,transparent);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.page-heading{align-items:flex-end}.page-heading>div{display:grid;min-inline-size:0;gap:var(--space-1)}.page-heading>div>p:last-child{max-inline-size:44rem;color:var(--color-text-muted)}.page-heading .ui-button-link{flex:0 0 auto}.eyebrow{color:var(--color-primary);font-weight:var(--font-weight-bold);letter-spacing:.02em}.ui-alert{border-width:0;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.choice-option{min-block-size:3.5rem;align-items:center;border-color:var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color .16s ease,background-color .16s ease}.choice-option:has(input:checked){border-color:var(--color-primary);background:var(--color-surface-selected);box-shadow:var(--shadow-inset)}.detail-list div{border-block-end:1px solid var(--color-border);padding-block-end:var(--space-3)}.detail-list div:last-child{border-block-end:0;padding-block-end:0}.details-card summary,details summary{min-block-size:var(--control-min-size);align-content:center;color:var(--color-primary-active)}.auth-page{position:relative;display:grid;inline-size:100%;min-block-size:100svh;grid-template-rows:minmax(15rem,34svh) auto;overflow-x:hidden;padding:0;background:var(--color-ink-surface)}.auth-page:before,.auth-page:after{position:absolute;border-radius:50%;content:"";pointer-events:none}.auth-page:before{inset-block-start:-7rem;inset-inline-end:-6rem;inline-size:18rem;block-size:18rem;background:var(--color-primary);opacity:.55}.auth-page:after{inset-block-start:10rem;inset-inline-start:-3rem;inline-size:9rem;block-size:9rem;background:var(--color-accent);opacity:.12}.auth-brand{position:relative;z-index:1;display:grid;align-content:space-between;padding:max(var(--space-5),env(safe-area-inset-top)) var(--space-5) var(--space-6);color:var(--color-on-ink)}.brand-lockup--auth{color:var(--color-on-ink);font-weight:var(--font-weight-bold)}.brand-lockup--auth .brand-mark{background:var(--color-accent);color:var(--color-ink-surface-strong)}.auth-brand__message{display:none}.auth-brand__trust{display:flex;max-inline-size:31rem;align-items:flex-start;gap:var(--space-2);color:var(--color-on-ink-muted);font-size:var(--font-size-200)}.auth-brand__trust svg{flex:0 0 auto;margin-block-start:.1rem;color:var(--color-accent)}.auth-card{position:relative;z-index:2;display:grid;align-content:start;gap:var(--space-5);min-block-size:66svh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-8) var(--space-5) max(var(--space-8),calc(var(--space-6) + env(safe-area-inset-bottom)));background:var(--color-canvas);box-shadow:0 -20px 60px #4949502e}.auth-card__intro{display:grid;gap:var(--space-2)}.auth-card__intro>p:last-child{color:var(--color-text-muted)}.auth-card form{display:grid;gap:var(--space-4)}.auth-card form>button{margin-block-start:var(--space-1)}.auth-links{justify-content:space-between;gap:var(--space-3);font-size:var(--font-size-200)}.dashboard-page{gap:var(--space-6)}.dashboard-quick-entry{position:relative;overflow:hidden;align-items:center;border:0;border-radius:var(--radius-lg);background:var(--color-accent-soft);box-shadow:var(--shadow-sm)}.dashboard-quick-entry:after{position:absolute;inset-inline-end:-1.75rem;inset-block-start:-2.25rem;inline-size:7rem;block-size:7rem;border-radius:50%;background:var(--color-accent);content:"";opacity:.45}.dashboard-quick-entry>*{position:relative;z-index:1}.dashboard-quick-entry__actions{gap:var(--space-3)}.dashboard-quick-entry__form{display:grid;gap:var(--space-4);width:100%}.dashboard-quick-entry__amount input{font-variant-numeric:tabular-nums}.dashboard-quick-entry__review,.dashboard-plan-link{color:var(--color-text-muted);font-size:var(--font-size-200)}.dashboard-quick-entry__success{margin:0;color:var(--color-success);font-weight:var(--font-weight-semibold)}.dashboard-plan-link{display:grid;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--color-surface-subtle)}.dashboard-plan-link p{margin:0}.dashboard-plan-link .ui-button-link{justify-self:start}.ui-button-link[data-variant=secondary],.ui-button-link[data-variant=outline]{border:1px solid var(--color-border-strong);background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-primary-active)}.ui-button-link[data-variant=secondary]:hover,.ui-button-link[data-variant=outline]:hover{border-color:var(--color-primary);background:var(--color-surface-selected);box-shadow:var(--shadow-md);color:var(--color-primary-active)}.dashboard-summary{overflow:hidden;gap:var(--space-6);border:0;padding:0;background:var(--color-surface-elevated);box-shadow:var(--shadow-md)}.dashboard-summary__heading{gap:var(--space-3);padding:var(--space-6) var(--space-6) 0}.dashboard-summary__status{justify-self:start;border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);background:var(--color-primary-subtle);color:var(--color-primary-active);font-size:var(--font-size-200);font-weight:var(--font-weight-semibold)}.dashboard-summary__available{min-block-size:11rem;align-content:space-between;padding:var(--space-6);background:radial-gradient(circle at 90% 10%,var(--color-ink-accent-glow),transparent 9rem),var(--color-ink-surface);color:var(--color-on-ink)}.dashboard-summary__available span,.dashboard-summary__available small{color:var(--color-on-ink-muted)}.dashboard-summary__available strong{color:var(--color-on-ink);font-size:clamp(2rem,10vw,3.4rem);letter-spacing:-.055em;white-space:nowrap}.dashboard-summary__metrics{gap:0;padding:0 var(--space-6) var(--space-6)}.dashboard-summary__metrics>div{border-block-end:1px solid var(--color-border);padding:var(--space-4) 0}.dashboard-summary__metrics>div:last-child{border-block-end:0}.dashboard-summary__metrics dt{color:var(--color-text-muted);font-size:var(--font-size-200);font-weight:var(--font-weight-medium)}.dashboard-summary__metrics dd{margin:0;font-size:var(--font-size-500);font-weight:var(--font-weight-bold);letter-spacing:-.03em;white-space:nowrap}.dashboard-summary__available strong.money-value--compact{font-size:var(--font-size-600)}.dashboard-summary__available strong.money-value--dense{font-size:var(--font-size-400);letter-spacing:-.03em}.dashboard-summary__metrics dd.money-value--compact{font-size:var(--font-size-400)}.dashboard-summary__metrics dd.money-value--dense{font-size:var(--font-size-300);letter-spacing:-.01em}.monthly-comparison{display:grid;gap:var(--space-4);width:100%}.monthly-comparison__heading,.monthly-comparison__details,.monthly-comparison__calculation,.monthly-comparison__categories,.monthly-comparison__calculation-list,.monthly-comparison__calculation-item,.monthly-comparison__categories li{display:grid;gap:var(--space-2)}.monthly-comparison__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0}.monthly-comparison__metrics>div{display:grid;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.monthly-comparison__metrics dt,.monthly-comparison__metrics small,.monthly-comparison__details p,.monthly-comparison__values dt{color:var(--color-text-muted)}.monthly-comparison__metrics dd{margin:0;font-size:var(--font-size-400);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.monthly-comparison__details summary{cursor:pointer;font-weight:var(--font-weight-semibold)}.monthly-comparison__details>summary{min-block-size:var(--control-min-size);padding:var(--space-2) 0}.monthly-comparison__details>p{margin-bottom:var(--space-3)}.monthly-comparison__calculation-list,.monthly-comparison__categories ul{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);margin:0;padding:0;list-style:none}.monthly-comparison__calculation-item,.monthly-comparison__categories li{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.monthly-comparison__calculation-item h4,.monthly-comparison__categories h4{margin:0;font-size:var(--font-size-300)}.monthly-comparison__values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:0}.monthly-comparison__values>div{min-inline-size:0}.monthly-comparison__values dd{margin:var(--space-1) 0 0;font-size:var(--font-size-200);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.monthly-comparison__calculation-item p,.monthly-comparison__categories>p{margin:0}.monthly-comparison__calculation-item nav{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.monthly-comparison__calculation-item nav a{font-size:var(--font-size-200)}.saved-scenarios li,.savings-history__item{border-block-end-color:var(--color-border);padding-block:var(--space-2) var(--space-4)}.transaction-row>*,.archive-item>*,.savings-bucket-card>*,.member-list li>*,.invitation-list li>*,.checklist li>*,.recurring-suggestion>*,.category-manager__item>*,.savings-history__item>*,.sync-draft-list li>*{min-inline-size:0}.comparison table{table-layout:fixed}.comparison th,.comparison td{overflow-wrap:anywhere}.comparison-bars div{block-size:var(--space-2)}.transaction-form,.transaction-detail,.category-manager,.recurring-suggestions,.savings-form,.savings-detail,.savings-history,.savings-settings,.savings-members{inline-size:100%}.savings-overview{gap:var(--space-2)}.savings-overview__item{min-inline-size:0;border:0;border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-on-ink);scroll-snap-align:start}.transaction-row,.savings-bucket-card{min-block-size:4.75rem;border:1px solid var(--color-clay-highlight);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.archive-item{align-items:start;padding-block:var(--space-4)}.archive-item>div:first-child{display:grid;gap:var(--space-1)}.archive-item small{color:var(--color-text-muted);font-size:var(--font-size-200)}.transaction-row:hover:not(:disabled),.savings-bucket-card:hover:not(:disabled){border-color:var(--color-primary-subtle);background:var(--color-surface-selected);box-shadow:var(--shadow-md);transform:translateY(-1px)}.transaction-form__amount input,.savings-form__amount input{min-block-size:4.5rem;border-width:2px;font-size:clamp(1.75rem,8vw,2.5rem);font-weight:var(--font-weight-bold);letter-spacing:-.04em}.transaction-type-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.transaction-type-toggle label{justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-surface);box-shadow:var(--shadow-sm);cursor:pointer}.transaction-type-toggle label:has(input:checked){border-color:var(--color-primary);background:var(--color-surface-selected);box-shadow:var(--shadow-inset)}.savings-bucket-card__amount{align-content:center}.savings-progress progress{overflow:hidden;border:0;border-radius:var(--radius-pill)}.savings-consequence{border:0;border-inline-start:4px solid var(--color-primary);background:var(--color-surface-subtle)}.member-list li,.invitation-list li,.checklist li,.category-manager__item,.recurring-suggestion,.sync-draft-list li{padding:var(--space-3) 0 var(--space-4)}.destructive-card{background:var(--color-danger-subtle);box-shadow:none}@media (width < 30rem){.app-header,.brand-lockup{gap:var(--space-2)}.shell>nav a span{font-size:clamp(.625rem,3.2vw,var(--font-size-100));letter-spacing:-.025em}.shell>header .brand-lockup strong{font-size:var(--font-size-300)}.page-heading{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.page-heading>button,.page-heading>.ui-button-link,.page-heading>.inline-actions{inline-size:100%}.page-heading>.inline-actions,.inline-actions,.transaction-detail__actions,.confirmation-panel__actions{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch}.inline-actions>:where(button,.ui-button-link),.transaction-detail__actions>button,.confirmation-panel__actions>button{inline-size:100%}.transaction-template{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.archive-item,.archive-item .inline-actions,.transaction-template .inline-actions{display:grid;grid-template-columns:minmax(0,1fr)}.transaction-template .inline-actions>button{inline-size:100%}.ui-card.details-card>summary{font-size:var(--font-size-400);white-space:normal}.dashboard-summary__metrics>div{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding-block:var(--space-3)}.monthly-comparison__metrics{grid-template-columns:1fr}.monthly-comparison__values{grid-template-columns:1fr;gap:var(--space-1)}.monthly-comparison__values>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:var(--space-3)}.monthly-comparison__values dd{margin:0;text-align:end}.savings-overview{grid-template-columns:minmax(0,1fr)}.savings-overview__item{grid-template-columns:minmax(0,1fr) auto;align-items:center;border-inline-end:0;border-block-end:1px solid var(--color-border);padding:var(--space-2)}.savings-overview__item:last-child{border-block-end:0}.comparison-bars li{grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2)}.comparison-bars li>div{grid-column:1 / -1;grid-row:2}}@media (width < 48rem){.transaction-history__heading,.transaction-history__search,.transaction-results-summary{grid-template-columns:minmax(0,1fr)}.transaction-history__search-actions,.transaction-active-filters,.transaction-management__links{display:grid;grid-template-columns:minmax(0,1fr)}.transaction-history__search-actions>*,.transaction-active-filters>*,.transaction-management__links>*{inline-size:100%}}@media (width >= 48rem){.transaction-drilldown__filters{grid-template-columns:repeat(2,minmax(0,1fr))}}.analytics-page,.analytics-page__primary-column,.analytics-page__secondary-column,.analytics-summary,.analytics-trend,.analytics-categories,.analytics-goals,.analytics-calculation{display:grid;min-inline-size:0}.analytics-page,.analytics-page__primary-column,.analytics-page__secondary-column{gap:var(--space-6)}.analytics-page__heading{position:relative;display:grid;align-items:end;overflow:hidden;gap:var(--space-6);border:1px solid var(--color-clay-highlight);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-6) var(--space-10);background:radial-gradient(circle at 88% 18%,var(--color-ink-accent-glow),transparent 36%),linear-gradient(135deg,var(--color-ink-surface),var(--color-ink-surface-strong));box-shadow:var(--shadow-lg);color:var(--color-on-ink)}.analytics-page__heading:after{position:absolute;inset:auto calc(var(--space-8) * -1) calc(var(--space-12) * -2) auto;inline-size:calc(var(--space-12) * 4);block-size:calc(var(--space-12) * 4);border:1px solid var(--color-ink-accent-glow);border-radius:var(--radius-pill);content:""}.analytics-page__heading-copy{display:flex!important;align-items:flex-start;gap:var(--space-4)!important}.analytics-page__heading-copy>div,.analytics-page__context,.analytics-section-heading__copy,.analytics-categories__row>div,.analytics-goals__heading>div{display:grid;min-inline-size:0;gap:var(--space-1)}.analytics-page__heading-icon,.analytics-section-icon,.analytics-controls__intro>span{display:grid;flex:0 0 auto;place-items:center;inline-size:var(--space-10);block-size:var(--space-10);border-radius:var(--radius-sm)}.analytics-page__heading-icon{background:var(--color-ink-accent-glow);color:var(--color-on-ink)}.analytics-page__heading :where(h1,p),.analytics-section-heading :where(h2,p),.analytics-summary__heading :where(h2,p){margin:0}.analytics-page__heading h1{color:var(--color-on-ink);font-size:var(--font-size-700);letter-spacing:-.04em}.analytics-page__heading .eyebrow{color:var(--color-on-ink-muted);font-size:var(--font-size-200)}.analytics-page__heading p:last-child{max-inline-size:36rem;color:var(--color-on-ink-muted)}.analytics-page__context{z-index:1;border-block-start:1px solid var(--color-ink-accent-glow);padding-block-start:var(--space-4)}.analytics-page__context strong{color:var(--color-on-ink);font-size:var(--font-size-400);font-variant-numeric:tabular-nums}.analytics-page__context span{color:var(--color-on-ink-muted);font-size:var(--font-size-200)}.analytics-controls{z-index:2;display:grid;inline-size:calc(100% - var(--space-6));max-inline-size:none;gap:var(--space-4);margin-block-start:calc(var(--space-12) * -1);margin-inline:auto;padding:var(--space-5);background:color-mix(in srgb,var(--color-surface) 96%,transparent);box-shadow:var(--shadow-lg)}.analytics-controls__intro{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text)}.analytics-controls__intro>span,.analytics-section-icon{background:var(--color-primary-subtle);color:var(--color-primary-active)}.analytics-controls__custom{display:grid;gap:var(--space-3)}.analytics-controls__custom .ui-button{align-self:end}.analytics-controls__custom .field-error{margin:0;color:var(--color-danger-strong)}.analytics-note{margin:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--color-surface-subtle);color:var(--color-text-muted)}.analytics-controls__salary-status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-200)}.analytics-controls__salary-status .ui-button{min-block-size:var(--control-min-size)}.analytics-summary,.analytics-page__content-grid .ui-card{inline-size:100%;max-inline-size:none}.analytics-summary{gap:var(--space-5);border-color:var(--color-clay-highlight);padding:var(--space-6);box-shadow:var(--shadow-lg)}.analytics-section-heading,.analytics-summary__heading,.analytics-categories__row,.analytics-goals__heading{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.analytics-section-heading{justify-content:flex-start}.analytics-section-heading__copy{flex:1 1 14rem}.analytics-section-heading>strong{margin-inline-start:auto}.analytics-section-heading p,.analytics-summary__heading p:last-child,.analytics-categories__row span,.analytics-categories__details,.analytics-goals__heading span{color:var(--color-text-muted);font-size:var(--font-size-200)}.analytics-summary__heading>div{display:grid;min-inline-size:0;grid-template-columns:auto minmax(0,1fr);gap:var(--space-1) var(--space-3)}.analytics-summary__heading .analytics-section-icon{grid-row:1 / 3}.analytics-summary__heading :where(h2,p){grid-column:2}.analytics-summary__status{max-inline-size:30rem;border:1px solid var(--color-primary-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--color-accent-soft);color:var(--color-primary-active);font-size:var(--font-size-300)}.analytics-summary__flow{display:grid;gap:var(--space-2);overflow:hidden;border:1px solid var(--color-ink-accent-glow);border-radius:var(--radius-lg);padding:var(--space-4);background:radial-gradient(circle at 100% 0,var(--color-ink-accent-glow),transparent 40%),var(--color-ink-surface);color:var(--color-on-ink)}.analytics-summary__flow>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-inline-size:0}.analytics-summary__flow>div>span{color:var(--color-on-ink-muted)}.analytics-summary__flow>span{display:none}.analytics-summary__flow strong,.analytics-summary__metrics dd,.analytics-section-heading>strong,.analytics-categories__row>div:last-child strong,.analytics-goals__heading>strong,.analytics-goals__list dd{white-space:nowrap;font-variant-numeric:tabular-nums}.analytics-summary__result{margin-block-start:var(--space-2);border-block-start:1px solid var(--color-ink-accent-glow);padding-block-start:var(--space-4)}.analytics-summary__result strong{font-size:var(--font-size-500)}.analytics-summary__metrics{display:grid;gap:var(--space-2)}.analytics-summary__metrics>div,.analytics-goals__list dl>div{display:grid;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4);background:color-mix(in srgb,var(--color-surface-subtle) 72%,var(--color-surface))}.analytics-summary__metrics :where(dt,dd),.analytics-goals__list :where(dt,dd){margin:0}.analytics-summary__metrics dt,.analytics-goals__list dt{color:var(--color-text-muted);font-size:var(--font-size-200)}.analytics-summary__metrics dd{font-size:var(--font-size-500);font-weight:var(--font-weight-bold);letter-spacing:-.02em}.analytics-summary__comparison{margin:0;border-inline-start:var(--space-1) solid var(--color-primary);padding-inline-start:var(--space-3);font-weight:var(--font-weight-semibold)}.analytics-summary>small{color:var(--color-text-muted)}.analytics-page__content-grid{display:grid;min-inline-size:0;gap:var(--space-6)}.analytics-trend,.analytics-categories,.analytics-goals,.analytics-calculation{gap:var(--space-5)}.analytics-trend__visual{display:grid;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);background:color-mix(in srgb,var(--color-primary-subtle) 34%,var(--color-surface));box-shadow:var(--shadow-inset)}.analytics-trend__legend{display:flex;flex-wrap:wrap;gap:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-200)}.analytics-trend__legend span{display:inline-flex;align-items:center;gap:var(--space-2)}.analytics-trend__legend span:before{inline-size:var(--space-6);border-block-start:3px solid var(--color-chart-1);content:""}.analytics-trend__legend-expenses:before{border-block-start-color:var(--color-chart-4)!important;border-block-start-style:dashed!important}.analytics-trend__chart{inline-size:100%;block-size:calc(var(--space-12) * 4);overflow:visible}.analytics-trend__chart polyline,.analytics-trend__chart line{vector-effect:non-scaling-stroke}.analytics-trend__grid,.analytics-trend__axis{stroke:var(--color-border);stroke-width:1}.analytics-trend__grid{stroke-dasharray:2 5}.analytics-trend__income-area{fill:color-mix(in srgb,var(--color-chart-1) 12%,transparent);stroke:none}.analytics-trend__income-line,.analytics-trend__expense-line{fill:none;stroke:var(--color-chart-1);stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.analytics-trend__expense-line{stroke:var(--color-chart-4);stroke-dasharray:6 4}.analytics-trend__axis-labels{display:flex;justify-content:space-between;color:var(--color-text-muted);font-size:var(--font-size-100)}.analytics-trend__summary{margin:0;font-weight:var(--font-weight-medium)}.analytics-empty{display:grid;gap:var(--space-2);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-5);background:var(--color-surface-subtle);color:var(--color-text-muted)}.analytics-empty strong{color:var(--color-text)}.analytics-categories__list,.analytics-goals__list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.analytics-categories__list{counter-reset:analytics-category}.analytics-categories__list li,.analytics-goals__list li{display:grid;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:color-mix(in srgb,var(--color-surface-subtle) 58%,var(--color-surface));transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.analytics-categories__list li{position:relative;counter-increment:analytics-category}.analytics-categories__list li:before{display:grid;place-items:center;inline-size:var(--space-8);block-size:var(--space-8);border-radius:var(--radius-sm);background:var(--color-primary-subtle);color:var(--color-primary-active);font-size:var(--font-size-100);font-weight:var(--font-weight-bold);content:counter(analytics-category)}.analytics-categories__row{flex:1 1 auto}.analytics-categories__row>div:last-child{justify-items:end;text-align:end}.analytics-categories__bar{position:relative;overflow:hidden;block-size:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-inset)}.analytics-categories__bar i{display:block;inline-size:var(--space-analytics-category-fill);block-size:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-chart-1),var(--color-chart-3))}.analytics-categories__bar b{position:absolute;inset-block:0;inset-inline-start:var(--space-analytics-income-reference);border-inline-start:2px solid var(--color-text)}.analytics-categories__details{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4)}.analytics-categories__details .ui-button-link{margin-inline-start:auto;min-block-size:var(--control-min-size);padding:var(--space-2) var(--space-3)}.analytics-goals__heading>div{min-inline-size:0}.analytics-goals__list dl{display:grid;gap:var(--space-2);margin:0}.analytics-goals__list li{background:color-mix(in srgb,var(--color-accent) 48%,var(--color-surface))}.analytics-calculation{background:color-mix(in srgb,var(--color-accent-soft) 62%,var(--color-surface))}.analytics-calculation details>div{display:grid;gap:var(--space-3);border-block-start:1px solid var(--color-border);padding-block-start:var(--space-4)}.analytics-calculation summary,.analytics-data-table summary{min-block-size:var(--control-min-size);cursor:pointer;font-weight:var(--font-weight-semibold)}.analytics-calculation ul{display:grid;gap:var(--space-2);margin:0;padding-inline-start:var(--space-5)}.analytics-data-table{border-block-start:1px solid var(--color-border);padding-block-start:var(--space-3)}.analytics-data-table>div{overflow-x:auto;padding-block-start:var(--space-3)}.analytics-data-table table{inline-size:100%;border-collapse:collapse}.analytics-data-table caption{padding-block-end:var(--space-2);text-align:start}.analytics-data-table :where(th,td){border-block-end:1px solid var(--color-border);padding:var(--space-2);text-align:start}.analytics-data-table :where(th,td):not(:first-child){text-align:end;white-space:nowrap;font-variant-numeric:tabular-nums}@media (hover: hover){.analytics-categories__list li:hover,.analytics-goals__list li:hover{border-color:var(--color-primary-subtle);box-shadow:var(--shadow-sm);transform:translateY(calc(var(--space-1) * -1))}}@media (width >= 48rem){.analytics-page__heading{grid-template-columns:minmax(0,1fr) auto;padding:var(--space-8)}.analytics-page__heading-icon{inline-size:var(--space-12);block-size:var(--space-12)}.analytics-page__context{justify-items:end;border-block-start:0;border-inline-start:1px solid var(--color-ink-accent-glow);padding-block-start:0;padding-inline-start:var(--space-6);text-align:end}.analytics-controls{grid-template-columns:auto minmax(12rem,1fr) minmax(16rem,1.5fr);align-items:end;inline-size:calc(100% - var(--space-12));margin-block-start:calc(var(--space-10) * -1);padding:var(--space-5) var(--space-6)}.analytics-controls__intro{align-self:center;padding-inline-end:var(--space-2)}.analytics-controls__custom{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end}.analytics-controls__salary-status{grid-column:2}.analytics-controls__custom .field-error{grid-column:1 / -1}.analytics-summary__heading{align-items:center}.analytics-summary__flow{display:flex;align-items:stretch;padding:var(--space-5)}.analytics-summary__flow>div{display:grid;flex:1 1 0;align-content:center;gap:var(--space-1)}.analytics-summary__flow>span{display:grid;place-items:center;color:var(--color-on-ink-muted);font-size:var(--font-size-500)}.analytics-summary__result{margin-block-start:0;border-block-start:0;border-inline-start:1px solid var(--color-ink-accent-glow);padding-block-start:0;padding-inline-start:var(--space-4)}.analytics-summary__metrics,.analytics-goals__list dl{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-categories__list li{grid-template-columns:auto minmax(0,1fr);align-items:center}.analytics-categories__list li:before{grid-row:1 / 4}}@media (width >= 64rem){.analytics-page__content-grid{grid-template-columns:minmax(0,1.45fr) minmax(18rem,.55fr);align-items:start}.analytics-goals__list dl{grid-template-columns:minmax(0,1fr)}}@media (width >= 48rem){.monthly-comparison__calculation-list{grid-template-columns:repeat(2,minmax(0,1fr))}.app-header{padding-inline:var(--space-6)}.header-action span{display:inline}.shell main{padding:var(--space-8) var(--space-6) calc(7rem + env(safe-area-inset-bottom))}.shell>nav{inset-inline:50% auto;inline-size:min(38rem,calc(100% - var(--space-12)));transform:translate(-50%)}.shell>nav a{font-size:var(--font-size-100)}.dashboard-quick-entry{grid-template-columns:minmax(0,1fr) minmax(20rem,auto)}.dashboard-summary__heading{grid-template-columns:minmax(0,1fr) auto}.dashboard-summary__status{justify-self:end}.dashboard-summary__metrics>div{border-block-end:0;border-inline-end:1px solid var(--color-border);padding:0 var(--space-4)}.dashboard-summary__metrics>div:first-child{padding-inline-start:0}.dashboard-summary__metrics>div:last-child{border-inline-end:0;padding-inline-end:0}.auth-card{padding-inline:max(var(--space-8),calc((100vw - 34rem)/2))}}@media (width >= 64rem){body{background:radial-gradient(circle at 100% 0,var(--color-primary-subtle),transparent 30rem),var(--color-canvas)}.shell{grid-template-columns:17rem minmax(0,1fr);grid-template-rows:5.5rem 1fr}.app-header{min-block-size:5.5rem;padding-inline:var(--space-6) var(--space-8)}.shell>nav{position:sticky;inset:5.5rem auto auto 0;display:flex;inline-size:auto;min-block-size:calc(100vh - 5.5rem);flex-direction:column;gap:var(--space-2);border:0;border-inline-end:1px solid var(--color-border);border-radius:0;padding:var(--space-6) var(--space-4);background:color-mix(in srgb,var(--color-surface) 58%,transparent);box-shadow:none;transform:none}.shell>nav:after{margin-block-start:auto;border-radius:var(--radius-lg);padding:var(--space-4);background:var(--color-ink-surface);color:var(--color-on-ink);content:"Спокойно о важном";font-size:var(--font-size-200);font-weight:var(--font-weight-semibold);text-align:center}.shell>nav a{display:flex;min-block-size:3.25rem;flex-direction:row;justify-content:flex-start;gap:var(--space-3);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--font-size-200)}.shell>nav a.active:after{inset-inline-start:0;inset-block:auto;inline-size:.25rem;block-size:1.5rem}.shell main{inline-size:min(100%,calc(var(--content-max) + var(--space-12)));margin-inline:auto;padding:var(--space-8) var(--space-10) var(--space-12)}.dashboard-summary{grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr)}.dashboard-summary__heading{grid-column:1 / -1}.dashboard-summary__available{min-block-size:14rem}.dashboard-summary__metrics{grid-template-columns:minmax(0,1fr);align-self:stretch;padding:0 var(--space-6) var(--space-6) 0}.dashboard-summary__metrics>div,.dashboard-summary__metrics>div:first-child,.dashboard-summary__metrics>div:last-child{border-inline-end:0;border-block-end:1px solid var(--color-border);padding:var(--space-3) 0}.dashboard-summary__metrics>div:first-child{padding-block-start:0}.dashboard-summary__metrics>div:last-child{border-block-end:0;padding-block-end:0}.auth-page{grid-template-columns:minmax(28rem,1.1fr) minmax(28rem,.9fr);grid-template-rows:1fr;background:var(--color-canvas)}.auth-brand{min-block-size:100svh;align-content:space-between;padding:var(--space-10) clamp(var(--space-8),6vw,6rem);background:radial-gradient(circle at 80% 10%,var(--color-ink-accent-glow),transparent 22rem),var(--color-ink-surface)}.auth-brand__message{display:grid;max-inline-size:34rem;gap:var(--space-4)}.auth-brand__message h2{color:var(--color-on-ink);font-size:clamp(2.75rem,5vw,4.75rem);letter-spacing:-.065em;line-height:.98}.auth-brand__message>p:last-child{max-inline-size:31rem;color:var(--color-on-ink-muted);font-size:var(--font-size-400)}.auth-brand__icon{display:grid;inline-size:3.5rem;block-size:3.5rem;place-items:center;border-radius:var(--radius-lg);background:var(--color-accent);color:var(--color-ink-surface-strong)}.auth-card{min-block-size:100svh;align-content:center;border-radius:0;padding:var(--space-12) clamp(var(--space-8),7vw,7rem);background:var(--color-canvas);box-shadow:none}}.network-status{position:sticky;z-index:11;inset-block-start:0;display:grid;gap:var(--space-2);border-block-end:1px solid var(--color-warning);padding:var(--space-2) max(var(--space-4),env(safe-area-inset-right)) var(--space-2) max(var(--space-4),env(safe-area-inset-left));background:var(--color-warning-subtle);color:var(--color-warning);font-size:var(--font-size-200)}.network-status p{margin:0}.network-status a{color:inherit}.sync-center,.sync-draft-list{display:grid;gap:var(--space-4)}.sync-draft-list{margin:0;padding:0;list-style:none}.sync-draft-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-block-end:1px solid var(--color-border);padding-block-end:var(--space-3)}.sync-draft-list li:last-child{border-block-end:0;padding-block-end:0}.sync-draft-list span{display:grid;gap:var(--space-1)}.sync-draft-list small{color:var(--color-text-muted)}.loading-state{display:grid;min-block-size:calc(var(--space-12) * 4);place-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-6);overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 22%,var(--color-primary-subtle),transparent 68%),var(--color-surface);box-shadow:var(--shadow-sm);text-align:center;align-content:center;width:100%;height:100%}#root>.loading-state{min-height:100vh;border-radius:0}.loading-state__orb{position:relative;display:grid;inline-size:calc(var(--space-12) * 2);aspect-ratio:1;place-items:center}.loading-state__halo{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--color-primary-subtle);border-block-start-color:var(--color-primary);border-radius:var(--radius-pill);animation:loading-orbit 1.6s linear infinite}.loading-state__halo--inner{inset:var(--space-2);border-color:var(--color-accent-soft);border-inline-end-color:var(--color-primary-hover);animation-direction:reverse;animation-duration:1.15s}.loading-state__monogram{display:grid;inline-size:calc(var(--space-12) + var(--space-2));aspect-ratio:1;place-items:center;border-radius:var(--radius-pill);background:var(--color-ink-surface);box-shadow:var(--shadow-md);color:var(--color-on-ink);font-size:var(--font-size-500);font-weight:var(--font-weight-bold);line-height:1}.loading-state__copy{display:grid;max-inline-size:calc(var(--space-12) * 7);gap:var(--space-1)}.loading-state__copy strong{color:var(--color-text);font-size:var(--font-size-400)}.loading-state__copy span{color:var(--color-text-muted);font-size:var(--font-size-200)}@keyframes loading-orbit{to{transform:rotate(1turn)}}@media (prefers-reduced-motion: reduce){.loading-state__halo{animation:none}}.accounts-page,.account-form,.accounts-list,.account-register,.account-register__entries,.account-reconciliation-form,.account-lifecycle-form,.account-reconciliation-history,.account-detail,.account-detail__primary-actions,.account-register__section-heading,.account-register__archive,.accounts-list__groups{display:grid;gap:var(--space-4)}.account-detail>a{justify-self:start}.account-detail__primary-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}.accounts-list,.account-register{inline-size:min(100%,44rem)}.accounts-list__heading,.account-register__heading,.account-register__section-heading,.accounts-list li,.account-register__entries li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.accounts-list ul,.account-register__entries,.account-reconciliation-history ul{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.accounts-list li,.account-register__entries li{border-block-end:1px solid var(--color-border);padding-block:var(--space-3)}.accounts-list li:last-child,.account-register__entries li:last-child{border-block-end:0}.account-reconciliation-history li{display:grid;gap:var(--space-1);border-block-end:1px solid var(--color-border);padding-block:var(--space-2)}.account-reconciliation-history li:last-child{border-block-end:0}.accounts-list__item{display:flex;min-inline-size:0;flex:1;align-items:center;justify-content:space-between;gap:var(--space-3);background:transparent;color:var(--color-text);text-align:start}.accounts-list__item:hover{background:var(--color-surface-selected)}.accounts-list__item span,.account-register__entries li>div{display:grid;min-inline-size:0;gap:var(--space-1)}.accounts-list__item>span:last-child,.account-register__amount{flex:0 0 auto;text-align:end;font-variant-numeric:tabular-nums}.accounts-list__item small,.account-register__entries small,.account-register__explanation{color:var(--color-text-muted);font-size:var(--font-size-100)}.accounts-list__item .accounts-list__attention{color:var(--color-warning);font-weight:var(--font-weight-semibold)}.accounts-list__groups>section{display:grid;gap:var(--space-2)}.accounts-list__groups h3{margin:0;color:var(--color-text-muted);font-size:var(--font-size-200)}.account-balances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0}.account-balances--primary{grid-template-columns:minmax(0,1fr)}.account-balances--primary dd{font-size:var(--font-size-600)}.account-balances>div{display:grid;gap:var(--space-1);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-surface-subtle)}.account-balances dt{color:var(--color-text-muted);font-size:var(--font-size-100)}.account-balances dd{margin:0;font-size:var(--font-size-400);font-variant-numeric:tabular-nums}.account-register__amount label{font-size:var(--font-size-100);font-weight:var(--font-weight-normal)}.account-register__confirmed-balance strong{font-variant-numeric:tabular-nums}.account-register__settings,.account-reconciliation-history-disclosure,.accounts-list__archived{margin-block-start:var(--space-2)}@media (width < 30rem){.accounts-list__heading,.account-register__heading,.account-register__section-heading,.accounts-list li,.account-register__entries li{align-items:start;flex-direction:column}.accounts-list__item{inline-size:100%}}.review-inbox-page,.review-inbox__list{display:grid;gap:var(--space-4)}.review-inbox__bulk,.review-inbox__item{display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface)}.review-inbox__bulk{justify-content:space-between;flex-wrap:wrap}.review-inbox__bulk p,.review-inbox__item p{margin:0}.review-inbox__list{margin:0;padding:0;list-style:none}.review-inbox__item>div:nth-child(2){flex:1 1 12rem}.review-inbox__item h2{margin:0;font-size:var(--font-size-400)}.review-inbox__select{display:grid;min-inline-size:var(--control-min-size);min-block-size:var(--control-min-size);place-items:center}.review-inbox__amount{white-space:nowrap;font-variant-numeric:tabular-nums}@media (width < 48rem){.review-inbox__item{align-items:flex-start;flex-wrap:wrap}.review-inbox__item .inline-actions{inline-size:100%}.review-inbox__item .inline-actions>button{flex:1 1 max-content}}.transaction-splits,.transaction-splits__lines,.transaction-detail__splits{display:grid;gap:var(--space-3)}.transaction-splits{border-block:1px solid var(--color-border);padding-block:var(--space-4)}.transaction-splits__line{display:grid;grid-template-columns:minmax(0,1fr) minmax(7rem,.6fr) auto;gap:var(--space-2);align-items:end}.transaction-splits__line .field{min-inline-size:0}.transaction-detail__splits{margin:0;padding:0;list-style:none}.transaction-detail__split{display:flex;justify-content:space-between;gap:var(--space-3);font-variant-numeric:tabular-nums}@media (width < 48rem){.transaction-splits__line{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.transaction-splits__line button{grid-column:1 / -1}}.flex-plan-page,.flex-plan-editor,.flex-plan-lines,.flex-plan-line,.flex-plan-actuals,.flex-plan-actuals dl,.flex-plan-safe-spend,.flex-plan-safe-spend__evidence,.flex-plan-pool,.form-actions{display:grid;gap:var(--space-4)}.flex-plan-context,.flex-plan-status,.flex-plan-editor,.flex-plan-actuals,.flex-plan-safe-spend{inline-size:min(100%,48rem)}.flex-plan-line{grid-template-columns:minmax(0,1fr);margin:0;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.flex-plan-line legend{padding-inline:var(--space-2);color:var(--color-text-muted);font-weight:var(--font-weight-semibold)}.flex-plan-pool{border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface-selected)}.flex-plan-pool strong{font-size:var(--font-size-500);font-variant-numeric:tabular-nums}.flex-plan-pool small,.flex-plan-actuals p,.flex-plan-status p,.muted{color:var(--color-text-muted)}.flex-plan-actuals dl>div{display:flex;justify-content:space-between;gap:var(--space-4);border-block-end:1px solid var(--color-border);padding-block:var(--space-2)}.flex-plan-actuals dt,.flex-plan-safe-spend__evidence dt{min-inline-size:0}.flex-plan-actuals dd{margin:0;font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold)}.flex-plan-safe-spend{border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface-selected)}.flex-plan-safe-spend--qualified{border-color:var(--color-warning);background:var(--color-warning-subtle)}.flex-plan-safe-spend>strong{font-size:var(--font-size-500)}.flex-plan-safe-spend summary{cursor:pointer;color:var(--color-primary-active);font-weight:var(--font-weight-semibold)}.flex-plan-safe-spend__evidence>div{display:flex;justify-content:space-between;gap:var(--space-4);border-block-end:1px solid var(--color-border);padding-block:var(--space-2)}.flex-plan-safe-spend__evidence dd{margin:0;font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);text-align:end}@media (width >= 48rem){.flex-plan-line{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-plan-line>button{align-self:end}.form-actions{grid-template-columns:repeat(2,max-content)}}.dashboard-page{gap:var(--space-5)}.dashboard-summary{gap:var(--space-4)}.dashboard-summary__heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding-block-end:0}.dashboard-summary__heading>div:first-child{display:grid;gap:var(--space-1)}.dashboard-summary__heading h2,.dashboard-summary__heading p{margin:0}.dashboard-summary__heading p{color:var(--color-text-muted);font-size:var(--font-size-200)}.dashboard-summary__available{min-block-size:9.5rem}.dashboard-summary__available small{max-inline-size:24rem}.dashboard-quick-entry{grid-template-columns:minmax(0,1fr);align-items:stretch;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm)}.dashboard-quick-entry:after{display:none}.dashboard-quick-entry__heading{display:grid;gap:var(--space-1)}.dashboard-quick-entry__heading h2,.dashboard-quick-entry__heading p{margin:0}.dashboard-quick-entry__heading p{color:var(--color-text-muted);font-size:var(--font-size-200)}.dashboard-quick-entry__form{grid-template-columns:minmax(0,1fr)}.dashboard-quick-entry__amount input{font-size:var(--font-size-500);font-weight:var(--font-weight-semibold)}.dashboard-onboarding .onboarding-checklist{gap:var(--space-3);border:1px solid var(--color-border);background:var(--color-surface-subtle);box-shadow:none;width:100%}.dashboard-onboarding .onboarding-checklist .eyebrow,.dashboard-onboarding .onboarding-checklist>div>p:last-child,.dashboard-onboarding .onboarding-checklist .checklist li span{color:var(--color-text-muted)}.dashboard-onboarding .onboarding-checklist .checklist{gap:var(--space-2)}.dashboard-onboarding .onboarding-checklist .checklist li{gap:var(--space-3);border-block-end:1px solid var(--color-border);padding-block:var(--space-2) var(--space-3);padding-inline-start:var(--space-8)}.dashboard-onboarding .onboarding-checklist .checklist li>div{display:grid;gap:var(--space-1)}.dashboard-onboarding .onboarding-checklist .checklist li:last-child{border-block-end:0;padding-block-end:0}@media (width < 48rem){.dashboard-onboarding .onboarding-checklist .checklist li{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.dashboard-onboarding .onboarding-checklist .checklist .ui-button-link{inline-size:100%}}.dashboard-insights-grid{display:grid;gap:var(--space-4)}.dashboard-spending,.dashboard-recent{display:grid;gap:var(--space-4);min-inline-size:0}.dashboard-section-heading{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:var(--space-3)}.dashboard-section-heading>div{display:grid;gap:var(--space-1)}.dashboard-section-heading h2,.dashboard-section-heading p{margin:0}.dashboard-section-heading p{color:var(--color-text-muted);font-size:var(--font-size-200)}.dashboard-section-heading .ui-button-link{flex:0 0 auto;min-block-size:2.4rem;padding:var(--space-2) var(--space-3)}.dashboard-spending__list,.dashboard-recent__list{display:grid;gap:0;margin:0;padding:0;list-style:none}.dashboard-spending__list li,.dashboard-recent__list li{border-block-end:1px solid var(--color-border);padding-block:var(--space-3)}.dashboard-spending__list li:first-child,.dashboard-recent__list li:first-child{padding-block-start:0}.dashboard-spending__list li:last-child,.dashboard-recent__list li:last-child{border-block-end:0;padding-block-end:0}.dashboard-spending__list li{display:grid;gap:var(--space-2)}.dashboard-spending__list li>div:first-child,.dashboard-recent__list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.dashboard-spending__list strong,.dashboard-recent__amount{white-space:nowrap;font-variant-numeric:tabular-nums}.dashboard-spending__bar{overflow:hidden;block-size:.35rem;border-radius:var(--radius-pill);background:var(--color-surface-subtle)}.dashboard-spending__bar i{display:block;block-size:100%;border-radius:inherit;background:var(--color-primary)}.dashboard-recent__list li>div{display:grid;gap:var(--space-1);min-inline-size:0}.dashboard-recent__list li span{color:var(--color-text-muted);font-size:var(--font-size-100)}.dashboard-compact-empty{display:grid;gap:var(--space-1);border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);color:var(--color-text-muted)}.dashboard-compact-empty strong{color:var(--color-text)}.monthly-comparison__heading h2,.monthly-comparison__heading p{margin:0}.monthly-comparison__heading p{margin-block-start:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-200)}.monthly-comparison__categories ul{display:grid;gap:0;margin:0;padding:0;list-style:none}.monthly-comparison__categories li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border:0;border-block-end:1px solid var(--color-border);border-radius:0;padding:var(--space-3) 0}.monthly-comparison__categories li:last-child{border-block-end:0;padding-block-end:0}.monthly-comparison__categories li>div{display:grid;gap:var(--space-1)}.monthly-comparison__categories li strong{white-space:nowrap;font-variant-numeric:tabular-nums}.dashboard-plan-link{grid-template-columns:minmax(0,1fr) auto;align-items:center;background:var(--color-surface-subtle)}.dashboard-plan-link>div{display:grid;gap:var(--space-1)}.dashboard-plan-link strong,.dashboard-plan-link p{margin:0}@media (width >= 48rem){.dashboard-quick-entry__form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.dashboard-quick-entry__form .transaction-type-toggle,.dashboard-quick-entry__actions{grid-column:1 / -1}.dashboard-insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width < 30rem){.dashboard-section-heading .ui-button-link,.dashboard-plan-link .ui-button-link{inline-size:100%}.dashboard-plan-link{grid-template-columns:minmax(0,1fr)}}