@monetize.software/sdk-extension 3.0.0-alpha.1 → 3.0.0-alpha.11

package/dist/content.js

@@ -1,40 +1,82 @@
-import { P as T, B as ae, E as ce, c as ue, A as H, w as he, a as R, r as de, b as pe } from "./chunks/chrome-port-BXHR4SOG.js";
-import { render as z, h as G } from "preact";
-import { jsxs as u, jsx as o, Fragment as ne } from "preact/jsx-runtime";
-import { useRef as E, useEffect as M, useState as x, useMemo as ie } from "preact/hooks";
-import { P as fe } from "./chunks/port-name-BPfQKtdb.js";
-const oe = '@layer theme,base,components,utilities;@layer theme{@theme default{ --font-sans: ui-sans-serif, system-ui, 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 0); --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 0); --color-neutral-100: oklch(97% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-neutral-950: oklch(14.5% 0 0); --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 0); --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%;tab-size:4;font-family:--theme(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:--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{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{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;}@source "../**/*.{ts,tsx,js,jsx}";@layer base{:host{all:initial;color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*,*:before,*:after{box-sizing:border-box}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed}[role=button],[role=radio]{cursor:pointer}}';
-let W = !1;
-function ge() {
-  if (W || (W = !0, typeof CSS > "u" || typeof CSS.registerProperty != "function")) return;
-  let r;
+import { P as T, B as je, E as Re, c as De, A as ce, w as ze, a as X, r as Ne, b as qe } from "./chunks/chrome-port-KYVwww_u.js";
+import { render as J, h as ue, createContext as Fe } from "preact";
+import { jsx as o, jsxs as u, Fragment as se } from "preact/jsx-runtime";
+import { useState as x, useEffect as B, useContext as $e, useRef as R, useMemo as Ve, useLayoutEffect as He } from "preact/hooks";
+import { P as Ge } from "./chunks/port-name-ervLBWAQ.js";
+function We(t) {
+  return `pw-offer-${t}-start`;
+}
+function $(t, e) {
+  if (!t || t.length === 0) return null;
+  const r = t.find(
+    (i) => i.price_id === e && (i.discount_percent ?? 0) > 0
+  );
+  return r || (t.find(
+    (i) => i.price_id == null && (i.discount_percent ?? 0) > 0
+  ) ?? null);
+}
+function Ze(t, e = {}) {
+  const r = t.discount_percent ?? 0;
+  if (r <= 0) return null;
+  const n = e.now ?? Date.now(), i = Ye(t, e.readStart), s = Ke(t, i), a = i !== null ? Math.max(0, i - n) : null;
+  return i !== null && i <= n ? null : { offer: t, discountPercent: r, remainingMs: a, totalMs: s, expiresAt: i };
+}
+function Ye(t, e) {
+  if (t.expires_at) {
+    const r = Date.parse(t.expires_at);
+    return Number.isFinite(r) ? r : null;
+  }
+  if (t.duration_minutes && t.duration_minutes > 0 && e) {
+    const r = e(t.id);
+    if (!r) return null;
+    const n = Date.parse(r);
+    return Number.isFinite(n) ? n + t.duration_minutes * 6e4 : null;
+  }
+  return null;
+}
+function Ke(t, e) {
+  return t.duration_minutes && t.duration_minutes > 0 ? t.duration_minutes * 6e4 : e !== null ? e - Date.now() : null;
+}
+function Xe(t) {
+  if (typeof window > "u") return null;
+  try {
+    return window.localStorage.getItem(We(t));
+  } catch {
+    return null;
+  }
+}
+const _e = '@layer theme,base,components,utilities;@layer theme{@theme default{ --font-sans: ui-sans-serif, system-ui, 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 0); --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 0); --color-neutral-100: oklch(97% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-neutral-950: oklch(14.5% 0 0); --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 0); --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%;tab-size:4;font-family:--theme(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:--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{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{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;}@source "../**/*.{ts,tsx,js,jsx}";@layer base{:host{all:initial;color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*,*:before,*:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed}[role=button],[role=radio]{cursor:pointer}}.pw-cta-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35) 50%,transparent);animation:pw-cta-shimmer 3s infinite;z-index:1}@keyframes pw-cta-shimmer{0%{left:-100%}to{left:100%}}';
+let de = !1;
+function Je() {
+  if (de || (de = !0, typeof CSS > "u" || typeof CSS.registerProperty != "function")) return;
+  let t;
   try {
     const e = new CSSStyleSheet();
-    e.replaceSync(oe), r = e.cssRules;
+    e.replaceSync(_e), t = e.cssRules;
   } catch {
     return;
   }
-  for (const e of r) {
+  for (const e of t) {
     if (e.constructor.name !== "CSSPropertyRule") continue;
-    const t = e;
+    const r = e;
     try {
       CSS.registerProperty({
-        name: t.name,
-        syntax: t.syntax,
-        inherits: t.inherits,
-        ...t.initialValue != null ? { initialValue: t.initialValue } : {}
+        name: r.name,
+        syntax: r.syntax,
+        inherits: r.inherits,
+        ...r.initialValue != null ? { initialValue: r.initialValue } : {}
       });
     } catch {
     }
   }
 }
-function me(r, e, t = {}) {
+function Qe(t, e, r = {}) {
   if (typeof document > "u")
     throw new Error("mountShadow called in non-DOM environment");
-  ge();
-  const n = t.host ?? document.createElement("div");
-  n.setAttribute("data-paywall-host", ""), n.style.cssText = "all: initial; position: fixed; inset: 0; z-index: 2147483647; pointer-events: none;", n.isConnected || document.body.appendChild(n);
-  const i = n.attachShadow({ mode: t.shadowMode ?? "closed" }), s = `
+  Je();
+  const n = r.host ?? document.createElement("div");
+  n.setAttribute("data-paywall-host", ""), n.style.cssText = r.inline ? "all: initial; position: absolute; inset: 0; z-index: 1; pointer-events: none;" : "all: initial; position: fixed; inset: 0; z-index: 2147483647; pointer-events: none;", !n.isConnected && !r.inline && document.body.appendChild(n);
+  const i = n.attachShadow({ mode: r.shadowMode ?? "closed" }), s = `
 :host {
   all: initial !important;
   display: block !important;
@@ -52,124 +94,230 @@ function me(r, e, t = {}) {
   cursor: auto !important;
   visibility: visible !important;
 }
-`, l = document.createElement("style");
-  l.textContent = s + oe + (t.injectCss ?? ""), i.appendChild(l);
-  const a = document.createElement("div");
-  a.style.pointerEvents = "auto", i.appendChild(a);
-  let c = e;
-  return z(G(r, c), a), {
+`, a = document.createElement("style");
+  a.textContent = s + _e + (r.injectCss ?? ""), i.appendChild(a);
+  const c = document.createElement("div");
+  c.style.pointerEvents = "auto", i.appendChild(c);
+  let l = e;
+  return J(ue(t, l), c), {
     shadowRoot: i,
-    update(p) {
-      c = { ...c, ...p }, z(G(r, c), a);
+    update(f) {
+      l = { ...l, ...f }, J(ue(t, l), c);
     },
     unmount() {
-      z(null, a), n.remove();
+      J(null, c), n.remove();
+    }
+  };
+}
+const et = (t, e, r) => {
+  const n = t[e];
+  return n ? typeof n == "function" ? n() : Promise.resolve(n) : new Promise((i, s) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
+      s.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + e + (e.split("/").length !== r ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+}, tt = [
+  "ru",
+  "uk",
+  "de",
+  "es",
+  "fr",
+  "it",
+  "pt",
+  "pl",
+  "cs",
+  "hu",
+  "ro",
+  "nl",
+  "sv",
+  "da",
+  "no",
+  "fi",
+  "el",
+  "tr",
+  "id",
+  "ar",
+  "ja",
+  "ko",
+  "zh",
+  "hi",
+  "th",
+  "vi",
+  "he"
+], Se = (t, e, r) => Ie(e, r), Ce = Fe({ t: Se, locale: "en" });
+function Ie(t, e) {
+  if (!e) return t;
+  let r = t;
+  for (const [n, i] of Object.entries(e))
+    r = r.split(`{${n}}`).join(String(i));
+  return r;
+}
+const Q = /* @__PURE__ */ new Map(), ee = /* @__PURE__ */ new Map();
+function Ae(t) {
+  return tt.includes(t);
+}
+function rt(t) {
+  const e = [];
+  if (typeof navigator < "u" && navigator.language) {
+    e.push(navigator.language);
+    const n = navigator.language.split("-")[0];
+    n && n !== navigator.language && e.push(n);
+  }
+  const r = t.settings.locale_default;
+  if (r) {
+    e.push(r);
+    const n = r.split("-")[0];
+    n && n !== r && e.push(n);
+  }
+  for (const n of e)
+    if (Ae(n)) return n;
+  return null;
+}
+function nt(t, e) {
+  return !!t.locales && t.locales[e] !== void 0;
+}
+async function it(t) {
+  const e = Q.get(t);
+  if (e) return e;
+  const r = ee.get(t);
+  if (r) return r;
+  const n = et(/* @__PURE__ */ Object.assign({ "./locales/ar.ts": () => import("./chunks/ar-B2Wg_IrC.js"), "./locales/cs.ts": () => import("./chunks/cs-BNo9Dx0Q.js"), "./locales/da.ts": () => import("./chunks/da-Do9Lq6En.js"), "./locales/de.ts": () => import("./chunks/de-C8pDZNvx.js"), "./locales/el.ts": () => import("./chunks/el-DzMNX-_P.js"), "./locales/es.ts": () => import("./chunks/es-YrKt-q4w.js"), "./locales/fi.ts": () => import("./chunks/fi-Bh44pwZ4.js"), "./locales/fr.ts": () => import("./chunks/fr-Bc0pw4ws.js"), "./locales/he.ts": () => import("./chunks/he-Bfm-bhe3.js"), "./locales/hi.ts": () => import("./chunks/hi-D-O-B9Dn.js"), "./locales/hu.ts": () => import("./chunks/hu-CmIuAbLL.js"), "./locales/id.ts": () => import("./chunks/id-DN7IES-A.js"), "./locales/it.ts": () => import("./chunks/it-Cz5Nmqx5.js"), "./locales/ja.ts": () => import("./chunks/ja-BH9BlBh2.js"), "./locales/ko.ts": () => import("./chunks/ko-CYV9QuYs.js"), "./locales/nl.ts": () => import("./chunks/nl-BvkB900D.js"), "./locales/no.ts": () => import("./chunks/no-3s9_ormb.js"), "./locales/pl.ts": () => import("./chunks/pl-C9WTGQtb.js"), "./locales/pt.ts": () => import("./chunks/pt-uFVUv_Op.js"), "./locales/ro.ts": () => import("./chunks/ro-BrqQ8Au-.js"), "./locales/ru.ts": () => import("./chunks/ru-DK594dA8.js"), "./locales/sv.ts": () => import("./chunks/sv-CHNH8-mq.js"), "./locales/th.ts": () => import("./chunks/th-l24Pm5q-.js"), "./locales/tr.ts": () => import("./chunks/tr-ADpigSY5.js"), "./locales/uk.ts": () => import("./chunks/uk-CGqo4jek.js"), "./locales/vi.ts": () => import("./chunks/vi-Dk9bTu6f.js"), "./locales/zh.ts": () => import("./chunks/zh-LDkEV2D9.js") }), `./locales/${t}.ts`, 3).then((i) => {
+    const s = i.default ?? {};
+    return Q.set(t, s), s;
+  }).catch((i) => {
+    console.warn(`[paywall] failed to load locale chunk "${t}"`, i);
+    const s = {};
+    return Q.set(t, s), s;
+  }).finally(() => {
+    ee.delete(t);
+  });
+  return ee.set(t, n), n;
+}
+function ot({ bootstrap: t, forceLocale: e, children: r }) {
+  const [n, i] = x("en"), [s, a] = x(null);
+  B(() => {
+    const f = (e && Ae(e) ? e : null) ?? (() => {
+      if (!t) return null;
+      const d = rt(t);
+      return !d || !nt(t, d) ? null : d;
+    })();
+    if (!f) {
+      (s !== null || n !== "en") && (i("en"), a(null));
+      return;
     }
+    if (f === n && s) return;
+    let h = !1;
+    return it(f).then((d) => {
+      h || (i(f), a(d));
+    }), () => {
+      h = !0;
+    };
+  }, [t, e]);
+  const c = {
+    locale: n,
+    t: s ? (l, f, h) => Ie(s[l] ?? f, h) : Se
   };
+  return /* @__PURE__ */ o(Ce.Provider, { value: c, children: r });
+}
+function k() {
+  return $e(Ce);
 }
-const Z = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';
-function ye({
-  open: r,
+const he = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';
+function st({
+  open: t,
   onClose: e,
-  labelledBy: t,
+  labelledBy: r,
   brandColor: n,
-  testMode: i,
+  topBanner: i,
   allowClose: s = !0,
+  hideCloseButton: a = !1,
+  inline: c = !1,
   children: l
 }) {
-  const a = E(null), c = E(null);
-  return M(() => {
-    if (!r) return;
-    c.current = document.activeElement ?? null;
-    const b = a.current;
-    b && (b.querySelector(Z) ?? b).focus({ preventScroll: !0 });
-    const f = (y) => {
-      if (y.key === "Escape") {
+  const { t: f } = k(), h = R(null), d = R(null);
+  return B(() => {
+    if (!t) return;
+    d.current = document.activeElement ?? null;
+    const p = h.current;
+    p && (p.querySelector(he) ?? p).focus({ preventScroll: !0 });
+    const y = (_) => {
+      if (_.key === "Escape") {
         if (!s) return;
-        y.stopPropagation(), e();
+        _.stopPropagation(), e();
         return;
       }
-      if (y.key !== "Tab" || !a.current) return;
-      const _ = Array.from(
-        a.current.querySelectorAll(Z)
-      ).filter((w) => !w.hasAttribute("disabled") && w.tabIndex !== -1);
-      if (_.length === 0) {
-        y.preventDefault();
+      if (_.key !== "Tab" || !h.current) return;
+      const S = Array.from(
+        h.current.querySelectorAll(he)
+      ).filter((U) => !U.hasAttribute("disabled") && U.tabIndex !== -1);
+      if (S.length === 0) {
+        _.preventDefault();
         return;
       }
-      const A = _[0], v = _[_.length - 1], S = document.activeElement;
-      y.shiftKey && S === A ? (y.preventDefault(), v.focus()) : !y.shiftKey && S === v && (y.preventDefault(), A.focus());
+      const A = S[0], D = S[S.length - 1], E = document.activeElement;
+      _.shiftKey && E === A ? (_.preventDefault(), D.focus()) : !_.shiftKey && E === D && (_.preventDefault(), A.focus());
     };
-    document.addEventListener("keydown", f, !0);
-    const m = document.body.style.overflow;
-    return document.body.style.overflow = "hidden", () => {
-      document.removeEventListener("keydown", f, !0), document.body.style.overflow = m, c.current?.focus?.({ preventScroll: !0 });
+    document.addEventListener("keydown", y, !0);
+    const O = document.body.style.overflow;
+    return c || (document.body.style.overflow = "hidden"), () => {
+      document.removeEventListener("keydown", y, !0), c || (document.body.style.overflow = O), d.current?.focus?.({ preventScroll: !0 });
     };
-  }, [r, e, s]), r ? /* @__PURE__ */ u(
+  }, [t, e, s, c]), t ? /* @__PURE__ */ u(
     "div",
     {
-      class: "fixed inset-0 z-[2147483647] flex items-center justify-center bg-slate-950/50 p-2 sm:p-4 backdrop-blur-md animate-[pw-fade-in_180ms_ease-out]",
-      onClick: (b) => {
-        s && b.target === b.currentTarget && e();
+      class: `${c ? "absolute z-[1]" : "fixed z-[2147483647]"} inset-0 flex items-center justify-center bg-slate-950/50 p-2 sm:p-4 backdrop-blur-md animate-[pw-fade-in_180ms_ease-out]`,
+      onClick: (p) => {
+        s && p.target === p.currentTarget && e();
       },
       "data-pw-root": !0,
       children: [
         /* @__PURE__ */ u(
           "div",
           {
-            ref: a,
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-labelledby": t,
-            tabIndex: -1,
-            class: "relative flex max-h-[calc(100dvh-1rem)] sm:max-h-[calc(100dvh-2rem)] w-full max-w-md flex-col overflow-hidden rounded-3xl bg-white outline-none ring-1 ring-black/5 animate-[pw-scale-in_220ms_cubic-bezier(0.16,1,0.3,1)]",
-            style: {
-              "--pw-accent": n ?? "#3b82f6",
-              boxShadow: "0 1px 2px rgba(15,23,42,0.04), 0 12px 32px -8px rgba(15,23,42,0.18), 0 24px 64px -16px rgba(15,23,42,0.22)"
-            },
+            class: "relative flex w-full max-w-[400px] flex-col animate-[pw-scale-in_220ms_cubic-bezier(0.16,1,0.3,1)]",
+            style: { "--pw-accent": n ?? "#3b82f6" },
             children: [
-              i && /* @__PURE__ */ u(
+              i,
+              /* @__PURE__ */ u(
                 "div",
                 {
-                  class: "flex items-center justify-center gap-1.5 bg-gradient-to-r from-amber-300 to-amber-400 px-3 py-1.5 text-[11px] font-semibold uppercase tracking-wider text-amber-950",
-                  role: "status",
+                  ref: h,
+                  role: "dialog",
+                  "aria-modal": "true",
+                  "aria-labelledby": r,
+                  tabIndex: -1,
+                  class: "relative flex max-h-[calc(100dvh-1rem)] sm:max-h-[calc(100dvh-2rem)] w-full flex-col overflow-hidden rounded-xl bg-white outline-none",
+                  style: {
+                    boxShadow: "0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1)"
+                  },
                   children: [
-                    /* @__PURE__ */ u("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-                      /* @__PURE__ */ o(
-                        "path",
-                        {
-                          d: "M8 1L15 14H1L8 1Z",
-                          stroke: "currentColor",
-                          "stroke-width": "1.5",
-                          "stroke-linejoin": "round"
-                        }
-                      ),
-                      /* @__PURE__ */ o("path", { d: "M8 6v3", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }),
-                      /* @__PURE__ */ o("circle", { cx: "8", cy: "11.5", r: "0.5", fill: "currentColor" })
-                    ] }),
-                    "Test mode — no real charge"
+                    l,
+                    s && !a ? /* @__PURE__ */ o(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: e,
+                        "aria-label": f("modal.close_aria", "Close"),
+                        class: "absolute right-3 top-3 z-10 flex h-8 w-8 items-center justify-center rounded-full bg-white/80 text-gray-500 backdrop-blur-sm transition-colors hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--pw-accent)]",
+                        children: /* @__PURE__ */ o("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ o(
+                          "path",
+                          {
+                            d: "M3 3l10 10M13 3L3 13",
+                            stroke: "currentColor",
+                            "stroke-width": "1.75",
+                            "stroke-linecap": "round"
+                          }
+                        ) })
+                      }
+                    ) : null
                   ]
                 }
-              ),
-              /* @__PURE__ */ o("div", { class: "flex-1 overflow-y-auto p-7", children: l }),
-              s ? /* @__PURE__ */ o(
-                "button",
-                {
-                  type: "button",
-                  onClick: e,
-                  "aria-label": "Close",
-                  class: `absolute right-3 ${i ? "top-10" : "top-3"} z-10 flex h-8 w-8 items-center justify-center rounded-full bg-white/80 text-gray-400 backdrop-blur-sm transition-colors hover:bg-gray-100 hover:text-gray-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--pw-accent)]`,
-                  children: /* @__PURE__ */ o("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ o(
-                    "path",
-                    {
-                      d: "M3 3l10 10M13 3L3 13",
-                      stroke: "currentColor",
-                      "stroke-width": "1.75",
-                      "stroke-linecap": "round"
-                    }
-                  ) })
-                }
-              ) : null
+              )
             ]
           }
         ),
@@ -184,33 +332,74 @@ function ye({
     }
   ) : null;
 }
-const xe = {
-  google: "Continue with Google",
-  apple: "Continue with Apple",
-  github: "Continue with GitHub",
-  facebook: "Continue with Facebook"
-};
-function se({ block: r, ctx: e }) {
-  const t = e.auth, n = e.authSession, i = r.allow_signup !== !1, s = r.allow_password_reset !== !1, l = r.hide_when_authenticated !== !1;
-  if (!t)
+function at(t, e) {
+  switch (t) {
+    case "google":
+      return e("auth.continue_with_google", "Continue with Google");
+    case "apple":
+      return e("auth.continue_with_apple", "Continue with Apple");
+    case "github":
+      return e("auth.continue_with_github", "Continue with GitHub");
+    case "facebook":
+      return e("auth.continue_with_facebook", "Continue with Facebook");
+  }
+}
+function pe(t, e, r) {
+  const n = e === "signup" ? r("auth.signup_failed", "Sign-up failed") : r("auth.signin_failed", "Sign-in failed");
+  if (!(t instanceof T)) return n;
+  switch (t.code) {
+    case "invalid_credentials":
+      return r("auth.invalid_credentials", "Invalid email or password");
+    case "email_not_confirmed":
+      return r("auth.email_not_confirmed", "Please confirm your email before signing in.");
+    case "email_exists":
+    case "user_already_exists":
+      return r("auth.email_exists", "An account with this email already exists.");
+    case "weak_password":
+      return r("auth.weak_password", "Password is too weak.");
+    case "invalid_otp":
+    case "otp_expired":
+    case "token_expired":
+      return r("auth.invalid_otp", "The code is invalid or has expired.");
+    case "over_email_send_rate_limit":
+    case "over_request_rate_limit":
+    case "rate_limited":
+    case "http_429":
+      return r("auth.rate_limited", "Too many requests. Please try again later.");
+    case "network_error":
+      return r("auth.network_error", "Network error. Please check your connection and try again.");
+    case "upstream":
+    case "upstream_error":
+    case "http_502":
+    case "http_503":
+    case "http_504":
+      return r("auth.service_unavailable", "Service is temporarily unavailable. Please try again.");
+    default:
+      return n;
+  }
+}
+function Le({ block: t, ctx: e }) {
+  const r = e.auth, n = e.authSession, i = t.allow_signup !== !1, s = t.allow_password_reset !== !1, a = t.hide_when_authenticated !== !1;
+  if (!r)
     return typeof console < "u" && console.warn("[paywall] auth_panel rendered without AuthClient — pass `auth: true` to PaywallUI"), null;
-  const a = n && !n.user.is_anonymous ? n : null;
-  return a && l ? null : a ? /* @__PURE__ */ o(be, { email: a.user.email ?? "", onSignOut: () => t.signOut().catch(() => {
+  const c = n && !n.user.is_anonymous ? n : null;
+  return c && a ? null : c ? /* @__PURE__ */ o(lt, { email: c.user.email ?? "", onSignOut: () => r.signOut().catch(() => {
   }) }) : /* @__PURE__ */ o(
-    ke,
+    ct,
     {
-      block: r,
+      block: t,
       allowSignup: i,
       allowReset: s,
       ctx: e
     }
   );
 }
-function be({ email: r, onSignOut: e }) {
-  return /* @__PURE__ */ u("div", { class: "flex items-center justify-between gap-3 rounded-2xl border border-gray-200 bg-gray-50/60 px-4 py-3", children: [
+function lt({ email: t, onSignOut: e }) {
+  const { t: r } = k();
+  return /* @__PURE__ */ u("div", { class: "flex items-center justify-between gap-3 rounded-2xl bg-gray-100 px-4 py-3", children: [
     /* @__PURE__ */ u("div", { class: "flex flex-col", children: [
-      /* @__PURE__ */ o("span", { class: "text-[10px] font-semibold uppercase tracking-wider text-gray-500", children: "Signed in" }),
-      /* @__PURE__ */ o("span", { class: "text-sm font-medium text-gray-900", children: r })
+      /* @__PURE__ */ o("span", { class: "text-[10px] font-semibold uppercase tracking-wider text-gray-500", children: r("auth.signed_in", "Signed in") }),
+      /* @__PURE__ */ o("span", { class: "text-sm font-medium text-gray-900", children: t })
     ] }),
     /* @__PURE__ */ o(
       "button",
@@ -218,723 +407,1294 @@ function be({ email: r, onSignOut: e }) {
         type: "button",
         onClick: e,
         class: "rounded-md px-1.5 py-0.5 text-xs font-medium text-gray-600 transition-colors hover:bg-white hover:text-gray-900 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--pw-accent)]",
-        children: "Sign out"
+        children: r("auth.sign_out", "Sign out")
       }
     )
   ] });
 }
-function ke({ block: r, allowSignup: e, allowReset: t, ctx: n }) {
-  const i = n.auth, s = r.providers ?? [], [l, a] = x("signin"), [c, p] = x(""), [g, b] = x(""), [f, m] = x(""), [y, _] = x(null), [A, v] = x(null), [S, w] = x(null), P = async (C) => {
-    if (C.preventDefault(), !y) {
-      _("email"), v(null), w(null);
+function ct({ block: t, allowSignup: e, allowReset: r, ctx: n }) {
+  const { t: i } = k(), s = n.auth, a = t.providers ?? [], c = n.initialAuthMode === "signup" && e ? "signup" : "signin", [l, f] = x(c), [h, d] = x(""), [b, w] = x(""), [v, p] = x(""), [y, O] = x(""), [_, S] = x(null), A = R(!1), [D, E] = x(null), [U, z] = x(null), [j, P] = x(!1), [L, N] = x(null);
+  B(() => {
+    if (typeof s.getLastLogin != "function") return;
+    let I = !1;
+    return s.getLastLogin().then(
+      (M) => {
+        I || !M || (N(M), M.email && d((V) => V === "" ? M.email : V));
+      },
+      () => {
+      }
+    ), () => {
+      I = !0;
+    };
+  }, [s]);
+  const q = (I) => {
+    f(I), E(null), z(null), P(!1);
+  }, Y = async (I) => {
+    if (I.preventDefault(), !(A.current || _)) {
+      A.current = !0;
       try {
-        l === "signin" ? await i.signInWithEmail({ email: c, password: g }) : l === "signup" ? (await i.signUp({ email: c, password: g })).kind === "confirmation_required" && (a("reset_verify"), w("Check your email for a confirmation code.")) : l === "forgot" ? (await i.requestPasswordReset({ email: c }), a("reset_sent"), w("If that email exists, a reset code has been sent.")) : l === "reset_verify" && (await i.verifyOtp({
-          email: c,
-          token: f,
-          type: g ? "recovery" : "email"
-        }), g && await i.updatePassword({ password: g }));
-      } catch (I) {
-        const d = I instanceof T ? I.message : "Something went wrong";
-        v(d);
+        if (E(null), z(null), l === "signup" && !j) {
+          if (!h.trim()) return;
+          P(!0);
+          return;
+        }
+        if (l === "signup" && b !== v) {
+          E(i("auth.passwords_mismatch", "Passwords don't match"));
+          return;
+        }
+        S("email");
+        try {
+          l === "signin" ? await s.signInWithEmail({ email: h, password: b }) : l === "signup" ? (await s.signUp({ email: h, password: b })).kind === "confirmation_required" && (w(""), f("signup_verify"), z(i("auth.check_email_message", "Check your email for a confirmation code."))) : l === "forgot" ? (await s.requestPasswordReset({ email: h }), f("reset_sent"), z(
+            i("auth.reset_sent_message", "If that email exists, a reset code has been sent.")
+          )) : l === "signup_verify" ? await s.verifyOtp({ email: h, token: y, type: "email" }) : l === "reset_verify" && (await s.verifyOtp({
+            email: h,
+            token: y,
+            type: b ? "recovery" : "email"
+          }), b && await s.updatePassword({ password: b }));
+        } catch (M) {
+          E(pe(M, l === "signup" ? "signup" : l === "signup_verify" || l === "reset_verify" ? "otp" : l === "forgot" ? "reset" : "signin", i));
+        } finally {
+          S(null);
+        }
       } finally {
-        _(null);
+        A.current = !1;
       }
     }
-  }, L = async (C) => {
-    if (!y) {
-      _(C), v(null), w(null);
+  }, m = async (I) => {
+    if (!(A.current || _)) {
+      A.current = !0, S(I), E(null), z(null);
       try {
-        await i.signInWithOAuth({
-          provider: C,
-          onPopupOpened: () => _(null)
+        await s.signInWithOAuth({
+          provider: I,
+          onPopupOpened: () => S(null)
         });
-      } catch (I) {
-        if (I instanceof T) {
-          if (I.code === "oauth_cancelled" || I.code === "oauth_timeout") return;
-          v(I.message);
-        } else
-          v("Sign-in failed");
+      } catch (M) {
+        if (M instanceof T && (M.code === "oauth_cancelled" || M.code === "oauth_timeout"))
+          return;
+        E(pe(M, "signin", i));
       } finally {
-        _(null);
+        A.current = !1, S(null);
       }
     }
-  };
-  return /* @__PURE__ */ u("div", { class: "flex flex-col gap-3", children: [
-    r.heading ? /* @__PURE__ */ o("h2", { class: "text-lg font-semibold tracking-tight text-gray-900", children: r.heading }) : null,
-    s.length > 0 && (l === "signin" || l === "signup") ? /* @__PURE__ */ u("div", { class: "flex flex-col gap-2", children: [
-      s.map((C) => /* @__PURE__ */ u(
-        "button",
-        {
-          type: "button",
-          onClick: () => L(C),
-          disabled: y !== null,
-          class: "flex h-11 w-full items-center justify-center gap-2 rounded-xl border border-gray-200 bg-white px-4 text-sm font-medium text-gray-900 shadow-[0_1px_0_rgba(15,23,42,0.04)] transition-all hover:-translate-y-px hover:border-gray-300 hover:bg-gray-50 hover:shadow-sm disabled:cursor-not-allowed disabled:opacity-60 disabled:hover:translate-y-0 disabled:hover:shadow-[0_1px_0_rgba(15,23,42,0.04)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--pw-accent)]",
-          children: [
-            y === C ? /* @__PURE__ */ o("span", { class: "inline-block h-4 w-4 animate-spin rounded-full border-2 border-gray-300 border-t-gray-700" }) : /* @__PURE__ */ o(_e, { provider: C }),
-            /* @__PURE__ */ o("span", { children: xe[C] })
-          ]
-        },
-        C
-      )),
-      /* @__PURE__ */ o(ve, {})
+  }, g = a.length > 0 && (l === "signin" || l === "signup"), C = l === "signin" || l === "signup" || l === "forgot", K = l === "signin" || l === "signup" && j;
+  return /* @__PURE__ */ u("div", { class: "flex flex-col gap-5", children: [
+    /* @__PURE__ */ o(ut, { mode: l, customHeading: t.heading, customSubheading: t.subheading }),
+    g ? /* @__PURE__ */ u("div", { class: "flex flex-col gap-2.5", children: [
+      a.map((I) => /* @__PURE__ */ u("div", { class: "relative", children: [
+        /* @__PURE__ */ u(
+          "button",
+          {
+            type: "button",
+            onClick: () => m(I),
+            disabled: _ !== null,
+            class: "flex h-12 w-full items-center justify-center gap-2.5 rounded-full border-1 border-gray-200 bg-white px-5 text-base font-medium text-gray-900 transition-all hover:border-gray-300 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-60 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--pw-accent)]",
+            children: [
+              _ === I ? /* @__PURE__ */ o("span", { class: "inline-block h-4 w-4 animate-spin rounded-full border-2 border-gray-300 border-t-gray-700" }) : /* @__PURE__ */ o(wt, { provider: I }),
+              /* @__PURE__ */ o("span", { children: at(I, i) })
+            ]
+          }
+        ),
+        L?.method === I ? /* @__PURE__ */ o(yt, { email: L.email }) : null
+      ] }, I)),
+      /* @__PURE__ */ o(bt, {})
     ] }) : null,
-    /* @__PURE__ */ u("form", { onSubmit: P, class: "flex flex-col gap-2", children: [
-      (l === "signin" || l === "signup" || l === "forgot") && /* @__PURE__ */ o(
-        j,
+    /* @__PURE__ */ u("form", { onSubmit: Y, class: "flex flex-col gap-3", children: [
+      C && /* @__PURE__ */ o(
+        fe,
         {
           type: "email",
-          label: "Email",
-          value: c,
-          onInput: p,
+          placeholder: i("auth.email", "Email address"),
+          value: h,
+          onInput: d,
           autocomplete: "email",
           required: !0
         }
       ),
-      (l === "signin" || l === "signup") && /* @__PURE__ */ o(
-        j,
+      K && /* @__PURE__ */ o(
+        te,
         {
-          type: "password",
-          label: "Password",
-          value: g,
-          onInput: b,
+          placeholder: i("auth.password", "Password"),
+          value: b,
+          onInput: w,
           autocomplete: l === "signin" ? "current-password" : "new-password",
           required: !0
         }
       ),
-      l === "reset_verify" && /* @__PURE__ */ u(ne, { children: [
-        /* @__PURE__ */ o(
-          j,
-          {
-            type: "text",
-            label: "Confirmation code",
-            value: f,
-            onInput: m,
-            autocomplete: "one-time-code",
-            inputMode: "numeric",
-            required: !0
-          }
-        ),
-        /* @__PURE__ */ o(
-          j,
-          {
-            type: "password",
-            label: "New password (optional — only for password reset)",
-            value: g,
-            onInput: b,
-            autocomplete: "new-password"
-          }
-        )
-      ] }),
-      l === "reset_sent" && S && /* @__PURE__ */ o("p", { class: "rounded-lg bg-gray-50 px-3 py-2 text-xs text-gray-600", children: S }),
-      A && /* @__PURE__ */ o("p", { class: "text-xs text-red-600", children: A }),
-      S && l !== "reset_sent" && /* @__PURE__ */ o("p", { class: "text-xs text-gray-500", children: S }),
+      l === "signup" && j && /* @__PURE__ */ o(
+        te,
+        {
+          placeholder: i("auth.repeat_password", "Repeat password"),
+          value: v,
+          onInput: p,
+          autocomplete: "new-password",
+          required: !0
+        }
+      ),
+      (l === "signup_verify" || l === "reset_verify") && /* @__PURE__ */ o(
+        fe,
+        {
+          type: "text",
+          placeholder: i("auth.confirmation_code", "Confirmation code"),
+          value: y,
+          onInput: O,
+          autocomplete: "one-time-code",
+          inputMode: "numeric",
+          required: !0
+        }
+      ),
+      l === "reset_verify" && /* @__PURE__ */ o(
+        te,
+        {
+          placeholder: i(
+            "auth.new_password_optional",
+            "New password (optional — only for password reset)"
+          ),
+          value: b,
+          onInput: w,
+          autocomplete: "new-password"
+        }
+      ),
+      l === "reset_sent" && U && /* @__PURE__ */ o("p", { class: "rounded-2xl bg-gray-100 px-4 py-3 text-sm text-gray-600", children: U }),
+      l === "signin" && r && /* @__PURE__ */ o("div", { class: "flex justify-end text-sm", children: /* @__PURE__ */ o(Z, { onClick: () => q("forgot"), children: i("auth.forgot_password", "Forgot password?") }) }),
+      D && /* @__PURE__ */ o("p", { class: "text-sm text-red-600", children: D }),
+      U && l !== "reset_sent" && /* @__PURE__ */ o("p", { class: "text-sm text-gray-500", children: U }),
       l !== "reset_sent" && /* @__PURE__ */ o(
-        "button",
+        ft,
         {
-          type: "submit",
-          disabled: y !== null,
-          class: "flex h-11 w-full items-center justify-center rounded-xl px-4 text-sm font-semibold tracking-tight text-white transition-all hover:-translate-y-px hover:brightness-105 disabled:cursor-not-allowed disabled:opacity-60 disabled:hover:translate-y-0 disabled:hover:brightness-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--pw-accent)]",
-          style: {
-            background: "linear-gradient(180deg, color-mix(in srgb, var(--pw-accent) 92%, white), var(--pw-accent))",
-            boxShadow: "0 1px 2px rgba(15,23,42,0.08), 0 6px 14px -4px color-mix(in srgb, var(--pw-accent) 50%, transparent)"
-          },
-          children: y === "email" ? /* @__PURE__ */ o("span", { class: "inline-block h-4 w-4 animate-spin rounded-full border-2 border-white/40 border-t-white" }) : we(l)
+          busy: _ === "email",
+          label: ht(l, j, t.submit_label ?? t.heading, i)
         }
       )
     ] }),
-    /* @__PURE__ */ u("div", { class: "flex flex-wrap items-center justify-between gap-x-3 gap-y-1 text-xs text-gray-500", children: [
-      l === "signin" && e && /* @__PURE__ */ o("button", { type: "button", onClick: () => O(a, v, w, "signup"), class: "font-medium text-gray-700 hover:underline", children: "Create account" }),
-      l === "signup" && /* @__PURE__ */ o("button", { type: "button", onClick: () => O(a, v, w, "signin"), class: "font-medium text-gray-700 hover:underline", children: "I already have an account" }),
-      l === "signin" && t && /* @__PURE__ */ o("button", { type: "button", onClick: () => O(a, v, w, "forgot"), class: "hover:underline", children: "Forgot password?" }),
-      (l === "forgot" || l === "reset_sent" || l === "reset_verify") && /* @__PURE__ */ o("button", { type: "button", onClick: () => O(a, v, w, "signin"), class: "hover:underline", children: "Back to sign in" }),
-      l === "reset_sent" && /* @__PURE__ */ o("button", { type: "button", onClick: () => O(a, v, w, "reset_verify"), class: "font-medium text-gray-700 hover:underline", children: "I have a code" })
-    ] })
+    /* @__PURE__ */ o(
+      pt,
+      {
+        mode: l,
+        allowSignup: e,
+        onSwitch: q
+      }
+    )
   ] });
 }
-function we(r) {
-  switch (r) {
+function ut({
+  mode: t,
+  customHeading: e,
+  customSubheading: r
+}) {
+  const { t: n } = k(), i = dt(t, n), s = t === "signin" || t === "signup", a = s && e ? e : i.title, c = s && r !== void 0 ? r || null : i.subtitle;
+  return /* @__PURE__ */ u("div", { class: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ o("h2", { class: "text-3xl font-bold tracking-tight text-gray-900", children: a }),
+    c ? /* @__PURE__ */ o("p", { class: "text-base leading-relaxed text-gray-600", children: c }) : null
+  ] });
+}
+function dt(t, e) {
+  switch (t) {
     case "signin":
-      return "Sign in";
+      return {
+        title: e("auth.welcome", "Welcome back!"),
+        subtitle: e("auth.default_subtitle", "Sign in to access all features and sync your data.")
+      };
     case "signup":
-      return "Create account";
+      return {
+        title: e("auth.welcome_signup", "Welcome!"),
+        subtitle: e("auth.default_subtitle", "Sign in to access all features and sync your data.")
+      };
     case "forgot":
-      return "Send reset code";
+      return {
+        title: e("auth.forgot_password_title", "Forgot password?"),
+        subtitle: e(
+          "auth.forgot_subtitle",
+          "Enter your email and we'll send you a password reset link."
+        )
+      };
+    case "reset_sent":
+      return {
+        title: e("auth.check_email_title", "Check your email"),
+        subtitle: null
+      };
     case "reset_verify":
-      return "Verify";
+      return {
+        title: e("auth.reset_password_title", "Reset password"),
+        subtitle: e(
+          "auth.reset_password_subtitle",
+          "Enter the code from your email and a new password."
+        )
+      };
+    case "signup_verify":
+      return {
+        title: e("auth.confirm_email_title", "Confirm your email"),
+        subtitle: e(
+          "auth.confirm_email_subtitle",
+          "Enter the code we sent to your email to finish creating your account."
+        )
+      };
+  }
+}
+function ht(t, e, r, n) {
+  if (t === "signin" && r) return r;
+  switch (t) {
+    case "signin":
+      return n("auth.log_in", "Sign In");
+    case "signup":
+      return e ? n("auth.create_account", "Create Account") : n("auth.sign_up", "Sign Up");
+    case "forgot":
+      return n("auth.send_reset", "Send Reset Email");
+    case "signup_verify":
+    case "reset_verify":
+      return n("auth.verify", "Verify");
     default:
-      return "Continue";
+      return n("cta.continue", "Continue");
   }
 }
-function O(r, e, t, n) {
-  r(n), e(null), t(null);
+function pt({
+  mode: t,
+  allowSignup: e,
+  onSwitch: r
+}) {
+  const { t: n } = k();
+  return t === "signin" && e ? /* @__PURE__ */ u("p", { class: "text-center text-sm text-gray-600", children: [
+    n("auth.no_account", "Don't have an account?"),
+    " ",
+    /* @__PURE__ */ o(Z, { onClick: () => r("signup"), children: n("auth.sign_up_link", "Sign Up") })
+  ] }) : t === "signup" || t === "signup_verify" ? /* @__PURE__ */ u("p", { class: "text-center text-sm text-gray-600", children: [
+    n("auth.have_account", "Already have an account?"),
+    " ",
+    /* @__PURE__ */ o(Z, { onClick: () => r("signin"), children: n("auth.log_in_link", "Log In") })
+  ] }) : t === "forgot" || t === "reset_sent" || t === "reset_verify" ? /* @__PURE__ */ u("p", { class: "text-center text-sm text-gray-600", children: [
+    n("auth.no_account", "Don't have an account?"),
+    " ",
+    /* @__PURE__ */ o(Z, { onClick: () => r("signup"), children: n("auth.sign_up_link", "Sign Up") })
+  ] }) : null;
+}
+function Z({
+  onClick: t,
+  children: e
+}) {
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      type: "button",
+      onClick: t,
+      class: "font-semibold transition-opacity hover:opacity-80 focus:outline-none focus-visible:opacity-80",
+      style: { color: "var(--pw-accent)" },
+      children: e
+    }
+  );
+}
+function ft({ busy: t, label: e }) {
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      type: "submit",
+      disabled: t,
+      class: "pw-cta-shimmer relative mt-1 flex min-h-12 w-full items-center justify-center overflow-hidden rounded-3xl px-5 py-2 text-center text-base font-semibold leading-tight text-white transition-transform duration-150 active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-60 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--pw-accent)]",
+      style: {
+        background: "linear-gradient(135deg, color-mix(in srgb, var(--pw-accent) 55%, white) 0%, var(--pw-accent) 55%, color-mix(in srgb, var(--pw-accent) 90%, black) 100%)",
+        boxShadow: "0 0 20px 0 color-mix(in srgb, var(--pw-accent) 25%, transparent), inset 0 0 8px 0 color-mix(in srgb, white 25%, transparent)"
+      },
+      children: t ? /* @__PURE__ */ o("span", { class: "relative z-10 inline-block h-4 w-4 animate-spin rounded-full border-2 border-white/40 border-t-white" }) : /* @__PURE__ */ o("span", { class: "relative z-10", children: e })
+    }
+  );
+}
+function fe({ type: t, placeholder: e, value: r, onInput: n, autocomplete: i, inputMode: s, required: a }) {
+  return /* @__PURE__ */ o(
+    "input",
+    {
+      type: t,
+      value: r,
+      placeholder: e,
+      onInput: (c) => n(c.target.value),
+      autocomplete: i,
+      inputMode: s,
+      required: a,
+      class: "h-14 w-full rounded-2xl bg-gray-100 px-5 text-base text-gray-900 outline-none transition-all placeholder:text-gray-500 hover:bg-gray-200/60 focus:bg-gray-200/60 focus:shadow-[0_0_0_2px_color-mix(in_srgb,var(--pw-accent)_30%,transparent)]"
+    }
+  );
 }
-function j({ type: r, label: e, value: t, onInput: n, autocomplete: i, inputMode: s, required: l }) {
-  return /* @__PURE__ */ u("label", { class: "flex flex-col gap-1.5", children: [
-    /* @__PURE__ */ o("span", { class: "text-xs font-medium text-gray-700", children: e }),
+function te({ placeholder: t, value: e, onInput: r, autocomplete: n, required: i }) {
+  const { t: s } = k(), [a, c] = x(!1), l = R(null);
+  B(() => {
+    const d = l.current;
+    d && d.value !== e && (d.value = e);
+  }, [a, e]);
+  const f = s("auth.show_password", "Show password"), h = s("auth.hide_password", "Hide password");
+  return /* @__PURE__ */ u("div", { class: "relative", children: [
     /* @__PURE__ */ o(
       "input",
       {
-        type: r,
-        value: t,
-        onInput: (a) => n(a.target.value),
-        autocomplete: i,
-        inputMode: s,
-        required: l,
-        class: "h-11 w-full rounded-xl border border-gray-200 bg-white px-3.5 text-sm text-gray-900 shadow-[0_1px_0_rgba(15,23,42,0.02)] outline-none transition-all placeholder:text-gray-400 hover:border-gray-300 focus:border-[var(--pw-accent)] focus:shadow-[0_0_0_3px_color-mix(in_srgb,var(--pw-accent)_18%,transparent)]"
+        ref: l,
+        type: a ? "text" : "password",
+        value: e,
+        placeholder: t,
+        onInput: (d) => r(d.target.value),
+        autocomplete: n,
+        required: i,
+        class: "h-14 w-full rounded-2xl bg-gray-100 pl-5 pr-12 text-base text-gray-900 outline-none transition-all placeholder:text-gray-500 hover:bg-gray-200/60 focus:bg-gray-200/60 focus:shadow-[0_0_0_2px_color-mix(in_srgb,var(--pw-accent)_30%,transparent)]"
+      }
+    ),
+    /* @__PURE__ */ o(
+      "button",
+      {
+        type: "button",
+        onClick: () => c((d) => !d),
+        "aria-label": a ? h : f,
+        tabIndex: -1,
+        class: "absolute right-4 top-1/2 -translate-y-1/2 flex h-6 w-6 items-center justify-center rounded text-gray-500 transition-colors hover:text-gray-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--pw-accent)]",
+        children: a ? /* @__PURE__ */ o(mt, {}) : /* @__PURE__ */ o(gt, {})
       }
     )
   ] });
 }
-function ve() {
-  return /* @__PURE__ */ u("div", { class: "flex items-center gap-2 py-1 text-[10px] uppercase tracking-[0.14em] text-gray-400", children: [
-    /* @__PURE__ */ o("div", { class: "h-px flex-1 bg-gradient-to-r from-gray-200 to-transparent" }),
-    /* @__PURE__ */ o("span", { children: "or" }),
-    /* @__PURE__ */ o("div", { class: "h-px flex-1 bg-gradient-to-r from-transparent to-gray-200" })
+function gt() {
+  return /* @__PURE__ */ u("svg", { width: "18", height: "18", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M1.667 10S4.583 4.167 10 4.167 18.333 10 18.333 10 15.417 15.833 10 15.833 1.667 10 1.667 10Z",
+        stroke: "currentColor",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }
+    ),
+    /* @__PURE__ */ o("circle", { cx: "10", cy: "10", r: "2.5", stroke: "currentColor", "stroke-width": "1.5" })
+  ] });
+}
+function mt() {
+  return /* @__PURE__ */ u("svg", { width: "18", height: "18", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M8.236 4.293A6.96 6.96 0 0 1 10 4.167C15.417 4.167 18.333 10 18.333 10a13.5 13.5 0 0 1-1.92 2.755M11.768 11.768A2.5 2.5 0 0 1 8.233 8.233",
+        stroke: "currentColor",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }
+    ),
+    /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M14.953 14.953A8.84 8.84 0 0 1 10 15.833C4.583 15.833 1.667 10 1.667 10a13.5 13.5 0 0 1 3.38-3.953M1.667 1.667l16.666 16.666",
+        stroke: "currentColor",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }
+    )
   ] });
 }
-function _e({ provider: r }) {
-  return r === "google" ? /* @__PURE__ */ u("svg", { width: "16", height: "16", viewBox: "0 0 18 18", "aria-hidden": "true", children: [
+function yt({ email: t }) {
+  const { t: e } = k(), r = t ? e("auth.last_used", "Last · {email}", { email: xt(t) }) : e("auth.last_used_no_email", "Last");
+  return /* @__PURE__ */ o("span", { class: "pointer-events-none absolute -top-2 right-3 max-w-[75%] truncate rounded-full bg-gray-900 px-2 py-0.5 text-[10px] font-semibold tracking-wide text-white shadow-sm", children: r });
+}
+function xt(t) {
+  const [e, r] = t.split("@");
+  return r ? `${e.slice(0, 3)}*****@${r}` : t;
+}
+function bt() {
+  const { t } = k();
+  return /* @__PURE__ */ u("div", { class: "flex items-center gap-3 py-1 text-sm text-gray-400", children: [
+    /* @__PURE__ */ o("div", { class: "h-px flex-1 bg-gray-200" }),
+    /* @__PURE__ */ o("span", { children: t("auth.or", "or") }),
+    /* @__PURE__ */ o("div", { class: "h-px flex-1 bg-gray-200" })
+  ] });
+}
+function wt({ provider: t }) {
+  return t === "google" ? /* @__PURE__ */ u("svg", { width: "20", height: "20", viewBox: "0 0 18 18", "aria-hidden": "true", children: [
     /* @__PURE__ */ o("path", { fill: "#4285F4", d: "M17.64 9.2c0-.64-.06-1.25-.16-1.84H9v3.49h4.84a4.14 4.14 0 0 1-1.79 2.71v2.26h2.9c1.7-1.56 2.69-3.87 2.69-6.62Z" }),
     /* @__PURE__ */ o("path", { fill: "#34A853", d: "M9 18c2.43 0 4.47-.8 5.96-2.18l-2.9-2.26c-.8.54-1.83.86-3.06.86-2.36 0-4.36-1.59-5.07-3.74H.92v2.33A9 9 0 0 0 9 18Z" }),
     /* @__PURE__ */ o("path", { fill: "#FBBC05", d: "M3.93 10.68a5.4 5.4 0 0 1 0-3.36V4.99H.92a9 9 0 0 0 0 8.02l3-2.33Z" }),
     /* @__PURE__ */ o("path", { fill: "#EA4335", d: "M9 3.58c1.32 0 2.5.45 3.44 1.34l2.58-2.58A9 9 0 0 0 .92 4.99l3.01 2.33C4.64 5.17 6.64 3.58 9 3.58Z" })
-  ] }) : r === "apple" ? /* @__PURE__ */ o("svg", { width: "14", height: "16", viewBox: "0 0 14 16", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ o("path", { d: "M11.4 8.5c0-2 1.6-3 1.7-3-.9-1.3-2.4-1.5-2.9-1.5-1.2-.1-2.4.7-3 .7-.6 0-1.6-.7-2.6-.7-1.3 0-2.6.8-3.3 2C-.4 8.4.7 12.5 2.2 14.7c.7 1.1 1.6 2.3 2.7 2.3 1.1 0 1.5-.7 2.8-.7 1.3 0 1.7.7 2.8.7 1.2 0 1.9-1.1 2.6-2.2.6-.9 1-1.8 1.1-2.7-1.4-.5-2.8-1.7-2.8-3.6Zm-2-6.5C10 1.3 10.4.4 10.3 0c-.7 0-1.6.5-2.1 1.1-.5.5-1 1.4-.9 2.2.7 0 1.5-.4 2.1-1.3Z" }) }) : r === "github" ? /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ o("path", { d: "M8 0C3.6 0 0 3.6 0 8a8 8 0 0 0 5.5 7.6c.4.1.5-.2.5-.4v-1.5c-2.2.5-2.7-1-2.7-1-.4-.9-.9-1.2-.9-1.2-.7-.5.1-.5.1-.5.8.1 1.2.8 1.2.8.7 1.2 1.9.9 2.4.7 0-.5.3-.9.5-1.1-1.8-.2-3.6-.9-3.6-4 0-.9.3-1.6.8-2.1-.1-.2-.4-1 .1-2.1 0 0 .7-.2 2.2.8a7.6 7.6 0 0 1 4 0c1.5-1 2.2-.8 2.2-.8.4 1.1.2 1.9.1 2.1.5.5.8 1.2.8 2.1 0 3.1-1.9 3.7-3.6 3.9.3.3.6.8.6 1.6V15c0 .2.1.5.6.4A8 8 0 0 0 16 8c0-4.4-3.6-8-8-8Z" }) }) : /* @__PURE__ */ o("svg", { width: "14", height: "16", viewBox: "0 0 14 16", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ o("path", { d: "M14 2.7C14 1.2 12.8 0 11.3 0H2.7C1.2 0 0 1.2 0 2.7v10.6C0 14.8 1.2 16 2.7 16h4V9.8H4.7v-2H6.7V6.4c0-2 1.2-3.1 3-3.1.9 0 1.7.1 2 .2V5h-1.4c-.8 0-1 .4-1 1v1.5h2.4l-.3 2H9.3V16h2c1.5 0 2.7-1.2 2.7-2.7V2.7Z" }) });
+  ] }) : t === "apple" ? (
+    // viewBox 0 0 24 24 даёт воздух сверху/снизу пути, поэтому визуально
+    // Apple-яблоко выглядит меньше Google. Компенсируем увеличенным
+    // width/height — 26×26 даёт примерно equal optical size с Google 20×20.
+    /* @__PURE__ */ o("svg", { width: "26", height: "26", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ o("path", { d: "M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09zM12 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z" }) })
+  ) : t === "github" ? /* @__PURE__ */ o("svg", { width: "20", height: "20", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ o("path", { d: "M8 0C3.6 0 0 3.6 0 8a8 8 0 0 0 5.5 7.6c.4.1.5-.2.5-.4v-1.5c-2.2.5-2.7-1-2.7-1-.4-.9-.9-1.2-.9-1.2-.7-.5.1-.5.1-.5.8.1 1.2.8 1.2.8.7 1.2 1.9.9 2.4.7 0-.5.3-.9.5-1.1-1.8-.2-3.6-.9-3.6-4 0-.9.3-1.6.8-2.1-.1-.2-.4-1 .1-2.1 0 0 .7-.2 2.2.8a7.6 7.6 0 0 1 4 0c1.5-1 2.2-.8 2.2-.8.4 1.1.2 1.9.1 2.1.5.5.8 1.2.8 2.1 0 3.1-1.9 3.7-3.6 3.9.3.3.6.8.6 1.6V15c0 .2.1.5.6.4A8 8 0 0 0 16 8c0-4.4-3.6-8-8-8Z" }) }) : /* @__PURE__ */ o("svg", { width: "18", height: "20", viewBox: "0 0 14 16", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ o("path", { d: "M14 2.7C14 1.2 12.8 0 11.3 0H2.7C1.2 0 0 1.2 0 2.7v10.6C0 14.8 1.2 16 2.7 16h4V9.8H4.7v-2H6.7V6.4c0-2 1.2-3.1 3-3.1.9 0 1.7.1 2 .2V5h-1.4c-.8 0-1 .4-1 1v1.5h2.4l-.3 2H9.3V16h2c1.5 0 2.7-1.2 2.7-2.7V2.7Z" }) });
 }
-function Se({
-  block: r,
+function kt({
+  block: t,
   bootstrap: e,
-  auth: t,
+  auth: r,
   authSession: n,
   onBack: i,
-  showBack: s = !0
+  showBack: s = !0,
+  intent: a = "preauth",
+  initialMode: c
 }) {
-  return /* @__PURE__ */ u("div", { class: "flex flex-col gap-3", children: [
-    s ? /* @__PURE__ */ o(
-      "button",
-      {
-        type: "button",
-        onClick: i,
-        class: "-ml-1 self-start rounded-md px-1.5 py-0.5 text-xs font-medium text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--pw-accent)]",
-        children: "← Back"
-      }
-    ) : null,
-    /* @__PURE__ */ o(se, { block: r, ctx: {
-      bootstrap: e,
-      selectedPriceId: null,
-      setSelectedPriceId: () => {
-      },
-      onAction: () => {
-      },
-      auth: t,
-      authSession: n
-    } })
+  const { t: l } = k(), f = {
+    bootstrap: e,
+    selectedPriceId: null,
+    setSelectedPriceId: () => {
+    },
+    onAction: () => {
+    },
+    auth: r,
+    authSession: n,
+    initialAuthMode: c
+  }, h = a === "restore" ? {
+    ...t,
+    heading: l("auth.restore_purchases_heading", "Restore Purchases"),
+    subheading: l(
+      "auth.restore_purchases_subheading",
+      "Please sign in to restore your purchases."
+    )
+  } : a === "preauth" ? {
+    ...t,
+    heading: l("auth.login_continue_purchase", "Log in to continue your purchase"),
+    subheading: l(
+      "auth.link_purchase_subheading",
+      "We'll link the purchase to your account to keep access."
+    ),
+    // Preauth heading — descriptive sentence ("Log in to continue your
+    // purchase"), а не action verb. Длинные локализации (RU: "Войдите,
+    // чтобы продолжить покупку") в pill-кнопку h-12 не помещаются и
+    // переносятся на 2 строки. Явный короткий submit_label решает.
+    submit_label: l("auth.log_in", "Sign In")
+  } : t;
+  return /* @__PURE__ */ u("div", { class: "relative flex-1 min-h-0 overflow-y-auto p-6 sm:p-8", children: [
+    s ? /* @__PURE__ */ o(vt, { onClick: i, ariaLabel: l("nav.back_aria", "Back") }) : null,
+    /* @__PURE__ */ o(Le, { block: h, ctx: f })
   ] });
 }
-function Ce({
-  auth: r,
-  onSuccess: e,
-  onBack: t,
-  heading: n = "Continue as guest",
-  description: i = "Setting up your guest session…"
-}) {
-  const [s, l] = x({ kind: "signing-in" }), a = E(!0);
-  M(() => () => {
-    a.current = !1;
-  }, []);
-  const c = () => {
-    l({ kind: "signing-in" }), (async () => {
-      try {
-        const p = await r.signInAnonymously();
-        if (!a.current) return;
-        e(p);
-      } catch (p) {
-        if (!a.current) return;
-        l({
-          kind: "error",
-          message: p instanceof Error ? p.message : "Anonymous sign-in failed"
-        });
-      }
-    })();
+function vt({ onClick: t, ariaLabel: e }) {
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      type: "button",
+      onClick: t,
+      "aria-label": e,
+      class: "absolute right-4 top-4 z-10 flex h-8 w-8 items-center justify-center rounded-full text-gray-400 transition-colors hover:bg-gray-100 hover:text-gray-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--pw-accent)]",
+      children: /* @__PURE__ */ u("svg", { width: "18", height: "18", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
+        /* @__PURE__ */ o(
+          "path",
+          {
+            d: "M5 8h8a4 4 0 0 1 0 8H9",
+            stroke: "currentColor",
+            "stroke-width": "1.75",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }
+        ),
+        /* @__PURE__ */ o(
+          "path",
+          {
+            d: "M8 4 4 8l4 4",
+            stroke: "currentColor",
+            "stroke-width": "1.75",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }
+        )
+      ] })
+    }
+  );
+}
+const Me = (t) => `pw-offer-${t}-start`;
+function re(t) {
+  const e = t - Date.now();
+  return e <= 0 ? { days: 0, hours: 0, minutes: 0, seconds: 0, expired: !0 } : {
+    days: Math.floor(e / (1e3 * 60 * 60 * 24)),
+    hours: Math.floor(e % (1e3 * 60 * 60 * 24) / (1e3 * 60 * 60)),
+    minutes: Math.floor(e % (1e3 * 60 * 60) / (1e3 * 60)),
+    seconds: Math.floor(e % (1e3 * 60) / 1e3),
+    expired: !1
   };
-  return M(() => {
-    c();
-  }, []), /* @__PURE__ */ u("div", { class: "flex flex-col gap-3", children: [
-    t ? /* @__PURE__ */ o(
-      "button",
-      {
-        type: "button",
-        onClick: t,
-        class: "-ml-1 self-start rounded-md px-1.5 py-0.5 text-xs font-medium text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--pw-accent)]",
-        children: "← Back"
-      }
-    ) : null,
-    /* @__PURE__ */ u("div", { class: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ o("h2", { class: "text-xl font-semibold text-gray-900", children: n }),
-      /* @__PURE__ */ o("p", { class: "text-sm text-gray-500", children: i })
-    ] }),
-    s.kind === "signing-in" ? /* @__PURE__ */ o("div", { class: "flex items-center justify-center py-6", children: /* @__PURE__ */ o(Ie, {}) }) : null,
-    s.kind === "error" ? /* @__PURE__ */ u("div", { class: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ o("div", { class: "rounded-lg bg-red-50 px-3 py-2 text-sm text-red-700", children: s.message }),
-      /* @__PURE__ */ o(
-        "button",
-        {
-          type: "button",
-          onClick: c,
-          class: "self-start rounded-md bg-[var(--pw-accent)] px-3 py-1.5 text-sm font-medium text-white hover:opacity-90 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--pw-accent)] focus-visible:ring-offset-2",
-          children: "Try again"
+}
+function _t(t) {
+  if (t.expires_at) {
+    const e = Date.parse(t.expires_at);
+    return Number.isFinite(e) ? e : null;
+  }
+  if (t.duration_minutes && t.duration_minutes > 0) {
+    if (typeof window > "u") return null;
+    try {
+      const e = Me(t.id);
+      let r = window.localStorage.getItem(e);
+      return r || (r = (/* @__PURE__ */ new Date()).toISOString(), window.localStorage.setItem(e, r)), Date.parse(r) + t.duration_minutes * 6e4;
+    } catch {
+      return null;
+    }
+  }
+  return null;
+}
+function Ee(t, e) {
+  if (!t || t.length === 0) return null;
+  if (e) {
+    const r = t.find((n) => n.id === e);
+    if (r) return r;
+  }
+  return t.find((r) => r.expires_at || r.duration_minutes) ?? null;
+}
+function Pe(t) {
+  const e = t ? _t(t) : null, [r, n] = x(
+    () => e !== null ? re(e) : null
+  ), i = R(e);
+  return i.current = e, B(() => {
+    if (e === null) {
+      n(null);
+      return;
+    }
+    n(re(e));
+    const s = setInterval(() => {
+      const a = re(i.current ?? 0);
+      if (n(a), a.expired && (clearInterval(s), t?.duration_minutes && typeof window < "u"))
+        try {
+          window.localStorage.removeItem(Me(t.id));
+        } catch {
         }
-      )
-    ] }) : null
-  ] });
+    }, 1e3);
+    return () => clearInterval(s);
+  }, [e, t?.duration_minutes, t?.id]), r;
+}
+function St({ block: t, ctx: e }) {
+  const { t: r } = k(), n = Ee(e.bootstrap.offers, t.offer_id), i = Pe(n);
+  if (!n || i === null || i.expired && !t.force) return null;
+  const s = t.title ?? n.label ?? r("offer.limited_time", "Limited-time offer"), a = n.discount_percent ? `${s} ${n.discount_percent}%` : s;
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      class: "flex flex-wrap items-center justify-center gap-2 rounded-2xl px-4 py-3 text-[15px] font-semibold leading-tight text-white",
+      style: {
+        background: "linear-gradient(135deg, color-mix(in srgb, var(--pw-accent) 55%, white) 0%, var(--pw-accent) 50%, color-mix(in srgb, var(--pw-accent) 85%, black) 100%)",
+        textShadow: "0 0 2px rgba(0, 0, 0, 0.25)"
+      },
+      role: "status",
+      children: [
+        /* @__PURE__ */ o(Be, {}),
+        /* @__PURE__ */ o("span", { children: a }),
+        /* @__PURE__ */ o(Te, { value: i, t: r })
+      ]
+    }
+  );
 }
-function Ie() {
-  return /* @__PURE__ */ u("svg", { class: "h-5 w-5 animate-spin text-[var(--pw-accent)]", viewBox: "0 0 24 24", fill: "none", children: [
-    /* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "3", "stroke-opacity": "0.2" }),
-    /* @__PURE__ */ o("path", { d: "M22 12a10 10 0 0 0-10-10", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" })
+function Te({ value: t, t: e }) {
+  return /* @__PURE__ */ u("div", { class: "flex items-center gap-1 font-mono text-sm", children: [
+    t.days > 0 ? /* @__PURE__ */ u(se, { children: [
+      /* @__PURE__ */ o(H, { children: String(t.days) }),
+      /* @__PURE__ */ o("span", { class: "text-xs", children: e("countdown.d", "d") })
+    ] }) : null,
+    /* @__PURE__ */ o(H, { children: String(t.hours).padStart(2, "0") }),
+    /* @__PURE__ */ o("span", { class: "text-xs", children: e("countdown.h", "h") }),
+    /* @__PURE__ */ o(H, { children: String(t.minutes).padStart(2, "0") }),
+    /* @__PURE__ */ o("span", { class: "text-xs", children: e("countdown.m", "m") }),
+    /* @__PURE__ */ o(H, { children: String(t.seconds).padStart(2, "0") }),
+    /* @__PURE__ */ o("span", { class: "text-xs", children: e("countdown.s", "s") })
   ] });
 }
-const D = 3, F = 200, V = 5e3, $ = 5, Ae = 10 * 1024 * 1024, X = ["image/jpeg", "image/png", "image/webp"], Y = /.+@.+\..+/;
-function Te({ client: r, authSession: e, origin: t, onBack: n }) {
-  const i = e?.user.email ?? "", s = i || null, [l, a] = x(i), [c, p] = x(""), [g, b] = x(""), [f, m] = x([]), [y, _] = x(!1), [A, v] = x(null), [S, w] = x({}), P = ie(() => {
-    const d = (s ?? l).trim().toLowerCase(), h = c.trim(), k = g.trim();
-    return Y.test(d) && h.length >= D && h.length <= F && k.length >= 1 && k.length <= V;
-  }, [s, l, c, g]), L = () => {
-    const d = {}, h = (s ?? l).trim(), k = c.trim(), U = g.trim();
-    return h ? Y.test(h.toLowerCase()) || (d.email = "Invalid email") : d.email = "Required", (k.length < D || k.length > F) && (d.subject = `${D}–${F} characters`), (U.length < 1 || U.length > V) && (d.message = `1–${V} characters`), w(d), Object.keys(d).length === 0;
-  }, C = async (d) => {
-    if (d.preventDefault(), !y && L()) {
-      _(!0), w((h) => ({ ...h, submit: void 0 }));
+function H({ children: t }) {
+  return /* @__PURE__ */ o("span", { class: "rounded bg-black/20 px-1.5 py-0.5 text-xs font-bold", children: t });
+}
+function Ct({ offer: t }) {
+  const { t: e } = k(), r = Pe(t);
+  if (r === null || r.expired) return null;
+  const n = t.label ?? e("offer.limited_time", "Limited-time offer"), i = t.discount_percent ? `${n} ${t.discount_percent}%` : n;
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      class: "-mb-2 flex flex-wrap items-center justify-center gap-2 rounded-t-xl px-4 pb-5 pt-3 text-[15px] font-semibold leading-tight text-white",
+      style: {
+        background: "linear-gradient(135deg, color-mix(in srgb, var(--pw-accent) 55%, white) 0%, var(--pw-accent) 50%, color-mix(in srgb, var(--pw-accent) 85%, black) 100%)",
+        textShadow: "0 0 2px rgba(0, 0, 0, 0.25)"
+      },
+      role: "status",
+      children: [
+        /* @__PURE__ */ o(Be, {}),
+        /* @__PURE__ */ o("span", { children: i }),
+        /* @__PURE__ */ o(Te, { value: r, t: e })
+      ]
+    }
+  );
+}
+function Be() {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ o(
+        "path",
+        {
+          fill: "currentColor",
+          d: "m9.44 5.359-2.394-.895.61-3.036c.062-.31-.345-.531-.57-.291L2.434 6.105a.336.336 0 0 0 .126.537l2.395.894-.61 3.037c-.062.31.345.53.57.29l4.653-4.968a.336.336 0 0 0-.126-.536Z"
+        }
+      )
+    }
+  );
+}
+const ge = 3, me = 200, ye = 5e3, ne = 5, It = 10 * 1024 * 1024, xe = ["image/jpeg", "image/png", "image/webp"], At = /.+@.+\..+/;
+function Lt({ client: t, authSession: e, origin: r, onBack: n }) {
+  const { t: i } = k(), s = e?.user.email ?? "", a = s || null, [c, l] = x(s), [f, h] = x(""), [d, b] = x(""), [w, v] = x([]), [p, y] = x(!1), [O, _] = x(null), [S, A] = x({}), D = () => {
+    const P = {}, L = (a ?? c).trim(), N = f.trim(), q = d.trim();
+    return L ? At.test(L.toLowerCase()) || (P.email = i("support.invalid_email", "Invalid email")) : P.email = i("support.required", "Required"), (N.length < ge || N.length > me) && (P.subject = i("support.subject_length", "{min}–{max} characters", {
+      min: ge,
+      max: me
+    })), (q.length < 1 || q.length > ye) && (P.message = i("support.message_length", "{min}–{max} characters", {
+      min: 1,
+      max: ye
+    })), A(P), Object.keys(P).length === 0;
+  }, E = async (P) => {
+    if (P.preventDefault(), !p && D()) {
+      y(!0), A((L) => ({ ...L, submit: void 0 }));
       try {
-        const h = (s ?? l).trim();
-        await r.createSupportTicket({
-          subject: c.trim(),
-          content: g.trim(),
-          email: h || void 0,
-          files: f.length > 0 ? f : void 0
-        }), v(h);
-      } catch (h) {
-        const k = h instanceof T && h.message || "Failed to send. Please try again.";
-        w((U) => ({ ...U, submit: k }));
+        const L = (a ?? c).trim();
+        await t.createSupportTicket({
+          subject: f.trim(),
+          content: d.trim(),
+          email: L || void 0,
+          files: w.length > 0 ? w : void 0
+        }), _(L);
+      } catch (L) {
+        const N = L instanceof T && L.message || "Failed to send. Please try again.";
+        A((q) => ({ ...q, submit: N }));
       } finally {
-        _(!1);
+        y(!1);
       }
     }
-  }, I = () => {
-    p(""), b(""), m([]), w({}), v(null);
-  };
-  return A ? /* @__PURE__ */ u("div", { class: "flex flex-col items-center gap-4 py-2 text-center", children: [
-    /* @__PURE__ */ o(
-      "div",
-      {
-        class: "flex h-14 w-14 items-center justify-center rounded-full",
-        style: {
-          background: "linear-gradient(135deg, color-mix(in srgb, var(--pw-accent) 85%, white), var(--pw-accent))",
-          color: "#fff",
-          boxShadow: "0 0 0 8px color-mix(in srgb, var(--pw-accent) 12%, transparent), 0 8px 20px -6px color-mix(in srgb, var(--pw-accent) 45%, transparent)"
-        },
-        "aria-hidden": "true",
-        children: /* @__PURE__ */ o("svg", { viewBox: "0 0 24 24", class: "h-7 w-7", children: /* @__PURE__ */ o(
-          "path",
-          {
-            fill: "currentColor",
-            d: "M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24Zm6.93 8.2-6.85 9.29a1.01 1.01 0 0 1-1.43.19L5.76 13.77a1 1 0 1 1 1.25-1.56l4.08 3.26 6.23-8.45a1 1 0 1 1 1.61 1.18Z"
-          }
-        ) })
-      }
-    ),
-    /* @__PURE__ */ o("div", { class: "text-lg font-semibold tracking-tight text-gray-900", children: "Request submitted" }),
-    /* @__PURE__ */ u("div", { class: "max-w-[320px] text-sm leading-relaxed text-gray-500", children: [
-      "We've received your message and will respond to",
-      " ",
-      /* @__PURE__ */ o("b", { class: "text-gray-700", children: A }),
-      "."
+  }, U = () => {
+    h(""), b(""), v([]), A({}), _(null);
+  }, z = "flex flex-col gap-3 bg-white px-6 pb-6 pt-3 sm:px-8", j = { boxShadow: "0 -4px 12px -4px rgba(15,23,42,0.06)" };
+  return O ? /* @__PURE__ */ u("div", { class: "relative flex-1 min-h-0 flex flex-col", children: [
+    /* @__PURE__ */ u("div", { class: "flex-1 min-h-0 overflow-y-auto flex flex-col items-center gap-4 px-6 pb-3 pt-6 sm:px-8 sm:pb-4 sm:pt-8 text-center", children: [
+      /* @__PURE__ */ o(
+        "div",
+        {
+          class: "flex h-14 w-14 items-center justify-center rounded-full",
+          style: {
+            background: "linear-gradient(135deg, color-mix(in srgb, var(--pw-accent) 85%, white), var(--pw-accent))",
+            color: "#fff",
+            boxShadow: "0 0 0 8px color-mix(in srgb, var(--pw-accent) 12%, transparent), 0 8px 20px -6px color-mix(in srgb, var(--pw-accent) 45%, transparent)"
+          },
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ o("svg", { viewBox: "0 0 24 24", class: "h-7 w-7", children: /* @__PURE__ */ o(
+            "path",
+            {
+              fill: "currentColor",
+              d: "M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24Zm6.93 8.2-6.85 9.29a1.01 1.01 0 0 1-1.43.19L5.76 13.77a1 1 0 1 1 1.25-1.56l4.08 3.26 6.23-8.45a1 1 0 1 1 1.61 1.18Z"
+            }
+          ) })
+        }
+      ),
+      /* @__PURE__ */ o("div", { class: "text-lg font-semibold tracking-tight text-gray-900", children: i("support.success_heading", "Request submitted") }),
+      /* @__PURE__ */ u("div", { class: "max-w-[320px] text-sm leading-relaxed text-gray-500", children: [
+        i(
+          "support.success_message_prefix",
+          "We've received your message and will respond to"
+        ),
+        " ",
+        /* @__PURE__ */ o("b", { class: "text-gray-700", children: O }),
+        "."
+      ] })
     ] }),
-    /* @__PURE__ */ u("div", { class: "mt-2 flex items-center justify-center gap-3", children: [
+    /* @__PURE__ */ o("div", { class: z, style: j, children: /* @__PURE__ */ u("div", { class: "flex items-center justify-center gap-3", children: [
       /* @__PURE__ */ o(
         "button",
         {
           type: "button",
           onClick: n,
           class: "rounded-xl px-3 py-2 text-sm font-medium text-gray-600 transition-colors hover:bg-gray-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--pw-accent)]",
-          children: t === "standalone" ? "Done" : "Back"
+          children: r === "standalone" ? i("support.done_button", "Done") : i("nav.back_aria", "Back")
         }
       ),
       /* @__PURE__ */ o(
         "button",
         {
           type: "button",
-          onClick: I,
+          onClick: U,
           class: "flex h-10 items-center justify-center rounded-xl px-4 text-sm font-semibold text-white transition-all hover:-translate-y-px hover:brightness-105 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--pw-accent)]",
           style: {
             background: "linear-gradient(180deg, color-mix(in srgb, var(--pw-accent) 92%, white), var(--pw-accent))",
             boxShadow: "0 1px 2px rgba(15,23,42,0.08), 0 6px 14px -4px color-mix(in srgb, var(--pw-accent) 50%, transparent)"
           },
-          children: "Send another request"
+          children: i("support.send_another", "Send another request")
         }
       )
-    ] })
-  ] }) : /* @__PURE__ */ u("div", { class: "flex flex-col gap-3", children: [
-    /* @__PURE__ */ o("div", { class: "flex items-center justify-between", children: /* @__PURE__ */ u(
-      "button",
-      {
-        type: "button",
-        onClick: n,
-        class: "-ml-1 rounded-md px-1.5 py-0.5 text-xs font-medium text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--pw-accent)]",
-        children: [
-          "← ",
-          t === "standalone" ? "Close" : "Back"
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ o("h2", { class: "text-lg font-semibold tracking-tight text-gray-900", children: "Contact Support" }),
-    /* @__PURE__ */ o("p", { class: "text-xs leading-relaxed text-gray-500", children: "Fill out the form below and we'll get back to you." }),
-    /* @__PURE__ */ u("form", { onSubmit: C, class: "flex flex-col gap-3", children: [
-      s ? /* @__PURE__ */ u("div", { class: "rounded-xl border border-gray-200 bg-gray-50/60 px-3 py-2 text-xs text-gray-500", children: [
-        "Sending as ",
-        /* @__PURE__ */ o("b", { class: "font-medium text-gray-700", children: s })
-      ] }) : /* @__PURE__ */ o(
-        J,
-        {
-          type: "email",
-          label: "Your email",
-          value: l,
-          onInput: a,
-          error: S.email,
-          autocomplete: "email",
-          required: !0
-        }
-      ),
-      /* @__PURE__ */ o(
-        J,
-        {
-          type: "text",
-          label: "Subject",
-          value: c,
-          onInput: p,
-          error: S.subject,
-          required: !0
-        }
-      ),
-      /* @__PURE__ */ o(
-        Me,
-        {
-          label: "Message",
-          value: g,
-          onInput: b,
-          error: S.message,
-          required: !0
-        }
-      ),
-      /* @__PURE__ */ o(Ee, { files: f, onChange: m, disabled: y }),
-      S.submit && /* @__PURE__ */ o("p", { class: "text-xs text-red-600", children: S.submit }),
-      /* @__PURE__ */ u("div", { class: "mt-1 flex items-center justify-end gap-2", children: [
+    ] }) })
+  ] }) : /* @__PURE__ */ u("form", { onSubmit: E, class: "relative flex-1 min-h-0 flex flex-col", children: [
+    /* @__PURE__ */ o(Mt, { onClick: n, ariaLabel: i("nav.back_aria", "Back") }),
+    /* @__PURE__ */ o("div", { class: "flex-1 min-h-0 overflow-y-auto px-6 pb-3 pt-6 sm:px-8 sm:pb-4 sm:pt-8", children: /* @__PURE__ */ u("div", { class: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ u("div", { class: "flex flex-col gap-2 pr-10", children: [
+        /* @__PURE__ */ o("h2", { class: "text-3xl font-bold tracking-tight text-gray-900", children: i("support.heading", "Support") }),
+        /* @__PURE__ */ o("p", { class: "text-base leading-relaxed text-gray-600", children: i("support.instruction", "Please fill out the form below to submit your support request.") })
+      ] }),
+      /* @__PURE__ */ u("div", { class: "flex flex-col gap-3", children: [
+        a ? /* @__PURE__ */ u("div", { class: "rounded-2xl bg-gray-100 px-5 py-3 text-sm text-gray-600", children: [
+          i("support.sending_as", "Sending as"),
+          " ",
+          /* @__PURE__ */ o("b", { class: "font-medium text-gray-900", children: a })
+        ] }) : /* @__PURE__ */ o(
+          be,
+          {
+            type: "email",
+            placeholder: i("support.email_placeholder", "Enter your email *"),
+            value: c,
+            onInput: l,
+            error: S.email,
+            autocomplete: "email",
+            required: !0
+          }
+        ),
+        /* @__PURE__ */ o(
+          be,
+          {
+            type: "text",
+            placeholder: i("support.subject_placeholder", "Enter your subject *"),
+            value: f,
+            onInput: h,
+            error: S.subject,
+            required: !0
+          }
+        ),
+        /* @__PURE__ */ o(
+          Et,
+          {
+            placeholder: i("support.message_placeholder", "Enter your message *"),
+            value: d,
+            onInput: b,
+            error: S.message,
+            required: !0
+          }
+        ),
+        /* @__PURE__ */ o(Pt, { files: w, onChange: v, disabled: p })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ u("div", { class: z, style: j, children: [
+      S.submit && /* @__PURE__ */ o("p", { class: "text-sm text-red-600", children: S.submit }),
+      /* @__PURE__ */ u("div", { class: "flex items-center justify-end gap-3", children: [
         /* @__PURE__ */ o(
           "button",
           {
             type: "button",
             onClick: n,
-            disabled: y,
-            class: "rounded-xl px-3 py-2 text-sm font-medium text-gray-600 transition-colors hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-60 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--pw-accent)]",
-            children: t === "standalone" ? "Close" : "Back"
+            disabled: p,
+            class: "rounded-full px-4 py-2 text-base font-medium text-gray-700 transition-colors hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-60 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--pw-accent)]",
+            children: r === "standalone" ? i("support.close_button", "Close") : i("nav.back_aria", "Back")
           }
         ),
         /* @__PURE__ */ o(
           "button",
           {
             type: "submit",
-            disabled: !P || y,
-            class: "flex h-10 items-center justify-center rounded-xl px-4 text-sm font-semibold text-white transition-all hover:-translate-y-px hover:brightness-105 disabled:cursor-not-allowed disabled:opacity-60 disabled:hover:translate-y-0 disabled:hover:brightness-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--pw-accent)]",
+            disabled: p,
+            class: "pw-cta-shimmer relative flex h-12 items-center justify-center overflow-hidden rounded-full px-8 text-base font-semibold text-white transition-transform duration-150 active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-60 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--pw-accent)]",
             style: {
-              background: "linear-gradient(180deg, color-mix(in srgb, var(--pw-accent) 92%, white), var(--pw-accent))",
-              boxShadow: "0 1px 2px rgba(15,23,42,0.08), 0 6px 14px -4px color-mix(in srgb, var(--pw-accent) 50%, transparent)"
+              background: "linear-gradient(135deg, color-mix(in srgb, var(--pw-accent) 55%, white) 0%, var(--pw-accent) 55%, color-mix(in srgb, var(--pw-accent) 90%, black) 100%)",
+              boxShadow: "0 0 20px 0 color-mix(in srgb, var(--pw-accent) 25%, transparent), inset 0 0 8px 0 color-mix(in srgb, white 25%, transparent)"
             },
-            children: y ? /* @__PURE__ */ o("span", { class: "inline-block h-4 w-4 animate-spin rounded-full border-2 border-white/40 border-t-white" }) : "Send"
+            children: p ? /* @__PURE__ */ o("span", { class: "relative z-10 inline-block h-4 w-4 animate-spin rounded-full border-2 border-white/40 border-t-white" }) : /* @__PURE__ */ o("span", { class: "relative z-10", children: i("support.send_button", "Send") })
           }
         )
       ] })
     ] })
   ] });
 }
-function J({ type: r, label: e, value: t, onInput: n, error: i, autocomplete: s, required: l }) {
-  return /* @__PURE__ */ u("label", { class: "flex flex-col gap-1.5", children: [
-    /* @__PURE__ */ o("span", { class: "text-xs font-medium text-gray-700", children: e }),
+function Mt({ onClick: t, ariaLabel: e }) {
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      type: "button",
+      onClick: t,
+      "aria-label": e,
+      class: "absolute right-4 top-4 z-10 flex h-8 w-8 items-center justify-center rounded-full text-gray-400 transition-colors hover:bg-gray-100 hover:text-gray-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--pw-accent)]",
+      children: /* @__PURE__ */ u("svg", { width: "18", height: "18", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
+        /* @__PURE__ */ o(
+          "path",
+          {
+            d: "M5 8h8a4 4 0 0 1 0 8H9",
+            stroke: "currentColor",
+            "stroke-width": "1.75",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }
+        ),
+        /* @__PURE__ */ o(
+          "path",
+          {
+            d: "M8 4 4 8l4 4",
+            stroke: "currentColor",
+            "stroke-width": "1.75",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }
+        )
+      ] })
+    }
+  );
+}
+function be({
+  type: t,
+  placeholder: e,
+  value: r,
+  onInput: n,
+  error: i,
+  autocomplete: s,
+  required: a
+}) {
+  return /* @__PURE__ */ u("div", { children: [
     /* @__PURE__ */ o(
       "input",
       {
-        type: r,
-        value: t,
-        onInput: (a) => n(a.target.value),
+        type: t,
+        value: r,
+        placeholder: e,
+        onInput: (c) => n(c.target.value),
         autocomplete: s,
-        required: l,
-        class: `h-11 w-full rounded-xl border bg-white px-3.5 text-sm text-gray-900 shadow-[0_1px_0_rgba(15,23,42,0.02)] outline-none transition-all placeholder:text-gray-400 ${i ? "border-red-400 focus:border-red-500 focus:shadow-[0_0_0_3px_rgba(239,68,68,0.18)]" : "border-gray-200 hover:border-gray-300 focus:border-[var(--pw-accent)] focus:shadow-[0_0_0_3px_color-mix(in_srgb,var(--pw-accent)_18%,transparent)]"}`
+        required: a,
+        class: `h-14 w-full rounded-2xl bg-gray-100 px-5 text-base text-gray-900 outline-none transition-all placeholder:text-gray-500 hover:bg-gray-200/60 focus:bg-gray-200/60 ${i ? "shadow-[0_0_0_2px_rgba(239,68,68,0.5)]" : "focus:shadow-[0_0_0_2px_color-mix(in_srgb,var(--pw-accent)_30%,transparent)]"}`
       }
     ),
-    i && /* @__PURE__ */ o("span", { class: "text-xs text-red-600", children: i })
+    i && /* @__PURE__ */ o("span", { class: "mt-1 ml-2 block text-sm text-red-600", children: i })
   ] });
 }
-function Me({ label: r, value: e, onInput: t, error: n, required: i }) {
-  return /* @__PURE__ */ u("label", { class: "flex flex-col gap-1.5", children: [
-    /* @__PURE__ */ o("span", { class: "text-xs font-medium text-gray-700", children: r }),
+function Et({
+  placeholder: t,
+  value: e,
+  onInput: r,
+  error: n,
+  required: i
+}) {
+  return /* @__PURE__ */ u("div", { children: [
     /* @__PURE__ */ o(
       "textarea",
       {
         value: e,
-        onInput: (s) => t(s.target.value),
+        placeholder: t,
+        onInput: (s) => r(s.target.value),
         required: i,
-        rows: 4,
-        class: `min-h-[104px] w-full rounded-xl border bg-white px-3.5 py-2.5 text-sm leading-relaxed text-gray-900 shadow-[0_1px_0_rgba(15,23,42,0.02)] outline-none transition-all placeholder:text-gray-400 ${n ? "border-red-400 focus:border-red-500 focus:shadow-[0_0_0_3px_rgba(239,68,68,0.18)]" : "border-gray-200 hover:border-gray-300 focus:border-[var(--pw-accent)] focus:shadow-[0_0_0_3px_color-mix(in_srgb,var(--pw-accent)_18%,transparent)]"}`
+        rows: 5,
+        class: `min-h-[120px] w-full rounded-2xl bg-gray-100 px-5 py-3.5 text-base leading-relaxed text-gray-900 outline-none transition-all placeholder:text-gray-500 hover:bg-gray-200/60 focus:bg-gray-200/60 ${n ? "shadow-[0_0_0_2px_rgba(239,68,68,0.5)]" : "focus:shadow-[0_0_0_2px_color-mix(in_srgb,var(--pw-accent)_30%,transparent)]"}`
       }
     ),
-    n && /* @__PURE__ */ o("span", { class: "text-xs text-red-600", children: n })
+    n && /* @__PURE__ */ o("span", { class: "mt-1 ml-2 block text-sm text-red-600", children: n })
   ] });
 }
-function Ee({ files: r, onChange: e, disabled: t }) {
-  const n = E(null), [i, s] = x(!1), [l, a] = x(null), c = (p) => {
-    if (!p || t) return;
-    a(null);
-    const g = Array.from(p);
-    if (r.length + g.length > $) {
-      a(`Up to ${$} files`);
+function Pt({ files: t, onChange: e, disabled: r }) {
+  const { t: n } = k(), i = R(null), [s, a] = x(!1), [c, l] = x(null), f = (h) => {
+    if (!h || r) return;
+    l(null);
+    const d = Array.from(h);
+    if (t.length + d.length > ne) {
+      l(n("support.too_many_files", "Up to {max} files", { max: ne }));
       return;
     }
-    const b = g.filter(
-      (f) => X.includes(f.type) && f.size <= Ae
+    const b = d.filter(
+      (w) => xe.includes(w.type) && w.size <= It
     );
-    if (b.length !== g.length) {
-      a("Only JPEG/PNG/WebP, ≤ 10MB each");
+    if (b.length !== d.length) {
+      l(n("support.invalid_file", "Only JPEG/PNG/WebP, ≤ 10MB each"));
       return;
     }
-    e([...r, ...b]);
+    e([...t, ...b]);
   };
   return /* @__PURE__ */ u("div", { children: [
-    /* @__PURE__ */ o("span", { class: "text-xs font-medium text-gray-700", children: "Attachments (optional)" }),
+    /* @__PURE__ */ o("span", { class: "text-xs font-medium text-gray-700", children: n("support.attachments_label", "Attachments (optional)") }),
     /* @__PURE__ */ u(
       "div",
       {
         role: "button",
         tabIndex: 0,
-        "aria-label": "Attachments upload",
-        onClick: () => !t && n.current?.click(),
-        onDragOver: (p) => {
-          p.preventDefault(), t || s(!0);
+        "aria-label": n("support.attachments_aria", "Attachments upload"),
+        onClick: () => !r && i.current?.click(),
+        onDragOver: (h) => {
+          h.preventDefault(), r || a(!0);
         },
-        onDragLeave: () => s(!1),
-        onDrop: (p) => {
-          p.preventDefault(), s(!1), c(p.dataTransfer?.files ?? null);
+        onDragLeave: () => a(!1),
+        onDrop: (h) => {
+          h.preventDefault(), a(!1), f(h.dataTransfer?.files ?? null);
         },
-        class: `mt-1.5 cursor-pointer rounded-2xl border border-dashed p-3.5 text-center transition-all ${i ? "border-[var(--pw-accent)] bg-[color-mix(in_srgb,var(--pw-accent)_6%,white)]" : "border-gray-300 hover:border-gray-400 hover:bg-gray-50/60"} ${t ? "cursor-not-allowed opacity-60" : ""}`,
+        class: `mt-1.5 cursor-pointer rounded-2xl border border-dashed p-3.5 text-center transition-all ${s ? "border-[var(--pw-accent)] bg-[color-mix(in_srgb,var(--pw-accent)_6%,white)]" : "border-gray-300 hover:border-gray-400 hover:bg-gray-50/60"} ${r ? "cursor-not-allowed opacity-60" : ""}`,
         children: [
-          /* @__PURE__ */ o("div", { class: "text-xs text-gray-500", children: "Drop images here or click to select" }),
-          /* @__PURE__ */ u("div", { class: "mt-0.5 text-[11px] text-gray-400", children: [
-            "JPEG/PNG/WebP, up to ",
-            $,
-            " files, ≤ 10MB each"
-          ] })
+          /* @__PURE__ */ o("div", { class: "text-xs text-gray-500", children: n("support.dropzone_text", "Drop images here or click to select") }),
+          /* @__PURE__ */ o("div", { class: "mt-0.5 text-[11px] text-gray-400", children: n("support.file_requirements", "JPEG/PNG/WebP, up to {max} files, ≤ 10MB each", {
+            max: ne
+          }) })
         ]
       }
     ),
     /* @__PURE__ */ o(
       "input",
       {
-        ref: n,
+        ref: i,
         type: "file",
         multiple: !0,
-        accept: X.join(","),
+        accept: xe.join(","),
         class: "hidden",
-        onChange: (p) => {
-          c(p.target.files), p.currentTarget.value = "";
+        onChange: (h) => {
+          f(h.target.files), h.currentTarget.value = "";
         }
       }
     ),
-    l && /* @__PURE__ */ o("p", { class: "mt-1 text-xs text-red-600", children: l }),
-    r.length > 0 && /* @__PURE__ */ o("ul", { class: "mt-2 flex flex-col gap-1", children: r.map((p, g) => /* @__PURE__ */ u(
+    c && /* @__PURE__ */ o("p", { class: "mt-1 text-xs text-red-600", children: c }),
+    t.length > 0 && /* @__PURE__ */ o("ul", { class: "mt-2 flex flex-col gap-1", children: t.map((h, d) => /* @__PURE__ */ u(
       "li",
       {
         class: "flex items-center justify-between gap-2 rounded bg-gray-50 px-2 py-1 text-xs",
         children: [
-          /* @__PURE__ */ o("span", { class: "truncate text-gray-700", children: p.name }),
+          /* @__PURE__ */ o("span", { class: "truncate text-gray-700", children: h.name }),
           /* @__PURE__ */ o(
             "button",
             {
               type: "button",
               onClick: () => {
-                const b = [...r];
-                b.splice(g, 1), e(b);
+                const b = [...t];
+                b.splice(d, 1), e(b);
               },
-              disabled: t,
+              disabled: r,
               class: "text-gray-500 hover:text-red-600 disabled:cursor-not-allowed disabled:opacity-60",
-              "aria-label": `Remove ${p.name}`,
+              "aria-label": n("support.remove_file_aria", "Remove {filename}", { filename: h.name }),
               children: "✕"
             }
           )
         ]
       },
-      `${p.name}-${p.size}-${g}`
+      `${h.name}-${h.size}-${d}`
     )) })
   ] });
 }
-function Be({ block: r, ctx: e }) {
-  const [t, n] = x(!1), i = r.priceId ?? e.selectedPriceId, s = t || r.action === "checkout" && !i;
-  return /* @__PURE__ */ o(
+const Tt = {
+  day: "cta.get_plan_daily",
+  week: "cta.get_plan_weekly",
+  month: "cta.get_plan_monthly",
+  year: "cta.get_plan_yearly"
+}, Bt = {
+  day: "Get Daily Plan",
+  week: "Get Weekly Plan",
+  month: "Get Monthly Plan",
+  year: "Get Yearly Plan"
+};
+function Ot(t, e, r, n) {
+  if (e === "close") return n("cta.close", "Close");
+  if (!t) return n("cta.continue", "Continue");
+  if (!r && t.trial_days && t.interval && t.interval !== "lifetime")
+    return n("cta.start_trial", "Start {days}-Day Free Trial", { days: t.trial_days });
+  if (!t.interval || t.interval === "lifetime")
+    return n("cta.get_lifetime_access", "Get Lifetime Access");
+  const i = Tt[t.interval];
+  return i ? n(i, Bt[t.interval]) : n("cta.get_plan_generic", "Get {interval} Plan", {
+    interval: Ut(t.interval)
+  });
+}
+function Ut(t) {
+  return t.length ? t[0].toUpperCase() + t.slice(1) : t;
+}
+function jt({ block: t, ctx: e }) {
+  const { t: r } = k(), [n, i] = x(!1), s = t.priceId ?? e.selectedPriceId, a = n || t.action === "checkout" && !s, c = s ? e.bootstrap.prices.find((d) => d.id === s) ?? null : null, l = e.bootstrap.user?.had_previous_trial ?? !1, f = t.label ?? Ot(c, t.action, l, r);
+  return /* @__PURE__ */ u(
     "button",
     {
       type: "button",
-      disabled: s,
+      disabled: a,
       onClick: async () => {
-        if (!s) {
-          n(!0);
+        if (!a) {
+          i(!0);
           try {
-            await e.onAction(r.action, { priceId: i });
+            await e.onAction(t.action, { priceId: s });
           } finally {
-            n(!1);
+            i(!1);
           }
         }
       },
-      class: "relative flex h-12 w-full items-center justify-center overflow-hidden rounded-2xl px-4 text-sm font-semibold tracking-tight text-white transition-all duration-150 hover:-translate-y-px hover:brightness-105 active:translate-y-0 active:brightness-95 disabled:cursor-not-allowed disabled:opacity-60 disabled:hover:translate-y-0 disabled:hover:brightness-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--pw-accent)]",
+      class: "pw-cta-shimmer relative flex min-h-12 w-full items-center justify-center overflow-hidden rounded-3xl px-5 py-2 text-center text-base font-semibold leading-tight text-white transition-transform duration-150 active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-60 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--pw-accent)]",
       style: {
-        background: "linear-gradient(180deg, color-mix(in srgb, var(--pw-accent) 92%, white), var(--pw-accent))",
-        boxShadow: "0 1px 0 rgba(255,255,255,0.25) inset, 0 1px 2px rgba(15,23,42,0.08), 0 8px 20px -6px color-mix(in srgb, var(--pw-accent) 50%, transparent)"
+        background: "linear-gradient(135deg, color-mix(in srgb, var(--pw-accent) 55%, white) 0%, var(--pw-accent) 55%, color-mix(in srgb, var(--pw-accent) 90%, black) 100%)",
+        boxShadow: "0 0 20px 0 color-mix(in srgb, var(--pw-accent) 25%, transparent), inset 0 0 8px 0 color-mix(in srgb, white 25%, transparent)"
       },
-      children: t ? /* @__PURE__ */ o("span", { class: "inline-block h-4 w-4 animate-spin rounded-full border-2 border-white/40 border-t-white" }) : r.label
+      children: [
+        /* @__PURE__ */ o(
+          "span",
+          {
+            class: "absolute inset-0 opacity-40",
+            style: {
+              background: "radial-gradient(circle at 50% 0%, color-mix(in srgb, white 40%, transparent) 0%, transparent 70%)"
+            },
+            "aria-hidden": "true"
+          }
+        ),
+        n ? /* @__PURE__ */ o("span", { class: "relative z-10 inline-block h-4 w-4 animate-spin rounded-full border-2 border-white/40 border-t-white" }) : /* @__PURE__ */ o("span", { class: "relative z-10", children: f })
+      ]
     }
   );
 }
-function Pe({ ctx: r }) {
-  const e = r.authSession, t = r.auth, [n, i] = x(!1), s = () => r.onAction("support");
-  if (e && !e.user.is_anonymous) {
-    const l = async () => {
-      if (!(!t || n)) {
-        i(!0);
+function Rt({ ctx: t }) {
+  const { t: e } = k(), r = t.authSession, n = t.auth, [i, s] = x(!1), a = () => t.onAction("support");
+  if (r && !r.user.is_anonymous) {
+    const c = async () => {
+      if (!(!n || i)) {
+        s(!0);
         try {
-          await t.signOut();
+          await n.signOut();
         } catch {
         } finally {
-          i(!1);
+          s(!1);
         }
       }
     };
-    return /* @__PURE__ */ u("div", { class: "mt-2 text-center text-xs text-gray-500", children: [
-      /* @__PURE__ */ o("span", { children: "Signed in as " }),
-      /* @__PURE__ */ o("b", { class: "font-medium text-gray-700", children: e.user.email }),
-      /* @__PURE__ */ u("div", { class: "mt-1 flex items-center justify-center gap-3", children: [
-        /* @__PURE__ */ o(
-          "button",
-          {
-            type: "button",
-            onClick: l,
-            disabled: !t || n,
-            class: "font-medium text-gray-600 underline-offset-2 hover:underline disabled:cursor-not-allowed disabled:opacity-60 focus:outline-none focus-visible:underline",
-            children: n ? "Signing out…" : "Sign out"
-          }
-        ),
-        /* @__PURE__ */ o(Q, {}),
-        /* @__PURE__ */ o(K, { onClick: s })
+    return /* @__PURE__ */ u("div", { class: "-mt-3 flex flex-col items-center gap-1.5 pt-1 text-center text-[13px] text-gray-500", children: [
+      /* @__PURE__ */ u("span", { children: [
+        e("session.signed_in_as_prefix", "Signed in as"),
+        " ",
+        /* @__PURE__ */ o("b", { class: "font-medium text-gray-700", children: r.user.email })
+      ] }),
+      /* @__PURE__ */ u("div", { class: "flex items-center justify-center gap-3", children: [
+        /* @__PURE__ */ o(G, { onClick: c, disabled: !n || i, children: i ? e("session.signing_out", "Signing out…") : e("session.sign_out", "Sign Out") }),
+        /* @__PURE__ */ o(we, {}),
+        /* @__PURE__ */ o(G, { onClick: a, children: e("session.contact_support", "Contact Support") })
       ] })
     ] });
   }
-  return /* @__PURE__ */ u("div", { class: "mt-2 flex items-center justify-center gap-3 text-center text-xs text-gray-500", children: [
-    /* @__PURE__ */ o(
-      "button",
-      {
-        type: "button",
-        onClick: () => r.onAction("restore"),
-        class: "font-medium text-gray-600 underline-offset-2 hover:underline focus:outline-none focus-visible:underline",
-        children: "Restore purchases"
-      }
-    ),
-    /* @__PURE__ */ o(Q, {}),
-    /* @__PURE__ */ o(K, { onClick: s })
+  return /* @__PURE__ */ u("div", { class: "-mt-3 flex items-center justify-center gap-3 pt-1 text-center text-[13px]", children: [
+    /* @__PURE__ */ o(G, { onClick: () => t.onAction("restore"), children: e("session.restore_purchases", "Restore purchases") }),
+    /* @__PURE__ */ o(we, {}),
+    /* @__PURE__ */ o(G, { onClick: a, children: e("session.contact_support", "Contact Support") })
   ] });
 }
-function K({ onClick: r }) {
+function G({
+  onClick: t,
+  disabled: e,
+  children: r
+}) {
   return /* @__PURE__ */ o(
     "button",
     {
       type: "button",
-      onClick: r,
-      class: "font-medium text-gray-600 underline-offset-2 hover:underline focus:outline-none focus-visible:underline",
-      children: "Contact Support"
+      onClick: t,
+      disabled: e,
+      class: "font-semibold transition-opacity hover:opacity-80 disabled:cursor-not-allowed disabled:opacity-60 focus:outline-none focus-visible:opacity-80",
+      style: { color: "var(--pw-accent)" },
+      children: r
     }
   );
 }
-function Q() {
+function we() {
   return /* @__PURE__ */ o("span", { class: "h-1 w-1 rounded-full bg-gray-300", "aria-hidden": "true" });
 }
-function Le({ block: r }) {
-  return r.items.length ? /* @__PURE__ */ o("ul", { class: "flex flex-col gap-2.5", role: "list", children: r.items.map((e) => /* @__PURE__ */ u("li", { class: "flex items-start gap-3 text-sm text-gray-700", children: [
+function Dt({ block: t }) {
+  return t.items.length ? /* @__PURE__ */ o("ul", { class: "flex flex-col gap-2.5", role: "list", children: t.items.map((e) => /* @__PURE__ */ u("li", { class: "flex items-start gap-3 text-sm text-gray-700", children: [
     /* @__PURE__ */ o(
-      "span",
+      "svg",
       {
-        class: "mt-px flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full",
-        style: {
-          background: "color-mix(in srgb, var(--pw-accent) 12%, white)",
-          color: "var(--pw-accent)"
-        },
+        width: "18",
+        height: "18",
+        viewBox: "0 0 20 20",
+        fill: "none",
+        class: "mt-0.5 flex-shrink-0 text-emerald-500",
         "aria-hidden": "true",
-        children: /* @__PURE__ */ o("svg", { width: "12", height: "12", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ o(
+        children: /* @__PURE__ */ o(
           "path",
           {
-            d: "M5 10l3 3 7-7",
+            d: "M4 10.5l3.5 3.5 8.5-8.5",
             stroke: "currentColor",
             "stroke-width": "2.5",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }
-        ) })
+        )
       }
     ),
     /* @__PURE__ */ u("div", { class: "flex flex-col gap-0.5", children: [
       /* @__PURE__ */ o("span", { class: "font-medium leading-snug text-gray-900", children: e.name }),
-      e.desc ? /* @__PURE__ */ o("span", { class: "text-xs leading-relaxed text-gray-500", children: e.desc }) : null
+      e.desc ? /* @__PURE__ */ o("span", { class: "text-xs leading-relaxed text-gray-400", children: e.desc }) : null
     ] })
   ] }, e.id)) }) : null;
 }
-const le = 26, Ue = 14, Oe = 2;
-function je(r, e) {
-  const t = e * Oe;
-  let n = le;
-  for (r.style.fontSize = `${n}px`; r.scrollHeight > t && n > Ue; )
-    n -= 1, r.style.fontSize = `${n}px`;
-}
-function qe({ block: r, ctx: e }) {
-  const t = r.level ?? 1, n = `h${t}`, i = t === 1 ? "text-[1.625rem] font-semibold leading-tight text-gray-900 tracking-[-0.02em]" : t === 2 ? "text-xl font-semibold leading-snug text-gray-900 tracking-tight" : "text-base font-medium text-gray-900", s = E(null), l = t === 1 && !!e.bootstrap.settings.title_auto_fit;
-  return M(() => {
-    if (!l || !s.current) return;
-    const a = getComputedStyle(s.current), c = parseFloat(a.lineHeight) || le * 1.5;
-    je(s.current, c);
-  }, [l, r.text]), /* @__PURE__ */ o(n, { ref: s, class: i, children: r.text });
-}
-function Re(r) {
-  const e = r.local ?? { currency: r.currency, amount: r.amount };
+function zt({ block: t }) {
+  const { t: e } = k(), r = t.title ?? e("pricing.money_back", "30-day money-back guarantee"), n = t.subtitle, i = (t.icon ?? "dollar_shield") !== "none", s = Nt(r);
+  return /* @__PURE__ */ u("div", { class: "flex flex-col items-center gap-1.5 border-b-1 pb-4 mb-1 border-gray-100", children: [
+    /* @__PURE__ */ u("div", { class: "inline-flex items-center gap-2 text-[12px] text-gray-700", children: [
+      i ? /* @__PURE__ */ o(qt, {}) : null,
+      s ? /* @__PURE__ */ u("span", { children: [
+        /* @__PURE__ */ o("b", { class: "font-bold text-gray-900", children: s.bold }),
+        " ",
+        /* @__PURE__ */ o("span", { class: "font-medium", children: s.rest })
+      ] }) : /* @__PURE__ */ o("span", { class: "font-medium", children: r })
+    ] }),
+    n ? /* @__PURE__ */ o("span", { class: "text-center text-xs leading-relaxed text-gray-500", children: n }) : null
+  ] });
+}
+function Nt(t) {
+  const e = t.match(/^(\d+[-\s]?days?)\s+(.+)$/i);
+  return e ? { bold: e[1], rest: e[2] } : null;
+}
+function qt() {
+  return /* @__PURE__ */ u(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      width: "16",
+      height: "16",
+      class: "flex-shrink-0 text-emerald-500",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ o(
+          "path",
+          {
+            d: "M12 2 4 5v6c0 5.25 3.5 9.5 8 11 4.5-1.5 8-5.75 8-11V5l-8-3Z",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linejoin": "round"
+          }
+        ),
+        /* @__PURE__ */ o(
+          "path",
+          {
+            d: "m9 12 2 2 4-4",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }
+        )
+      ]
+    }
+  );
+}
+const Oe = 24, Ft = 16, $t = 2;
+function Vt(t, e) {
+  const r = e * $t;
+  let n = Oe;
+  for (t.style.fontSize = `${n}px`; t.scrollHeight > r && n > Ft; )
+    n -= 1, t.style.fontSize = `${n}px`;
+}
+function Ht({ block: t, ctx: e }) {
+  const r = t.level ?? 1, n = `h${r}`, i = r === 1 ? "text-[22px] sm:text-2xl font-semibold leading-tight text-center text-balance text-gray-800" : r === 2 ? "text-xl font-semibold leading-snug text-gray-900 tracking-tight" : "text-base font-medium text-gray-900", s = R(null), a = r === 1 && !!e.bootstrap.settings.title_auto_fit;
+  return B(() => {
+    if (!a || !s.current) return;
+    const c = getComputedStyle(s.current), l = parseFloat(c.lineHeight) || Oe * 1.5;
+    Vt(s.current, l);
+  }, [a, t.text]), /* @__PURE__ */ o(n, { ref: s, class: i, children: t.text });
+}
+function Gt(t) {
+  const e = t.local ?? { currency: t.currency, amount: t.amount };
+  if (t.interval === "year") {
+    const r = (t.interval_count ?? 1) * 12;
+    return { amount: e.amount / r, currency: e.currency };
+  }
+  return { amount: e.amount, currency: e.currency };
+}
+function ie(t, e) {
+  const r = t % 1 !== 0 ? 2 : 0;
   try {
-    return new Intl.NumberFormat(void 0, {
+    const n = new Intl.NumberFormat(void 0, {
       style: "currency",
-      currency: e.currency,
-      maximumFractionDigits: e.amount % 1 === 0 ? 0 : 2
-    }).format(e.amount);
+      currency: e,
+      currencyDisplay: "narrowSymbol",
+      maximumFractionDigits: r,
+      minimumFractionDigits: r
+    }).formatToParts(t);
+    let i = "", s = "";
+    for (const a of n)
+      a.type === "currency" ? i = a.value : a.type !== "literal" && (s += a.value);
+    return { currency: i || e, amount: s.trim() };
   } catch {
-    return `${e.amount} ${e.currency}`;
+    return { currency: e, amount: String(t) };
+  }
+}
+function ae(t, e) {
+  const { amount: r, currency: n } = Gt(t);
+  if (!e) {
+    const { currency: c, amount: l } = ie(r, n);
+    return { currency: c, amount: l, originalAmount: null };
   }
+  const i = r * (1 - e / 100), s = ie(i, n), a = ie(r, n);
+  return {
+    currency: s.currency,
+    amount: s.amount,
+    originalAmount: `${a.currency}${a.amount}`
+  };
+}
+function Ue(t, e) {
+  if (t.label) return t.label.toUpperCase();
+  if (!t.interval || t.interval === "lifetime")
+    return e("pricing.plan_label.lifetime", "LIFETIME");
+  const n = {
+    day: { key: "pricing.plan_label.daily", fallback: "DAILY PLAN" },
+    week: { key: "pricing.plan_label.weekly", fallback: "WEEKLY PLAN" },
+    month: { key: "pricing.plan_label.monthly", fallback: "MONTHLY PLAN" },
+    year: { key: "pricing.plan_label.yearly", fallback: "YEARLY PLAN" }
+  }[t.interval];
+  return n ? e(n.key, n.fallback) : `${t.interval.toUpperCase()} PLAN`;
 }
-function ee(r) {
-  if (!r.interval || r.interval === "lifetime") return "one-time";
-  const e = r.interval_count ?? 1;
-  return e === 1 ? `per ${r.interval}` : `every ${e} ${r.interval}s`;
+function le(t, e) {
+  if (!t.interval || t.interval === "lifetime")
+    return e("pricing.interval.lifetime_short", "lifetime");
+  if (t.interval === "year") return e("pricing.interval.month", "month");
+  const r = t.interval_count ?? 1;
+  return r === 1 ? e(`pricing.interval.${t.interval}`, t.interval) : `${r} ${t.interval}s`;
 }
-function ze({ block: r, ctx: e }) {
-  const t = r.priceIds && r.priceIds.length > 0 ? new Set(r.priceIds) : null, n = e.bootstrap.prices.filter((a) => !t || t.has(a.id));
-  if (n.length === 0)
-    return /* @__PURE__ */ o("p", { class: "text-sm text-gray-500", children: "No prices available." });
-  const i = r.view === "horizontal", s = r.popular_label ?? "Most popular", l = i ? Math.min(n.length, 3) : 1;
+function Wt({ block: t, ctx: e }) {
+  const { t: r } = k(), n = t.priceIds && t.priceIds.length > 0 ? new Set(t.priceIds) : null, i = e.bootstrap.prices.filter((a) => !n || n.has(a.id));
+  if (i.length === 0)
+    return /* @__PURE__ */ o("p", { class: "text-sm text-gray-500", children: r("pricing.no_prices", "No prices available.") });
+  const s = t.popular_label ?? r("pricing.most_popular", "Most popular");
+  if (t.view === "compact")
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        class: "flex w-full flex-col rounded-xl border border-gray-200 bg-gray-50",
+        role: "radiogroup",
+        "aria-label": r("pricing.plans_aria", "Plans"),
+        children: i.map((a, c) => /* @__PURE__ */ o(
+          Yt,
+          {
+            price: a,
+            isLast: c === i.length - 1,
+            isPopular: t.popular_price_id === a.id,
+            popularLabel: s,
+            offer: $(e.bootstrap.offers, a.id),
+            selected: e.selectedPriceId === a.id,
+            onSelect: () => {
+              e.setSelectedPriceId(a.id), e.onAction("price_selected", { priceId: a.id, price: a });
+            },
+            t: r
+          },
+          a.id
+        ))
+      }
+    );
+  if (t.view === "horizontal") {
+    const a = Math.min(i.length, 3), c = i.some(
+      (l) => ($(e.bootstrap.offers, l.id)?.discount_percent ?? 0) > 0
+    );
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        class: "grid items-stretch gap-2",
+        style: { gridTemplateColumns: `repeat(${a}, minmax(0, 1fr))` },
+        role: "radiogroup",
+        "aria-label": r("pricing.plans_aria", "Plans"),
+        children: i.map((l) => /* @__PURE__ */ o(
+          Kt,
+          {
+            price: l,
+            isPopular: t.popular_price_id === l.id,
+            popularLabel: s,
+            offer: $(e.bootstrap.offers, l.id),
+            reserveStrikeRow: c,
+            selected: e.selectedPriceId === l.id,
+            onSelect: () => {
+              e.setSelectedPriceId(l.id), e.onAction("price_selected", { priceId: l.id, price: l });
+            },
+            t: r
+          },
+          l.id
+        ))
+      }
+    );
+  }
   return /* @__PURE__ */ o(
     "div",
     {
-      class: i ? "grid gap-2.5" : "flex flex-col gap-2.5",
-      style: i ? { gridTemplateColumns: `repeat(${l}, minmax(0, 1fr))` } : void 0,
+      class: "flex flex-col gap-2",
       role: "radiogroup",
-      "aria-label": "Plans",
-      children: n.map((a) => {
-        const c = e.selectedPriceId === a.id, p = r.popular_price_id === a.id;
+      "aria-label": r("pricing.plans_aria", "Plans"),
+      children: i.map((a) => {
+        const c = e.selectedPriceId === a.id, l = t.popular_price_id === a.id, h = $(e.bootstrap.offers, a.id)?.discount_percent ?? null, { currency: d, amount: b, originalAmount: w } = ae(a, h);
         return /* @__PURE__ */ u(
           "button",
           {
@@ -945,47 +1705,87 @@ function ze({ block: r, ctx: e }) {
               e.setSelectedPriceId(a.id), e.onAction("price_selected", { priceId: a.id, price: a });
             },
             class: [
-              "group relative rounded-2xl border px-4 py-3.5 text-left transition-all duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--pw-accent)]",
-              i ? "flex w-full flex-col items-start gap-1" : "flex w-full items-center justify-between gap-3",
-              c ? "border-[var(--pw-accent)] bg-[color-mix(in_srgb,var(--pw-accent)_6%,white)] shadow-[0_0_0_3px_color-mix(in_srgb,var(--pw-accent)_12%,transparent)]" : "border-gray-200 bg-white hover:border-gray-300 hover:shadow-sm",
-              p ? "mt-2.5" : ""
+              "group relative inline-flex w-full mx-auto items-center justify-between flex-row-reverse gap-4 rounded-2xl border-2 px-4 py-3.5 text-left transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--pw-accent)]",
+              // Везде border 2px — selection выражается только цветом, layout
+              // не прыгает (равная толщина у selected/unselected). Цветовая
+              // разница accent vs gray достаточно сильная для visual hierarchy.
+              c ? "border-[var(--pw-accent)] bg-transparent" : "border-gray-200 bg-transparent hover:bg-gray-50"
             ].join(" "),
             children: [
-              p ? /* @__PURE__ */ o(
+              /* @__PURE__ */ o(
                 "span",
                 {
-                  class: "absolute -top-2.5 left-4 rounded-full px-2.5 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-white shadow-sm",
-                  style: {
-                    background: "linear-gradient(135deg, var(--pw-accent), color-mix(in srgb, var(--pw-accent) 70%, black))"
-                  },
-                  children: s
+                  class: [
+                    "flex h-6.5 w-6.5 flex-shrink-0 items-center justify-center rounded-full border transition-colors",
+                    c ? "border-[var(--pw-accent)] text-white" : "border-gray-300 bg-transparent text-transparent",
+                    // Popular-label badge сидит absolute сверху-справа карточки и
+                    // визуально сдвигает центр content'а вниз. flex items-center
+                    // на карточке держит галочку по геометрическому центру, что
+                    // делает её визуально выше — компенсируем небольшим mt'ом.
+                    l ? "mt-3" : ""
+                  ].join(" "),
+                  style: c ? {
+                    background: "linear-gradient(135deg, color-mix(in srgb, var(--pw-accent) 70%, white) 0%, var(--pw-accent) 50%, color-mix(in srgb, var(--pw-accent) 85%, black) 100%)"
+                  } : void 0,
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ o(
+                    "svg",
+                    {
+                      width: "14",
+                      height: "10",
+                      viewBox: "0 0 17 12",
+                      fill: "none",
+                      xmlns: "http://www.w3.org/2000/svg",
+                      class: c ? "opacity-100" : "opacity-0",
+                      children: /* @__PURE__ */ o(
+                        "path",
+                        {
+                          d: "M16.5234 0.476562C16.9805 0.898438 16.9805 1.63672 16.5234 2.05859L7.52344 11.0586C7.10156 11.5156 6.36328 11.5156 5.94141 11.0586L1.44141 6.55859C0.984375 6.13672 0.984375 5.39844 1.44141 4.97656C1.86328 4.51953 2.60156 4.51953 3.02344 4.97656L6.75 8.66797L14.9414 0.476562C15.3633 0.0195312 16.1016 0.0195312 16.5234 0.476562Z",
+                          fill: "currentColor"
+                        }
+                      )
+                    }
+                  )
                 }
-              ) : null,
-              /* @__PURE__ */ u("div", { class: i ? "flex w-full items-start gap-2.5" : "flex flex-1 items-start gap-2.5", children: [
-                /* @__PURE__ */ o(
-                  "span",
-                  {
-                    class: [
-                      "mt-0.5 flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-full border transition-colors",
-                      c ? "border-[var(--pw-accent)] bg-[var(--pw-accent)]" : "border-gray-300 bg-white group-hover:border-gray-400"
-                    ].join(" "),
-                    "aria-hidden": "true",
-                    children: c ? /* @__PURE__ */ o("span", { class: "h-1.5 w-1.5 rounded-full bg-white" }) : null
-                  }
-                ),
-                /* @__PURE__ */ u("div", { class: "flex flex-col", children: [
-                  /* @__PURE__ */ o("span", { class: "text-sm font-semibold text-gray-900", children: a.label ?? ee(a) }),
-                  a.description ? /* @__PURE__ */ o("span", { class: "text-xs leading-relaxed text-gray-500", children: a.description }) : null,
-                  a.trial_days ? /* @__PURE__ */ u("span", { class: "text-xs font-medium text-[var(--pw-accent)]", children: [
-                    a.trial_days,
-                    "-day free trial"
-                  ] }) : null
-                ] })
+              ),
+              /* @__PURE__ */ u("div", { class: "flex flex-1 flex-col gap-0.5", children: [
+                /* @__PURE__ */ u("div", { class: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [
+                  /* @__PURE__ */ o("span", { class: "text-xs font-normal uppercase tracking-normal text-gray-800/70", children: Ue(a, r) }),
+                  w ? (
+                    // opacity-60 приглушает strike: глаз сначала ловит label
+                    // и discount-badge, потом main price; original «бывшая цена»
+                    // — третичная информация, не должна конкурировать с label.
+                    /* @__PURE__ */ o("span", { class: "text-[15px] font-normal text-gray-400 opacity-60 line-through decoration-gray-400 decoration-[1.5px]", children: w })
+                  ) : null,
+                  h ? (
+                    // Emerald pill — фиксированный «успех/выгода», не зависит от
+                    // brand_color. Читается даже на тёмных бренд-акцентах.
+                    /* @__PURE__ */ u("span", { class: "rounded-full bg-emerald-100 px-2.5 py-1 text-xs font-bold leading-none text-emerald-700", children: [
+                      "-",
+                      h,
+                      "%"
+                    ] })
+                  ) : null
+                ] }),
+                /* @__PURE__ */ o("div", { class: "flex items-baseline gap-2 flex-wrap", children: /* @__PURE__ */ u("span", { class: "text-[26px] leading-tight whitespace-nowrap text-gray-800 font-medium", children: [
+                  /* @__PURE__ */ o("span", { class: "opacity-90", children: d }),
+                  b,
+                  /* @__PURE__ */ u("span", { class: "text-sm font-normal text-gray-500", children: [
+                    " ",
+                    "/ ",
+                    le(a, r)
+                  ] })
+                ] }) }),
+                a.description ? /* @__PURE__ */ o("span", { class: "mt-1 text-xs leading-relaxed text-gray-500", children: a.description }) : null
               ] }),
-              /* @__PURE__ */ u("div", { class: i ? "mt-1 flex flex-col items-start" : "flex flex-col items-end", children: [
-                /* @__PURE__ */ o("span", { class: "text-base font-semibold tracking-tight text-gray-900", children: Re(a) }),
-                /* @__PURE__ */ o("span", { class: "text-[11px] text-gray-500", children: ee(a) })
-              ] })
+              l ? /* @__PURE__ */ o(
+                "span",
+                {
+                  class: "absolute -top-[9px] -right-[6px] rounded-[11px] border-[5px] border-white px-2 py-1 text-[12px] font-semibold text-white",
+                  style: { background: "var(--pw-accent)" },
+                  children: s
+                }
+              ) : null
             ]
           },
           a.id
@@ -994,381 +1794,585 @@ function ze({ block: r, ctx: e }) {
     }
   );
 }
-function De({ block: r }) {
-  return /* @__PURE__ */ o("p", { class: "text-[0.9375rem] leading-relaxed text-gray-600", children: r.text });
+function Zt(t, e) {
+  return t.label ? t.label : !t.interval || t.interval === "lifetime" ? e("pricing.interval.lifetime_short", "lifetime") : e(`pricing.interval.${t.interval}`, t.interval);
+}
+function Yt({
+  price: t,
+  isLast: e,
+  isPopular: r,
+  popularLabel: n,
+  offer: i,
+  selected: s,
+  onSelect: a,
+  t: c
+}) {
+  const l = i?.discount_percent ?? null, { currency: f, amount: h, originalAmount: d } = ae(t, l);
+  return /* @__PURE__ */ u(
+    "button",
+    {
+      type: "button",
+      role: "radio",
+      "aria-checked": s,
+      onClick: a,
+      class: "group relative inline-flex w-full max-w-[360px] mx-auto items-center justify-between gap-4 px-4 pt-3.5 text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--pw-accent)]",
+      children: [
+        /* @__PURE__ */ o(
+          "span",
+          {
+            class: [
+              "flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full border transition-colors mb-3",
+              s ? "border-[var(--pw-accent)] text-white" : "border-gray-300 bg-transparent text-transparent"
+            ].join(" "),
+            style: s ? {
+              background: "linear-gradient(135deg, color-mix(in srgb, var(--pw-accent) 70%, white) 0%, var(--pw-accent) 50%, color-mix(in srgb, var(--pw-accent) 85%, black) 100%)"
+            } : void 0,
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ o(
+              "svg",
+              {
+                width: "14",
+                height: "10",
+                viewBox: "0 0 17 12",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                class: s ? "opacity-100" : "opacity-0",
+                children: /* @__PURE__ */ o(
+                  "path",
+                  {
+                    d: "M16.5234 0.476562C16.9805 0.898438 16.9805 1.63672 16.5234 2.05859L7.52344 11.0586C7.10156 11.5156 6.36328 11.5156 5.94141 11.0586L1.44141 6.55859C0.984375 6.13672 0.984375 5.39844 1.44141 4.97656C1.86328 4.51953 2.60156 4.51953 3.02344 4.97656L6.75 8.66797L14.9414 0.476562C15.3633 0.0195312 16.1016 0.0195312 16.5234 0.476562Z",
+                    fill: "currentColor"
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ u(
+          "div",
+          {
+            class: [
+              "flex flex-1 items-center gap-1.5 pb-3.5",
+              e ? "" : "border-b border-gray-200"
+            ].join(" "),
+            children: [
+              /* @__PURE__ */ u("div", { class: "flex flex-wrap items-center gap-1 gap-x-1.5", children: [
+                /* @__PURE__ */ o("span", { class: "text-base font-normal capitalize text-gray-800", children: Zt(t, c) }),
+                r ? (
+                  // Pastel brand-mix pill — точно как `badge` в TelegramPricingRadio.
+                  // Низкий visual weight: pill про "имя плана" (most popular), а не
+                  // про savings — не должна конкурировать с -X% discount-pill.
+                  /* @__PURE__ */ o(
+                    "span",
+                    {
+                      class: "rounded-[9px] px-2 py-1 text-[10px] font-bold",
+                      style: {
+                        background: "linear-gradient(160deg, color-mix(in srgb, var(--pw-accent) 6%, white) 0%, color-mix(in srgb, var(--pw-accent) 15%, white) 100%)",
+                        color: "var(--pw-accent)"
+                      },
+                      children: n
+                    }
+                  )
+                ) : null,
+                l ? /* @__PURE__ */ u("span", { class: "rounded-md bg-emerald-100 px-1.5 py-0.5 text-[10px] font-bold leading-none text-emerald-700", children: [
+                  "-",
+                  l,
+                  "%"
+                ] }) : null
+              ] }),
+              /* @__PURE__ */ o("div", { class: "flex-1" }),
+              /* @__PURE__ */ u("span", { class: "flex items-baseline gap-1.5 text-base font-normal text-gray-600", children: [
+                d ? /* @__PURE__ */ o("span", { class: "text-xs text-gray-400 line-through decoration-gray-400 decoration-[1.5px]", children: d }) : null,
+                /* @__PURE__ */ u("span", { class: "whitespace-nowrap", children: [
+                  /* @__PURE__ */ o("span", { class: "opacity-90", children: f }),
+                  h,
+                  /* @__PURE__ */ u("span", { class: "text-xs text-gray-400", children: [
+                    " ",
+                    "/ ",
+                    le(t, c)
+                  ] })
+                ] })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function Kt({
+  price: t,
+  isPopular: e,
+  popularLabel: r,
+  offer: n,
+  reserveStrikeRow: i,
+  selected: s,
+  onSelect: a,
+  t: c
+}) {
+  const l = n?.discount_percent ?? null, { currency: f, amount: h, originalAmount: d } = ae(t, l);
+  return /* @__PURE__ */ u(
+    "button",
+    {
+      type: "button",
+      role: "radio",
+      "aria-checked": s,
+      onClick: a,
+      class: [
+        "group relative flex h-full flex-col items-center justify-start gap-1 rounded-2xl border-2 px-3 pb-4 pt-3.5 text-center transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--pw-accent)]",
+        s ? "border-[var(--pw-accent)]" : "border-gray-200 hover:bg-gray-50"
+      ].join(" "),
+      style: s ? { background: "color-mix(in srgb, var(--pw-accent) 6%, transparent)" } : void 0,
+      children: [
+        /* @__PURE__ */ o("span", { class: "flex min-h-[2.4em] items-center text-[10px] font-normal uppercase leading-tight text-gray-800/70", children: Ue(t, c) }),
+        i ? /* @__PURE__ */ u("div", { class: "flex h-[22px] items-center justify-center gap-1.5", children: [
+          d ? /* @__PURE__ */ o("span", { class: "text-[12px] text-gray-400 line-through decoration-gray-400 decoration-[1.5px]", children: d }) : null,
+          l ? /* @__PURE__ */ u("span", { class: "rounded-md bg-emerald-100 px-1.5 py-0.5 text-[10px] font-bold leading-none text-emerald-700", children: [
+            "-",
+            l,
+            "%"
+          ] }) : null
+        ] }) : null,
+        /* @__PURE__ */ u("span", { class: "text-[26px] leading-none whitespace-nowrap text-gray-800 font-medium", children: [
+          /* @__PURE__ */ o("span", { class: "opacity-90", children: f }),
+          h
+        ] }),
+        /* @__PURE__ */ u("span", { class: "text-xs font-normal text-gray-500", children: [
+          "/ ",
+          le(t, c)
+        ] }),
+        e ? /* @__PURE__ */ o(
+          "span",
+          {
+            class: "absolute -top-[10px] left-1/2 -translate-x-1/2 whitespace-nowrap rounded-[11px] border-[3px] border-white px-2.5 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-white",
+            style: { background: "var(--pw-accent)" },
+            children: r
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function Xt({ block: t }) {
+  return /* @__PURE__ */ o("p", { class: "text-[0.9375rem] leading-relaxed text-gray-600", children: t.text });
 }
-const Fe = {
+const Jt = {
   week: 0.25,
   month: 1,
   year: 12
 };
-function Ve(r) {
-  return r || "period";
+function Qt(t, e) {
+  return t ? e(`pricing.interval.${t}`, t) : e("pricing.interval.period", "period");
 }
-function $e({ block: r, ctx: e }) {
-  if (!r.queries.length) return null;
-  const n = e.bootstrap.prices.find((s) => s.id === e.selectedPriceId)?.interval ?? null, i = n ? Fe[n] : void 0;
+function er({ block: t, ctx: e }) {
+  const { t: r } = k();
+  if (!t.queries.length) return null;
+  const i = e.bootstrap.prices.find((a) => a.id === e.selectedPriceId)?.interval ?? null, s = i ? Jt[i] : void 0;
   return /* @__PURE__ */ u("div", { class: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ u("div", { class: "text-sm font-semibold text-gray-800", children: [
-      "Included per ",
-      /* @__PURE__ */ o("span", { children: Ve(n) }),
-      ":"
-    ] }),
-    /* @__PURE__ */ o("ul", { class: "flex flex-col gap-2", role: "list", children: r.queries.map((s) => {
-      const l = Number.isFinite(s.count) ? s.count : 0, a = i !== void 0 ? Math.round(l * i) : l;
-      return /* @__PURE__ */ u("li", { class: `flex gap-2 ${s.desc ? "" : "items-center"}`, children: [
+    /* @__PURE__ */ o("div", { class: "text-sm font-semibold text-gray-800", children: !i || i === "lifetime" ? r("pricing.included_total", "Included for lifetime:") : r("pricing.included_per", "Included per {interval}:", {
+      interval: Qt(i, r)
+    }) }),
+    /* @__PURE__ */ o("ul", { class: "flex flex-col gap-2", role: "list", children: t.queries.map((a) => {
+      const c = Number.isFinite(a.count) ? a.count : 0, l = s !== void 0 ? Math.round(c * s) : c;
+      return /* @__PURE__ */ u("li", { class: `flex gap-3 ${a.desc ? "items-start" : "items-center"}`, children: [
         /* @__PURE__ */ o(
-          "span",
+          "svg",
           {
-            class: `flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full ${s.desc ? "mt-0.5" : ""}`,
-            style: {
-              background: "color-mix(in srgb, var(--pw-accent) 12%, white)",
-              color: "var(--pw-accent)"
-            },
+            width: "18",
+            height: "18",
+            viewBox: "0 0 20 20",
+            fill: "none",
+            class: `flex-shrink-0 text-emerald-500 ${a.desc ? "mt-0.5" : ""}`,
             "aria-hidden": "true",
-            children: /* @__PURE__ */ o("svg", { width: "12", height: "12", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ o(
+            children: /* @__PURE__ */ o(
               "path",
               {
-                d: "M5 10l3 3 7-7",
+                d: "M4 10.5l3.5 3.5 8.5-8.5",
                 stroke: "currentColor",
                 "stroke-width": "2.5",
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round"
               }
-            ) })
+            )
           }
         ),
         /* @__PURE__ */ u("div", { children: [
-          /* @__PURE__ */ o("span", { class: "font-semibold text-gray-900 text-sm", children: a }),
+          /* @__PURE__ */ o("span", { class: "font-semibold text-gray-900 text-sm", children: l }),
           " ",
-          /* @__PURE__ */ o("span", { class: "text-sm text-gray-800", children: s.name }),
-          s.desc ? /* @__PURE__ */ u(ne, { children: [
+          /* @__PURE__ */ o("span", { class: "text-sm text-gray-800", children: a.name }),
+          a.desc ? /* @__PURE__ */ u(se, { children: [
             /* @__PURE__ */ o("br", {}),
-            /* @__PURE__ */ o("span", { class: "text-xs text-gray-500", children: s.desc })
+            /* @__PURE__ */ o("span", { class: "text-xs text-gray-400", children: a.desc })
           ] }) : null
         ] })
-      ] }, s.id);
+      ] }, a.id);
     }) })
   ] });
 }
-const Ne = {
-  heading: qe,
-  text: De,
-  price_grid: ze,
-  cta_button: Be,
-  auth_panel: se,
-  current_session: Pe,
-  features_list: Le,
-  tokenization_gate: $e
+const tr = {
+  heading: Ht,
+  text: Xt,
+  price_grid: Wt,
+  cta_button: jt,
+  auth_panel: Le,
+  current_session: Rt,
+  features_list: Dt,
+  tokenization_gate: er,
+  guarantee_badge: zt,
+  offer_banner: St
 };
-function He({ layout: r, bootstrap: e, onAction: t, auth: n, authSession: i }) {
-  const s = ie(() => e.prices[0]?.id ?? null, [e.prices]), [l, a] = x(s), c = {
+function rr({ layout: t, bootstrap: e, onAction: r, auth: n, authSession: i, hasTopBanner: s }) {
+  const a = Ve(() => {
+    for (const v of t.blocks)
+      if (v.type === "price_grid" && v.popular_price_id && e.prices.some((p) => p.id === v.popular_price_id))
+        return v.popular_price_id;
+    return e.prices[0]?.id ?? null;
+  }, [t.blocks, e.prices]), [c, l] = x(a), f = {
     bootstrap: e,
-    selectedPriceId: l,
-    setSelectedPriceId: a,
-    onAction: t,
+    selectedPriceId: c,
+    setSelectedPriceId: l,
+    onAction: r,
     auth: n,
     authSession: i
+  }, h = t.blocks.findIndex((v) => v.type === "cta_button"), d = h === -1 ? t.blocks : t.blocks.slice(0, h), b = h === -1 ? [] : t.blocks.slice(h), w = (v, p) => {
+    const y = tr[v.type];
+    return y ? /* @__PURE__ */ o(y, { block: v, ctx: f }, `${v.type}-${p}`) : (typeof console < "u" && console.warn(`[paywall] unknown block type: ${v.type}`), null);
   };
-  return /* @__PURE__ */ o("div", { class: "flex flex-col gap-4", children: r.blocks.map((p, g) => {
-    const b = Ne[p.type];
-    return b ? /* @__PURE__ */ o(b, { block: p, ctx: c }, g) : (typeof console < "u" && console.warn(`[paywall] unknown block type: ${p.type}`), null);
-  }) });
+  return /* @__PURE__ */ u(se, { children: [
+    /* @__PURE__ */ o("div", { class: "flex-1 min-h-0 overflow-y-auto px-6 pb-3 pt-6 sm:px-8 sm:pb-4 sm:pt-8", children: /* @__PURE__ */ o("div", { class: "flex flex-col gap-6", children: d.map(w) }) }),
+    b.length > 0 ? (
+      // Тонкий shadow-top вместо border-t — создаёт depth, читается как
+      // «footer закреплён к низу dialog'а». Линия выглядела как divider
+      // в обычном flow, не передавала sticky-character.
+      /* @__PURE__ */ o(
+        "div",
+        {
+          class: "flex flex-col gap-4 bg-white px-6 pb-6 pt-3 sm:px-8",
+          style: { boxShadow: "0 -4px 12px -4px rgba(15,23,42,0.06)" },
+          children: b.map((v, p) => w(v, d.length + p))
+        }
+      )
+    ) : null
+  ] });
 }
-function Ge(r, e, t, n) {
-  return r ? n ? { open: !0, view: "purchased", error: null } : e.status === "idle" || e.status === "loading" ? { open: !0, view: "loading", error: null } : e.status === "error" ? { open: !0, view: "error", error: e.error } : t.kind === "support" ? { open: !0, view: "support", error: null } : t.kind === "auth_gate" ? { open: !0, view: "auth", error: null } : t.kind === "anon_gate" ? { open: !0, view: "anon", error: null } : t.kind === "awaiting_payment" ? { open: !0, view: "awaiting_payment", error: null } : t.kind === "popup_blocked" ? { open: !0, view: "popup_blocked", error: null } : t.kind === "purchase_success" ? { open: !0, view: "purchased", error: null } : t.kind === "verifying" ? { open: !0, view: "loading", error: null } : { open: !0, view: "layout", error: null } : { open: !1, view: null, error: null };
+function nr(t, e, r, n) {
+  return t ? n ? { open: !0, view: "purchased", error: null } : e.status === "idle" || e.status === "loading" ? { open: !0, view: "loading", error: null } : e.status === "error" ? { open: !0, view: "error", error: e.error } : r.kind === "support" ? { open: !0, view: "support", error: null } : r.kind === "auth_gate" ? { open: !0, view: "auth", error: null } : r.kind === "awaiting_payment" ? { open: !0, view: "awaiting_payment", error: null } : r.kind === "popup_blocked" ? { open: !0, view: "popup_blocked", error: null } : r.kind === "purchase_success" ? { open: !0, view: "purchased", error: null } : r.kind === "verifying" ? { open: !0, view: "loading", error: null } : { open: !0, view: "layout", error: null } : { open: !1, view: null, error: null };
 }
-function We(r, e) {
-  return r.open === e.open && r.view === e.view && r.error === e.error;
+function ir(t, e) {
+  return t.open === e.open && t.view === e.view && t.error === e.error;
 }
-function Ze({
-  client: r,
+function or({
+  client: t,
   open: e,
-  onClose: t,
+  onClose: r,
   onEvent: n,
   initialView: i,
-  purchased: s,
-  renew: l,
-  onState: a
+  initialAuthMode: s,
+  purchased: a,
+  renew: c,
+  onState: l,
+  inline: f,
+  locale: h
 }) {
-  const [c, p] = x({ status: "idle" }), [g, b] = x(
-    () => r.auth?.getCachedSession() ?? null
-  ), [f, m] = x(() => i === "support" ? { kind: "support", origin: "standalone" } : i === "auth" ? { kind: "auth_gate", origin: "standalone" } : i === "anon" ? { kind: "anon_gate", origin: "standalone" } : { kind: "layout" }), y = E(!1), _ = E(null);
-  M(() => {
-    if (!a) return;
-    const d = Ge(e, c, f, s), h = _.current;
-    h && We(h, d) || (_.current = d, a(d));
-  }, [e, c, f, s, a]), M(() => {
-    if (r.auth)
-      return r.auth.onAuthChange((d) => b(d));
-  }, [r.auth]), M(() => {
-    if (!e || c.status === "ready" || c.status === "loading") return;
-    let d = !1;
-    return p({ status: "loading" }), r.bootstrap().then((h) => {
-      d || (p({ status: "ready", data: h }), n("ready", h), h.user?.has_active_subscription && !l && (n("purchase_completed", {
+  const [d, b] = x({ status: "idle" }), [w, v] = x(
+    () => t.auth?.getCachedSession() ?? null
+  ), [p, y] = x(() => i === "support" ? { kind: "support", origin: "standalone" } : i === "auth" ? { kind: "auth_gate", origin: "standalone" } : { kind: "layout" }), O = R(!1), _ = R(null);
+  B(() => {
+    if (!l) return;
+    const m = nr(e, d, p, a), g = _.current;
+    g && ir(g, m) || (_.current = m, l(m));
+  }, [e, d, p, a, l]), B(() => {
+    if (t.auth)
+      return t.auth.onAuthChange((m, g) => v(g));
+  }, [t.auth]), B(() => {
+    if (typeof t.onBootstrapChange == "function")
+      return t.onBootstrapChange((m) => {
+        b(
+          (g) => g.status === "ready" ? { status: "ready", data: m } : g
+        );
+      });
+  }, [t]), B(() => {
+    if (!e || d.status === "ready" || d.status === "loading") return;
+    let m = !1;
+    return b({ status: "loading" }), t.bootstrap().then((g) => {
+      m || (b({ status: "ready", data: g }), n("ready", g), g.user?.has_active_subscription && !c && !i && (n("purchase_completed", {
         priceId: null,
         sessionId: null,
         restored: !0
-      }), m({ kind: "purchase_success", restored: !0 })));
-    }).catch((h) => {
-      if (d) return;
-      const k = h instanceof T ? h : new T("unknown", "Failed to load paywall", { cause: h });
-      p({ status: "error", error: k }), n("error", k);
+      }), y({ kind: "purchase_success", restored: !0 })));
+    }).catch((g) => {
+      if (m) return;
+      const C = g instanceof T ? g : new T("unknown", "Failed to load paywall", { cause: g });
+      b({ status: "error", error: C }), n("error", C);
     }), () => {
-      d = !0;
+      m = !0;
     };
-  }, [e, r]), M(() => {
+  }, [e, t]), He(() => {
     if (!e) {
-      m({ kind: "layout" }), y.current = !1;
+      y({ kind: "layout" }), O.current = !1;
       return;
     }
-    i === "support" ? m({ kind: "support", origin: "standalone" }) : i === "auth" ? m({ kind: "auth_gate", origin: "standalone" }) : i === "anon" && m({ kind: "anon_gate", origin: "standalone" });
+    i === "support" ? y({ kind: "support", origin: "standalone" }) : i === "auth" && y({ kind: "auth_gate", origin: "standalone" });
   }, [e, i]);
-  const A = async (d) => {
+  const S = async (m) => {
     try {
-      const h = await r.createCheckout({
-        priceId: d,
-        ignoreActivePurchase: l === !0
+      const g = await t.createCheckout({
+        priceId: m,
+        ignoreActivePurchase: c === !0
       });
-      if (n("checkout_started", { priceId: d, url: h.url, acquiring: h.acquiring }), typeof window > "u" || !h.url) return;
-      const k = window.open(h.url, "_blank");
-      if (k) {
+      if (n("checkout_started", { priceId: m, url: g.url, acquiring: g.acquiring }), typeof window > "u" || !g.url) return;
+      const C = window.open(g.url, "_blank");
+      if (C) {
         try {
-          k.opener = null;
+          C.opener = null;
         } catch {
         }
-        m({ kind: "awaiting_payment", priceId: d, url: h.url });
+        y({ kind: "awaiting_payment", priceId: m, url: g.url });
       } else
-        m({ kind: "popup_blocked", priceId: d, url: h.url });
-    } catch (h) {
-      if (h instanceof T && h.code === "already_purchased") {
+        y({ kind: "popup_blocked", priceId: m, url: g.url });
+    } catch (g) {
+      if (g instanceof T && g.code === "already_purchased") {
         try {
-          await r.getUser({ force: !0 });
+          await t.getUser({ force: !0 });
         } catch {
         }
-        n("purchase_completed", { priceId: d, sessionId: null, restored: !0 }), m({ kind: "purchase_success", restored: !0 });
+        n("purchase_completed", { priceId: m, sessionId: null, restored: !0 }), y({ kind: "purchase_success", restored: !0 });
         return;
       }
-      const k = h instanceof T ? h : new T("checkout_failed", "Checkout failed", { cause: h });
-      n("error", k), m({ kind: "layout" });
+      const C = g instanceof T ? g : new T("checkout_failed", "Checkout failed", { cause: g });
+      n("error", C), y({ kind: "layout" });
     }
-  }, v = (d, h) => {
+  }, A = (m, g) => {
     if (typeof window > "u") return;
-    const k = window.open(h, "_blank");
-    if (k) {
+    const C = window.open(g, "_blank");
+    if (C) {
       try {
-        k.opener = null;
+        C.opener = null;
       } catch {
       }
-      m({ kind: "awaiting_payment", priceId: d, url: h });
+      y({ kind: "awaiting_payment", priceId: m, url: g });
     }
   };
-  M(() => {
-    if (f.kind !== "auth_gate" || !g || g.user.is_anonymous || y.current) return;
-    y.current = !0;
-    const d = f.pendingCheckout, h = f.origin;
-    m({ kind: "verifying" }), (async () => {
-      if (!l)
+  B(() => {
+    if (p.kind !== "auth_gate" || !w || w.user.is_anonymous || O.current) return;
+    O.current = !0;
+    const m = p.pendingCheckout, g = p.origin;
+    y({ kind: "verifying" }), (async () => {
+      if (!c)
         try {
-          if ((await r.getUser({ force: !0 })).has_active_subscription) {
+          if ((await t.getUser({ force: !0 })).has_active_subscription) {
             n("purchase_completed", {
-              priceId: d?.priceId ?? null,
+              priceId: m?.priceId ?? null,
               sessionId: null,
               restored: !0
-            }), m({ kind: "purchase_success", restored: !0 });
+            }), y({ kind: "purchase_success", restored: !0 });
             return;
           }
         } catch {
         }
-      if (!d) {
-        h === "standalone" ? t() : m({ kind: "layout" });
+      if (!m) {
+        g === "standalone" ? r() : y({ kind: "layout" });
         return;
       }
-      await A(d.priceId);
+      await S(m.priceId);
     })().finally(() => {
-      y.current = !1;
+      O.current = !1;
     });
-  }, [g, f]);
-  const S = async (d, h) => {
-    if (d === "close") {
-      t();
+  }, [w, p]);
+  const D = async (m, g) => {
+    if (m === "close") {
+      r();
       return;
     }
-    if (d === "price_selected") {
-      n("price_selected", h);
+    if (m === "price_selected") {
+      n("price_selected", g);
       return;
     }
-    if (d === "restore") {
-      if (!r.auth || r.auth.getCachedSession()) return;
-      m({ kind: "auth_gate" });
+    if (m === "restore") {
+      if (!t.auth) return;
+      const C = t.auth.getCachedSession();
+      if (C && !C.user.is_anonymous) return;
+      y({ kind: "auth_gate", intent: "restore" });
       return;
     }
-    if (d === "support") {
-      m({ kind: "support", origin: "layout" });
+    if (m === "support") {
+      y({ kind: "support", origin: "layout" });
       return;
     }
-    if (d === "checkout" && c.status === "ready") {
-      const k = h?.priceId;
-      if (!k) {
+    if (m === "checkout" && d.status === "ready") {
+      const C = g?.priceId;
+      if (!C) {
         n("error", new T("no_price", "No price selected"));
         return;
       }
-      if ((c.data.settings.checkout_mode ?? "guest") === "preauth" && !!r.auth && !r.auth.getCachedSession()) {
-        m({ kind: "auth_gate", pendingCheckout: { priceId: k } });
+      const K = d.data.settings.checkout_mode ?? "guest", I = t.auth?.getCachedSession() ?? null, M = !!I && !I.user.is_anonymous;
+      if (K === "preauth" && !!t.auth && !M) {
+        y({ kind: "auth_gate", pendingCheckout: { priceId: C } });
         return;
       }
-      await A(k);
+      await S(C);
     }
-  }, w = c.status === "ready" ? c.data.settings.brand_color : null, P = c.status === "ready" ? !!c.data.settings.is_test_mode : !1, L = c.status === "ready" ? c.data.settings.allow_close !== !1 : !0, C = {
+  }, E = d.status === "ready" ? d.data.settings.brand_color : null, U = d.status === "ready" ? d.data.settings.allow_close !== !1 : !0, j = p.kind === "layout" && d.status === "ready" ? Ee(d.data.offers) : null, P = j ? /* @__PURE__ */ o(Ct, { offer: j }) : null, L = {
     type: "auth_panel",
-    heading: "Sign in to continue",
+    // Заголовок не задаём — AuthGate сам решит по intent'у (restore →
+    // "Restore Purchases", остальные → дефолтный "Welcome back!").
     allow_signup: !0,
     allow_password_reset: !0,
     // Не скрываем при наличии сессии — auto-resume useEffect отрабатывает быстрее,
     // чем хотим показывать "Signed in as ..." промежуточным экраном.
     hide_when_authenticated: !1,
-    providers: c.status === "ready" ? c.data.settings.auth_providers : void 0
-  }, I = f.kind === "support" ? /* @__PURE__ */ o(
-    Te,
+    providers: d.status === "ready" ? d.data.settings.auth_providers : void 0
+  }, N = p.kind === "support" ? /* @__PURE__ */ o(
+    Lt,
     {
-      client: r,
-      authSession: g,
-      origin: f.origin,
+      client: t,
+      authSession: w,
+      origin: p.origin,
       onBack: () => {
-        f.origin === "standalone" ? t() : m({ kind: "layout" });
+        p.origin === "standalone" ? r() : y({ kind: "layout" });
       }
     }
-  ) : null;
-  return /* @__PURE__ */ o(
-    ye,
+  ) : null, q = p.kind === "auth_gate" && p.origin !== "standalone" || p.kind === "support", Y = d.status === "ready" ? d.data : null;
+  return /* @__PURE__ */ o(ot, { bootstrap: Y, forceLocale: h, children: /* @__PURE__ */ o(
+    st,
     {
       open: e,
-      onClose: t,
-      brandColor: w,
-      testMode: P,
-      allowClose: L,
+      onClose: r,
+      brandColor: E,
+      topBanner: P,
+      allowClose: U,
+      hideCloseButton: q,
+      inline: f,
       labelledBy: "pw-title",
-      children: s ? /* @__PURE__ */ o(te, { onContinue: t }) : f.kind === "purchase_success" ? /* @__PURE__ */ o(te, { restored: f.restored, onContinue: t }) : I || (c.status === "loading" || c.status === "idle" || f.kind === "verifying" ? /* @__PURE__ */ u("div", { class: "flex flex-col items-center justify-center gap-3 py-12", children: [
-        /* @__PURE__ */ o("span", { class: "inline-block h-7 w-7 animate-spin rounded-full border-[2.5px] border-gray-200 border-t-[var(--pw-accent)]" }),
-        /* @__PURE__ */ o("span", { class: "text-xs font-medium tracking-wide text-gray-500", children: f.kind === "verifying" ? "Checking your subscription…" : "Loading…" })
-      ] }) : c.status === "error" ? /* @__PURE__ */ u("div", { class: "flex flex-col items-center gap-2 py-8 text-center", children: [
-        /* @__PURE__ */ o("div", { class: "flex h-11 w-11 items-center justify-center rounded-full bg-red-50", children: /* @__PURE__ */ u("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
-          /* @__PURE__ */ o(
-            "path",
-            {
-              d: "M10 6v5M10 14h.01",
-              stroke: "#dc2626",
-              "stroke-width": "2",
-              "stroke-linecap": "round"
-            }
-          ),
-          /* @__PURE__ */ o("circle", { cx: "10", cy: "10", r: "8", stroke: "#dc2626", "stroke-width": "1.75" })
-        ] }) }),
-        /* @__PURE__ */ o("p", { class: "text-sm font-semibold tracking-tight text-gray-900", children: "Something went wrong" }),
-        /* @__PURE__ */ o("p", { class: "text-xs leading-relaxed text-gray-500", children: c.error.message })
-      ] }) : f.kind === "auth_gate" && r.auth ? /* @__PURE__ */ o(
-        Se,
+      children: a ? /* @__PURE__ */ o(ke, { onContinue: r }) : p.kind === "purchase_success" ? /* @__PURE__ */ o(ke, { restored: p.restored, onContinue: r }) : N || (d.status === "loading" || d.status === "idle" || p.kind === "verifying" ? /* @__PURE__ */ o(sr, { verifying: p.kind === "verifying" }) : d.status === "error" ? /* @__PURE__ */ o(ar, { message: d.error.message }) : p.kind === "auth_gate" && t.auth ? /* @__PURE__ */ o(
+        kt,
         {
-          block: C,
-          bootstrap: c.data,
-          auth: r.auth,
-          authSession: g,
-          showBack: f.origin !== "standalone",
+          block: L,
+          bootstrap: d.data,
+          auth: t.auth,
+          authSession: w,
+          showBack: p.origin !== "standalone",
+          intent: p.intent ?? (p.origin === "standalone" ? "standalone" : "preauth"),
+          initialMode: p.origin === "standalone" ? s : void 0,
           onBack: () => {
-            f.origin === "standalone" ? t() : m({ kind: "layout" });
+            p.origin === "standalone" ? r() : y({ kind: "layout" });
           }
         }
-      ) : f.kind === "anon_gate" && r.auth ? /* @__PURE__ */ o(
-        Ce,
+      ) : p.kind === "awaiting_payment" ? /* @__PURE__ */ o(
+        cr,
         {
-          auth: r.auth,
-          onSuccess: () => {
-            f.origin === "standalone" ? t() : m({ kind: "layout" });
-          },
-          onBack: f.origin === "standalone" ? void 0 : () => m({ kind: "layout" })
-        }
-      ) : f.kind === "awaiting_payment" ? /* @__PURE__ */ o(
-        Xe,
-        {
-          client: r,
-          onBack: () => m({ kind: "layout" }),
+          client: t,
+          onBack: () => y({ kind: "layout" }),
           onReopen: () => {
             if (typeof window > "u") return;
-            const d = window.open(f.url, "_blank");
-            if (d)
+            const m = window.open(p.url, "_blank");
+            if (m)
               try {
-                d.opener = null;
+                m.opener = null;
               } catch {
               }
           },
-          onRetry: () => A(f.priceId)
+          onRetry: () => S(p.priceId)
         }
-      ) : f.kind === "popup_blocked" ? /* @__PURE__ */ u("div", { class: "flex flex-col items-center gap-3 py-8 text-center", children: [
-        /* @__PURE__ */ o(
-          "div",
-          {
-            class: "flex h-11 w-11 items-center justify-center rounded-full",
-            style: { background: "color-mix(in srgb, var(--pw-accent) 12%, white)", color: "var(--pw-accent)" },
-            "aria-hidden": "true",
-            children: /* @__PURE__ */ u("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
-              /* @__PURE__ */ o(
-                "path",
-                {
-                  d: "M4 5h12v10H4z",
-                  stroke: "currentColor",
-                  "stroke-width": "1.75",
-                  "stroke-linejoin": "round"
-                }
-              ),
-              /* @__PURE__ */ o("path", { d: "M7 9l3 3 4-5", stroke: "currentColor", "stroke-width": "1.75", "stroke-linecap": "round", "stroke-linejoin": "round" })
-            ] })
-          }
-        ),
-        /* @__PURE__ */ o("p", { class: "text-sm font-semibold tracking-tight text-gray-900", children: "Allow popups to continue" }),
-        /* @__PURE__ */ o("p", { class: "max-w-[18rem] text-xs leading-relaxed text-gray-500", children: "Your browser blocked the checkout tab. Click below to open it." }),
-        /* @__PURE__ */ o(
-          "button",
-          {
-            type: "button",
-            onClick: () => v(f.priceId, f.url),
-            class: "mt-1 rounded-xl px-4 py-2 text-xs font-semibold text-white transition-all hover:-translate-y-px hover:brightness-105 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--pw-accent)]",
-            style: {
-              background: "linear-gradient(180deg, color-mix(in srgb, var(--pw-accent) 92%, white), var(--pw-accent))",
-              boxShadow: "0 1px 2px rgba(15,23,42,0.08), 0 6px 14px -4px color-mix(in srgb, var(--pw-accent) 50%, transparent)"
-            },
-            children: "Open checkout"
-          }
-        )
-      ] }) : /* @__PURE__ */ o(
-        He,
+      ) : p.kind === "popup_blocked" ? /* @__PURE__ */ o(lr, { onReopen: () => A(p.priceId, p.url) }) : /* @__PURE__ */ o(
+        rr,
         {
-          layout: c.data.layout,
-          bootstrap: c.data,
-          onAction: S,
-          auth: r.auth,
-          authSession: g
+          layout: d.data.layout,
+          bootstrap: d.data,
+          onAction: D,
+          auth: t.auth,
+          authSession: w
         }
       ))
     }
-  );
+  ) });
+}
+function sr({ verifying: t }) {
+  const { t: e } = k();
+  return /* @__PURE__ */ u("div", { class: "flex flex-col items-center justify-center gap-3 py-12", children: [
+    /* @__PURE__ */ o("span", { class: "inline-block h-7 w-7 animate-spin rounded-full border-[2.5px] border-gray-200 border-t-[var(--pw-accent)]" }),
+    /* @__PURE__ */ o("span", { class: "text-xs font-medium tracking-wide text-gray-500", children: t ? e("modal.verifying_subscription", "Checking your subscription…") : e("modal.loading", "Loading…") })
+  ] });
+}
+function ar({ message: t }) {
+  const { t: e } = k();
+  return /* @__PURE__ */ u("div", { class: "flex flex-col items-center gap-2 py-8 text-center", children: [
+    /* @__PURE__ */ o("div", { class: "flex h-11 w-11 items-center justify-center rounded-full bg-red-50", children: /* @__PURE__ */ u("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
+      /* @__PURE__ */ o("path", { d: "M10 6v5M10 14h.01", stroke: "#dc2626", "stroke-width": "2", "stroke-linecap": "round" }),
+      /* @__PURE__ */ o("circle", { cx: "10", cy: "10", r: "8", stroke: "#dc2626", "stroke-width": "1.75" })
+    ] }) }),
+    /* @__PURE__ */ o("p", { class: "text-sm font-semibold tracking-tight text-gray-900", children: e("modal.error_generic", "Something went wrong") }),
+    /* @__PURE__ */ o("p", { class: "text-xs leading-relaxed text-gray-500", children: t })
+  ] });
+}
+function lr({ onReopen: t }) {
+  const { t: e } = k();
+  return /* @__PURE__ */ u("div", { class: "flex flex-col items-center gap-3 py-8 text-center", children: [
+    /* @__PURE__ */ o(
+      "div",
+      {
+        class: "flex h-11 w-11 items-center justify-center rounded-full",
+        style: { background: "color-mix(in srgb, var(--pw-accent) 12%, white)", color: "var(--pw-accent)" },
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ u("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+          /* @__PURE__ */ o("path", { d: "M4 5h12v10H4z", stroke: "currentColor", "stroke-width": "1.75", "stroke-linejoin": "round" }),
+          /* @__PURE__ */ o("path", { d: "M7 9l3 3 4-5", stroke: "currentColor", "stroke-width": "1.75", "stroke-linecap": "round", "stroke-linejoin": "round" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ o("p", { class: "text-sm font-semibold tracking-tight text-gray-900", children: e("payment.popup_blocked_title", "Allow popups to continue") }),
+    /* @__PURE__ */ o("p", { class: "max-w-[18rem] text-xs leading-relaxed text-gray-500", children: e("payment.popup_blocked_message", "Your browser blocked the checkout tab. Click below to open it.") }),
+    /* @__PURE__ */ o(
+      "button",
+      {
+        type: "button",
+        onClick: t,
+        class: "mt-1 rounded-xl px-4 py-2 text-xs font-semibold text-white transition-all hover:-translate-y-px hover:brightness-105 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--pw-accent)]",
+        style: {
+          background: "linear-gradient(180deg, color-mix(in srgb, var(--pw-accent) 92%, white), var(--pw-accent))",
+          boxShadow: "0 1px 2px rgba(15,23,42,0.08), 0 6px 14px -4px color-mix(in srgb, var(--pw-accent) 50%, transparent)"
+        },
+        children: e("payment.open_checkout_button", "Open checkout")
+      }
+    )
+  ] });
 }
-function Xe({
-  client: r,
+function cr({
+  client: t,
   onBack: e,
-  onReopen: t,
+  onReopen: r,
   onRetry: n
 }) {
-  const [i, s] = x(!1), [l, a] = x(!1), c = E(null);
-  return M(() => () => {
-    c.current !== null && clearTimeout(c.current);
-  }, []), /* @__PURE__ */ u("div", { class: "flex flex-col gap-3", children: [
+  const { t: i } = k(), [s, a] = x(!1), [c, l] = x(!1), f = R(null);
+  B(() => () => {
+    f.current !== null && clearTimeout(f.current);
+  }, []);
+  const h = async () => {
+    if (!s) {
+      a(!0), l(!1);
+      try {
+        if ((await t.getUser({ force: !0 })).has_active_subscription) {
+          typeof window < "u" && window.postMessage({ type: "paywall_purchase" }, "*");
+          return;
+        }
+        l(!0), f.current !== null && clearTimeout(f.current), f.current = setTimeout(() => {
+          l(!1), f.current = null;
+        }, 5e3);
+      } catch {
+        l(!0);
+      } finally {
+        a(!1);
+      }
+    }
+  };
+  return /* @__PURE__ */ u("div", { class: "flex flex-col gap-3 px-6 pb-6 pt-4 sm:px-8 sm:pb-8 sm:pt-5", children: [
     /* @__PURE__ */ o(
       "button",
       {
         type: "button",
         onClick: e,
         class: "-ml-1 self-start rounded-md px-1.5 py-0.5 text-xs font-medium text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--pw-accent)]",
-        children: "← Back"
+        children: i("nav.back", "← Back")
       }
     ),
     /* @__PURE__ */ u("div", { class: "flex flex-col items-center gap-3 py-6 text-center", children: [
@@ -1383,50 +2387,36 @@ function Xe({
         ),
         /* @__PURE__ */ o("span", { class: "relative inline-block h-7 w-7 animate-spin rounded-full border-[2.5px] border-gray-200 border-t-[var(--pw-accent)]" })
       ] }),
-      /* @__PURE__ */ o("p", { class: "text-sm font-semibold tracking-tight text-gray-900", children: "Complete payment in the new tab" }),
-      /* @__PURE__ */ o("p", { class: "max-w-[20rem] text-xs leading-relaxed text-gray-500", children: "We'll detect your payment automatically — or click below once you're done." }),
+      /* @__PURE__ */ o("p", { class: "text-sm font-semibold tracking-tight text-gray-900", children: i("payment.awaiting_title", "Complete payment in the new tab") }),
+      /* @__PURE__ */ o("p", { class: "max-w-[20rem] text-xs leading-relaxed text-gray-500", children: i(
+        "payment.awaiting_subtitle",
+        "We'll detect your payment automatically — or click below once you're done."
+      ) }),
       /* @__PURE__ */ o(
         "button",
         {
           type: "button",
-          onClick: async () => {
-            if (!i) {
-              s(!0), a(!1);
-              try {
-                if ((await r.getUser({ force: !0 })).has_active_subscription) {
-                  typeof window < "u" && window.postMessage({ type: "paywall_purchase" }, "*");
-                  return;
-                }
-                a(!0), c.current !== null && clearTimeout(c.current), c.current = setTimeout(() => {
-                  a(!1), c.current = null;
-                }, 5e3);
-              } catch {
-                a(!0);
-              } finally {
-                s(!1);
-              }
-            }
-          },
-          disabled: i,
+          onClick: h,
+          disabled: s,
           class: "mt-1 rounded-xl px-5 py-2.5 text-sm font-semibold text-white transition-all hover:-translate-y-px hover:brightness-105 disabled:cursor-not-allowed disabled:opacity-60 disabled:hover:translate-y-0 disabled:hover:brightness-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--pw-accent)]",
           style: {
             background: "linear-gradient(180deg, color-mix(in srgb, var(--pw-accent) 92%, white), var(--pw-accent))",
             boxShadow: "0 1px 2px rgba(15,23,42,0.08), 0 6px 14px -4px color-mix(in srgb, var(--pw-accent) 50%, transparent)"
           },
-          children: i ? "Checking…" : "I've paid"
+          children: s ? i("payment.checking", "Checking…") : i("payment.ive_paid", "I've paid")
         }
       ),
-      l ? /* @__PURE__ */ o("p", { class: "text-xs leading-relaxed text-gray-500", children: "Payment is still being processed. Please try again in a moment." }) : null
+      c ? /* @__PURE__ */ o("p", { class: "text-xs leading-relaxed text-gray-500", children: i("payment.still_processing", "Payment is still being processed. Please try again in a moment.") }) : null
     ] }),
     /* @__PURE__ */ u("div", { class: "rounded-2xl border border-gray-200 bg-gray-50/60 p-3.5", children: [
-      /* @__PURE__ */ o("p", { class: "text-xs leading-relaxed text-gray-600", children: "Checkout window didn't open or got blocked? Click here to open it again." }),
+      /* @__PURE__ */ o("p", { class: "text-xs leading-relaxed text-gray-600", children: i("payment.popup_help_text", "Checkout window didn't open or got blocked? Click here to open it again.") }),
       /* @__PURE__ */ o(
         "button",
         {
           type: "button",
-          onClick: t,
+          onClick: r,
           class: "mt-2.5 w-full rounded-xl border border-gray-200 bg-white px-3 py-2 text-xs font-semibold text-gray-700 transition-colors hover:border-gray-300 hover:bg-gray-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--pw-accent)]",
-          children: "Open checkout again"
+          children: i("payment.open_checkout_again", "Open checkout again")
         }
       )
     ] }),
@@ -1436,15 +2426,16 @@ function Xe({
         type: "button",
         onClick: n,
         class: "self-center rounded-md px-2 py-1 text-xs text-gray-500 underline-offset-2 hover:text-gray-900 hover:underline focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--pw-accent)]",
-        children: "Tab closed? Try again"
+        children: i("payment.tab_closed_retry", "Tab closed? Try again")
       }
     )
   ] });
 }
-function te({
-  onContinue: r,
+function ke({
+  onContinue: t,
   restored: e = !1
 }) {
+  const { t: r } = k();
   return /* @__PURE__ */ u("div", { class: "flex flex-col items-center gap-3 py-8 text-center", children: [
     /* @__PURE__ */ o(
       "div",
@@ -1469,34 +2460,37 @@ function te({
         ) })
       }
     ),
-    /* @__PURE__ */ o("p", { id: "pw-title", class: "mt-1 text-lg font-semibold tracking-tight text-gray-900", children: e ? "Subscription restored" : "Payment received" }),
-    /* @__PURE__ */ o("p", { class: "text-sm leading-relaxed text-gray-500", children: e ? "Welcome back — your subscription is already active." : "Your subscription is now active." }),
+    /* @__PURE__ */ o("p", { id: "pw-title", class: "mt-1 text-lg font-semibold tracking-tight text-gray-900", children: e ? r("modal.purchase_restored_title", "Subscription restored") : r("modal.purchase_success_title", "Payment received") }),
+    /* @__PURE__ */ o("p", { class: "text-sm leading-relaxed text-gray-500", children: e ? r(
+      "modal.purchase_restored_subtitle",
+      "Welcome back — your subscription is already active."
+    ) : r("modal.purchase_success_subtitle", "Your subscription is now active.") }),
     /* @__PURE__ */ o(
       "button",
       {
         type: "button",
-        onClick: r,
+        onClick: t,
         class: "mt-3 rounded-xl px-5 py-2.5 text-sm font-semibold text-white transition-all hover:-translate-y-px hover:brightness-105 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--pw-accent)]",
         style: {
           background: "linear-gradient(180deg, color-mix(in srgb, var(--pw-accent) 92%, white), var(--pw-accent))",
           boxShadow: "0 1px 2px rgba(15,23,42,0.08), 0 8px 20px -6px color-mix(in srgb, var(--pw-accent) 50%, transparent)"
         },
-        children: "Continue"
+        children: r("modal.continue", "Continue")
       }
     )
   ] });
 }
-const Ye = 10 * 6e4, Je = 5e3, Ke = 3e4;
-class Qe {
+const ur = 10 * 6e4, dr = 5e3, hr = 3e4;
+class pr {
   constructor(e) {
     this.timer = null, this.timeoutTimer = null, this.visibilityHandler = null, this.focusHandler = null, this.messageHandler = null, this.stopped = !1, this.checking = !1, this.opts = {
       client: e.client,
       onActive: e.onActive,
       onTimeout: e.onTimeout ?? (() => {
       }),
-      timeoutMs: e.timeoutMs ?? Ye,
-      visibleIntervalMs: e.visibleIntervalMs ?? Je,
-      hiddenIntervalMs: e.hiddenIntervalMs ?? Ke
+      timeoutMs: e.timeoutMs ?? ur,
+      visibleIntervalMs: e.visibleIntervalMs ?? dr,
+      hiddenIntervalMs: e.hiddenIntervalMs ?? hr
     };
   }
   start() {
@@ -1522,53 +2516,53 @@ class Qe {
   }
   scheduleNext() {
     if (this.stopped) return;
-    const t = typeof document < "u" && document.visibilityState === "visible" ? this.opts.visibleIntervalMs : this.opts.hiddenIntervalMs;
+    const r = typeof document < "u" && document.visibilityState === "visible" ? this.opts.visibleIntervalMs : this.opts.hiddenIntervalMs;
     this.timer = setTimeout(async () => {
       await this.check(), this.scheduleNext();
-    }, t);
+    }, r);
   }
   handleVisibilityChange() {
     typeof document > "u" || (document.visibilityState === "visible" && this.check(), this.timer !== null && (clearTimeout(this.timer), this.timer = null), this.scheduleNext());
   }
   handleMessage(e) {
-    const t = e.data;
-    !t || typeof t != "object" || t.type === "paywall_purchase" && this.check();
+    const r = e.data;
+    !r || typeof r != "object" || r.type === "paywall_purchase" && this.check();
   }
 }
-function et() {
+function fr() {
   return !(typeof document > "u" || typeof window > "u" || typeof location < "u" && location.protocol === "chrome-extension:");
 }
-const N = { open: !1, view: null, error: null }, B = {
+const oe = { open: !1, view: null, error: null }, F = {
   status: "paywall_status",
   priceId: "paywall_price_id",
   sessionId: "paywall_session_id"
 };
-let tt = class {
+let gr = class {
   constructor(e) {
-    this.handle = null, this.isOpen = !1, this.listeners = /* @__PURE__ */ new Map(), this.userUnsub = null, this.authUnsub = null, this.watcher = null, this.tracker = null, this.purchased = !1, this.trialStore = null, this.trialStoreConfig = null, this.lastTrialStatus = null, this.trialExpiredFired = !1, this.lastVisibility = null, this.currentState = N, this.stateListeners = /* @__PURE__ */ new Set();
-    const { auth: t, ownsAuth: n } = rt(e);
-    this.auth = t, this.ownsAuth = n, this.billing = e.client ?? new ae({ ...e, auth: this.auth }), this.host = e.host, this.shadowMode = e.shadowMode ?? "closed", this.mountThenLoad = e.mountThenLoad ?? !0, this.userUnsub = this.billing.onUserChange((i) => {
+    this.handle = null, this.isOpen = !1, this.listeners = /* @__PURE__ */ new Map(), this.userUnsub = null, this.authUnsub = null, this.watcher = null, this.tracker = null, this.purchased = !1, this.trialStore = null, this.trialStoreConfig = null, this.lastTrialStatus = null, this.trialExpiredFired = !1, this.lastVisibility = null, this.currentState = oe, this.stateListeners = /* @__PURE__ */ new Set();
+    const { auth: r, ownsAuth: n } = mr(e);
+    this.auth = r, this.ownsAuth = n, this.billing = e.client ?? new je({ ...e, auth: this.auth }), this.host = e.host, this.shadowMode = e.shadowMode ?? "closed", this.mountThenLoad = e.mountThenLoad ?? !0, this.inline = e.inline === !0, this.forceLocale = e.locale ?? null, this.userUnsub = this.billing.onUserChange((i) => {
       this.emit("userChange", i);
-    }), this.auth && (this.authUnsub = this.auth.onAuthChange((i) => {
-      this.emit("authChange", i);
+    }), this.auth && (this.authUnsub = this.auth.onAuthChange((i, s) => {
+      this.emit("authChange", { event: i, session: s });
     })), this.initTracker(e.analytics), e.autoDetectReturn !== !1 && typeof window < "u" && queueMicrotask(() => this.checkReturn());
   }
   initTracker(e) {
     if (e === !1) return;
-    const t = typeof e == "object" && e !== null ? e : {};
-    if (t.enabled === !1) return;
-    const n = t.endpoint ?? `${this.billing.apiOrigin}/api/v1/paywall/${this.billing.paywallId}/events`;
-    this.tracker = new ce({
+    const r = typeof e == "object" && e !== null ? e : {};
+    if (r.enabled === !1) return;
+    const n = r.endpoint ?? `${this.billing.apiOrigin}/api/v1/paywall/${this.billing.paywallId}/events`;
+    this.tracker = new Re({
       endpoint: n,
       paywallId: this.billing.paywallId,
       capabilities: this.billing.capabilities,
       getVisitorId: () => this.billing.getVisitorId(),
       getCachedVisitorId: () => this.billing.getCachedVisitorId(),
       getUserId: () => this.billing.getIdentity()?.userId ?? null,
-      flushIntervalMs: t.flushIntervalMs,
-      maxBufferSize: t.maxBufferSize,
-      fetch: t.fetch,
-      sendBeacon: t.sendBeacon
+      flushIntervalMs: r.flushIntervalMs,
+      maxBufferSize: r.maxBufferSize,
+      fetch: r.fetch,
+      sendBeacon: r.sendBeacon
     }), this.on("open", () => this.tracker?.track("paywall_opened")), this.on(
       "ready",
       (i) => this.tracker?.track("paywall_viewed", {
@@ -1621,8 +2615,8 @@ let tt = class {
    * Самый частый кейс — `track('app_opened')` от хоста сразу после загрузки
    * приложения, чтобы зафиксировать воронку до открытия пейвола.
    */
-  track(e, t) {
-    this.tracker?.track(e, t);
+  track(e, r) {
+    this.tracker?.track(e, r);
   }
   /**
    * Удобный шорткат вместо `paywall.on('userChange', cb)` — самый частый
@@ -1632,22 +2626,47 @@ let tt = class {
   onUserChange(e) {
     return this.on("userChange", e);
   }
-  on(e, t) {
+  /**
+   * Заменить cachedBootstrap живыми данными — для preview-режима в редакторе
+   * админки. Если модалка открыта, PaywallRoot подписан на onBootstrapChange
+   * и перерендерится мгновенно. До open() — затравка для bootstrap()-effect'а.
+   *
+   * См. {@link BillingClientOptions.preview} — обычно эту опцию ставят на
+   * клиент, чтобы заодно отключить сетевой revalidate. setBootstrap технически
+   * работает и в production-режиме, но конкуренция с revalidate'ом из сети
+   * почти всегда нежелательна.
+   */
+  setBootstrap(e) {
+    this.billing.setBootstrap(e);
+  }
+  /**
+   * Сменить force-locale на лету — для live-preview редактора админки, когда
+   * юзер переключает «Preview as user from <country>». Грузит соответствующий
+   * static-чанк и форсит re-render через handle.update. См. PaywallUIOptions.locale.
+   *
+   * Передай `null`/`undefined`, чтобы вернуть автоматическую резолв-логику
+   * (navigator.language → locale_default).
+   */
+  setLocale(e) {
+    const r = e ?? null;
+    r !== this.forceLocale && (this.forceLocale = r, this.handle && this.handle.update({ locale: r }));
+  }
+  on(e, r) {
     let n = this.listeners.get(e);
-    return n || (n = /* @__PURE__ */ new Set(), this.listeners.set(e, n)), n.add(t), () => n.delete(t);
+    return n || (n = /* @__PURE__ */ new Set(), this.listeners.set(e, n)), n.add(r), () => n.delete(r);
   }
-  off(e, t) {
-    this.listeners.get(e)?.delete(t);
+  off(e, r) {
+    this.listeners.get(e)?.delete(r);
   }
-  emit(e, ...t) {
+  emit(e, ...r) {
     const n = this.listeners.get(e);
     if (!n) return;
-    const i = t[0];
+    const i = r[0];
     for (const s of n)
       try {
         s(i);
-      } catch (l) {
-        typeof console < "u" && console.error("[paywall] listener error", l);
+      } catch (a) {
+        typeof console < "u" && console.error("[paywall] listener error", a);
       }
   }
   open(e = {}) {
@@ -1700,68 +2719,88 @@ let tt = class {
     this.auth && this.openInternal("auth", { ...e, skipTrial: !0 });
   }
   /**
-   * Открывает модалку с anonymous-gate. AnonGate сразу зовёт
-   * `auth.signInAnonymously()`:
-   *   - если в storage есть `anonRefreshToken` — silent resume через
-   *     /auth/refresh, модалка схлопывается мгновенно (юзер видит лёгкий
-   *     спиннер ~100мс);
-   *   - иначе — fresh POST /auth/anonymous/signin без captcha (защита от
-   *     abuse держится на Supabase per-real-IP rate-limit + CF Bot Fight Mode).
-   *
-   * После успешного signIn'а модалка закрывается; host подхватывает свежую
-   * session через `auth.onAuthChange` или `paywall.onUserChange`. Для UX
-   * "просто залогиниться чтобы api-gateway работал, без покупок".
+   * Шорткат над `openAuth()` — открывает модалку сразу на signin-форме.
+   * Эквивалент `openAuth()` (signin — дефолт). Существует для симметрии с
+   * `openSignup()` и читаемости host-кода:
+   *   - `paywall.openSignin()` — «вход в существующий аккаунт»
+   *   - `paywall.openSignup()` — «новая регистрация»
+   * Без managed-auth — no-op.
+   */
+  openSignin(e = {}) {
+    this.auth && this.openInternal("auth", { ...e, skipTrial: !0, authMode: "signin" });
+  }
+  /**
+   * Открывает модалку с auth-gate сразу в режиме регистрации (signup-mode
+   * AuthPanel'а — email/password/repeat). Если в paywall layout админ
+   * отключил allow_signup, AuthPanel игнорит mode и стартует с signin —
+   * соблюдается admin-конфиг.
+   * Без managed-auth — no-op.
+   */
+  openSignup(e = {}) {
+    this.auth && this.openInternal("auth", { ...e, skipTrial: !0, authMode: "signup" });
+  }
+  /**
+   * Headless anonymous signin без открытия модалки. Внутри:
+   * idempotent (если уже анон — instant return) → resume через сохранённый
+   * refresh_token → fresh /auth/anonymous/signin. Дедуплицирует
+   * параллельные вызовы внутри AuthClient'а.
    *
-   * Без managed-auth (`auth` не подключён) метод — no-op. Триал и
-   * visibility-таргетинг этот flow обходит: анон-логин не должен зависеть
-   * от страны юзера или trial-стейджа.
+   * Удобно для host-кнопок типа «Continue as guest» — host сам управляет
+   * loading-стейтом на своей кнопке, без полупустой модалки со спиннером.
+   * Без managed-auth — резолвится rejected promise'ом (нет AuthClient'а
+   * чтобы делать signin).
    */
-  openAnonGate(e = {}) {
-    this.auth && this.openInternal("anon", { ...e, skipTrial: !0, skipVisibility: !0 });
+  signInAnonymously() {
+    return this.auth ? this.auth.signInAnonymously() : Promise.reject(
+      new T(
+        "invalid_config",
+        "signInAnonymously requires managed-auth. Pass `auth: true` to PaywallUI."
+      )
+    );
   }
-  openInternal(e, t) {
-    t.identity && this.billing.setIdentity(t.identity), this.purchased = !1;
-    const n = t.skipTrial === !0 || e === "support", i = t.skipVisibility === !0 || e === "support" || e === "auth" || e === "anon", s = t.renew === !0;
+  openInternal(e, r) {
+    r.identity && this.billing.setIdentity(r.identity), this.purchased = !1;
+    const n = r.skipTrial === !0 || e === "support", i = r.skipVisibility === !0 || e === "support" || e === "auth", s = r.renew === !0;
     if (n && i) {
-      this.mountAndShow(e, { renew: s });
+      this.mountAndShow(e, { renew: s, authMode: r.authMode });
       return;
     }
-    const l = this.billing.getCachedBootstrap();
-    if (l) {
-      this.runOpenGates(e, l, { skipTrial: n, skipVisibility: i, renew: s });
+    const a = this.billing.getCachedBootstrap();
+    if (a) {
+      this.runOpenGates(e, a, { skipTrial: n, skipVisibility: i, renew: s });
       return;
     }
     if (this.mountThenLoad) {
-      this.mountAndShow(e, { renew: s }), this.billing.bootstrap().then((a) => this.runDelayedGates(a, { skipTrial: n, skipVisibility: i })).catch(() => {
+      this.mountAndShow(e, { renew: s }), this.billing.bootstrap().then((c) => this.runDelayedGates(c, { skipTrial: n, skipVisibility: i })).catch(() => {
       });
       return;
     }
-    this.billing.bootstrap().then((a) => this.runOpenGates(e, a, { skipTrial: n, skipVisibility: i, renew: s })).catch(() => {
+    this.billing.bootstrap().then((c) => this.runOpenGates(e, c, { skipTrial: n, skipVisibility: i, renew: s })).catch(() => {
       this.mountAndShow(e, { renew: s });
     });
   }
   /** Применить gates ПОСЛЕ того, как модалка уже смонтирована (mount-then-load
    *  путь). Если gate блокирует — close() + emit. Если юзер уже сам закрыл
    *  модалку до резолва bootstrap'а — no-op (isOpen=false). */
-  runDelayedGates(e, t) {
+  runDelayedGates(e, r) {
     if (!this.isOpen) return;
-    if (!t.skipVisibility) {
+    if (!r.skipVisibility) {
       const s = e.settings.visibility;
       if (s && (this.lastVisibility = s, !s.visible)) {
         this.close(), this.emit("visibility_blocked", s);
         return;
       }
     }
-    if (t.skipTrial) return;
+    if (r.skipTrial) return;
     const n = e.settings.trial;
     if (!n) return;
     const i = this.ensureTrialStore(n);
     i.check().then(async (s) => {
       if (this.isOpen && (this.lastTrialStatus = s, s.mode !== "none")) {
         if (s.blocked) {
-          const l = await i.recordBlock();
-          if (this.lastTrialStatus = l, !this.isOpen) return;
-          this.close(), this.emit("trial_blocked", l);
+          const a = await i.recordBlock();
+          if (this.lastTrialStatus = a, !this.isOpen) return;
+          this.close(), this.emit("trial_blocked", a);
           return;
         }
         this.trialExpiredFired || (this.trialExpiredFired = !0, this.emit("trial_expired"));
@@ -1774,9 +2813,9 @@ let tt = class {
   // вести trial-стейт «осталось N показов» под юзером, который вообще не
   // должен увидеть пейвол по таргетингу — бессмысленно: при возврате в
   // правильную страну он окажется со «слипшимся» триал-счётчиком.
-  runOpenGates(e, t, n) {
+  runOpenGates(e, r, n) {
     if (!n.skipVisibility) {
-      const i = t.settings.visibility;
+      const i = r.settings.visibility;
       if (i && (this.lastVisibility = i, !i.visible)) {
         this.emit("visibility_blocked", i);
         return;
@@ -1786,66 +2825,75 @@ let tt = class {
       this.mountAndShow(e, { renew: n.renew });
       return;
     }
-    this.gateThroughTrial(e, t, n.renew);
+    this.gateThroughTrial(e, r, n.renew);
   }
-  gateThroughTrial(e, t, n) {
-    const i = t.settings.trial;
+  gateThroughTrial(e, r, n) {
+    const i = r.settings.trial;
     if (!i) {
       this.mountAndShow(e, { renew: n });
       return;
     }
     const s = this.ensureTrialStore(i);
-    s.check().then(async (l) => {
-      if (this.lastTrialStatus = l, l.mode === "none") {
+    s.check().then(async (a) => {
+      if (this.lastTrialStatus = a, a.mode === "none") {
         this.mountAndShow(e, { renew: n });
         return;
       }
-      if (l.blocked) {
-        const a = await s.recordBlock();
-        this.lastTrialStatus = a, this.emit("trial_blocked", a);
+      if (a.blocked) {
+        const c = await s.recordBlock();
+        this.lastTrialStatus = c, this.emit("trial_blocked", c);
         return;
       }
       this.trialExpiredFired || (this.trialExpiredFired = !0, this.emit("trial_expired")), this.mountAndShow(e, { renew: n });
-    }).catch((l) => {
-      typeof console < "u" && console.warn("[paywall] trial check failed", l), this.mountAndShow(e, { renew: n });
+    }).catch((a) => {
+      typeof console < "u" && console.warn("[paywall] trial check failed", a), this.mountAndShow(e, { renew: n });
     });
   }
   ensureTrialStore(e) {
-    if (this.trialStore && this.trialStoreConfig && ot(this.trialStoreConfig, e))
+    if (this.trialStore && this.trialStoreConfig && br(this.trialStoreConfig, e))
       return this.trialStore;
     this.trialStoreConfig = e;
-    const t = this.billing.createTrialStore;
-    return this.trialStore = typeof t == "function" ? t.call(this.billing, e) : ue(this.billing.getStorage(), this.billing.paywallId, e), this.trialStore;
+    const r = this.billing.createTrialStore;
+    return this.trialStore = typeof r == "function" ? r.call(this.billing, e) : De(this.billing.getStorage(), this.billing.paywallId, e), this.trialStore;
   }
-  mountAndShow(e, t = {}) {
-    const n = t.renew === !0;
+  mountAndShow(e, r = {}) {
+    const n = r.renew === !0, i = r.authMode;
     if (this.handle) {
-      this.isOpen = !0, this.handle.update({ open: !0, initialView: e, purchased: !1, renew: n }), this.emit("open");
+      this.isOpen = !0, this.handle.update({
+        open: !0,
+        initialView: e,
+        initialAuthMode: i,
+        purchased: !1,
+        renew: n
+      }), this.emit("open");
       return;
     }
-    this.isOpen = !0, this.handle = me(
-      Ze,
+    this.isOpen = !0, this.handle = Qe(
+      or,
       {
         client: this.billing,
         open: !0,
         initialView: e,
+        initialAuthMode: i,
         purchased: !1,
         renew: n,
         onClose: () => this.close(),
-        onEvent: (i, s) => {
-          this.emit(i, s), i === "checkout_started" && this.startUserWatcher();
+        onEvent: (s, a) => {
+          this.emit(s, a), s === "checkout_started" && this.startUserWatcher();
         },
-        onState: (i) => this.applyState(i)
+        onState: (s) => this.applyState(s),
+        inline: this.inline,
+        locale: this.forceLocale
       },
-      { host: this.host, shadowMode: this.shadowMode }
+      { host: this.host, shadowMode: this.shadowMode, inline: this.inline }
     ), this.emit("open");
   }
   applyState(e) {
-    if (!it(this.currentState, e)) {
+    if (!xr(this.currentState, e)) {
       this.currentState = e;
-      for (const t of this.stateListeners)
+      for (const r of this.stateListeners)
         try {
-          t(e);
+          r(e);
         } catch (n) {
           console.warn("[paywall] onStateChange listener threw", n);
         }
@@ -1872,9 +2920,9 @@ let tt = class {
    *
    * Возвращает unsubscribe.
    */
-  onStateChange(e, t = {}) {
+  onStateChange(e, r = {}) {
     this.stateListeners.add(e);
-    const n = t.immediate ?? "microtask";
+    const n = r.immediate ?? "microtask";
     if (n !== "none") {
       const i = this.currentState;
       if (n === "sync")
@@ -1919,6 +2967,36 @@ let tt = class {
   getCachedPrices() {
     return this.billing.getCachedPrices();
   }
+  /** Sync-снимок офферов. null = bootstrap не загружали, [] = пейвол без офферов.
+   *  Бэк уже применил серверный targeting (страны/email/режим) — наружу
+   *  выезжает только то, что применимо к текущему юзеру. */
+  getCachedOffers() {
+    return this.billing.getCachedOffers();
+  }
+  /**
+   * Резолвит активный offer для конкретной цены: price_id-таргетинг +
+   * countdown (`expires_at` ИЛИ `duration_minutes` от первого открытия
+   * пейвола, см. clientStorage `pw-offer-{id}-start`).
+   *
+   * Read-only — НЕ записывает start для `duration_minutes`-офферов. Запись
+   * стартует только когда модалка реально открыта (renderer'ом). До этого
+   * `getOfferForPrice` вернёт `null` для duration-only офферов, чтобы
+   * страницы-хосты вне модалки (pricing, landing) не активировали countdown
+   * раньше времени.
+   *
+   * Хост-странице нужен countdown, который тикает каждую секунду — для
+   * этого использовать React-хук `usePaywallOffer(priceId)` из sdk-react
+   * либо обёртку поверх `setInterval(1000)` + повторный вызов этого метода.
+   */
+  getOfferForPrice(e) {
+    const r = this.billing.getCachedOffers();
+    if (!r) return null;
+    const n = $(r, e);
+    return n ? Ze(n, {
+      now: Date.now(),
+      readStart: Xe
+    }) : null;
+  }
   /** Снимок текущего «языка юзера» — proxy над `billing.getUserLanguage()`.
    *  Используй, чтобы синхронизировать i18n host'а с тем, что фактически
    *  показывает пейвол. См. подробности в `BillingClient.getUserLanguage`. */
@@ -1947,50 +3025,50 @@ let tt = class {
    * `getAccess()`, а не только после первого `open()`.
    */
   async getAccess(e = {}) {
-    let t = this.billing.getCachedBootstrap();
-    if (!t)
+    let r = this.billing.getCachedBootstrap();
+    if (!r)
       try {
-        t = await this.billing.bootstrap({ signal: e.signal });
+        r = await this.billing.bootstrap({ signal: e.signal });
       } catch {
-        const l = this.billing.getCachedUser();
-        return l?.has_active_subscription ? {
+        const a = this.billing.getCachedUser();
+        return a?.has_active_subscription ? {
           access: "granted",
           reason: "has_subscription",
           visibility: null,
           trial: null,
-          user: l
+          user: a
         } : {
           access: "blocked",
           reason: "no_subscription",
           visibility: null,
           trial: null,
-          user: l
+          user: a
         };
       }
-    const n = t.user ?? null;
+    const n = r.user ?? null;
     if (n?.has_active_subscription)
       return {
         access: "granted",
         reason: "has_subscription",
-        visibility: t.settings.visibility ?? null,
+        visibility: r.settings.visibility ?? null,
         trial: null,
         user: n
       };
     let i = null;
     if (!e.skipVisibility) {
-      const l = t.settings.visibility;
-      if (l && (i = l, this.lastVisibility = l, !l.visible))
+      const a = r.settings.visibility;
+      if (a && (i = a, this.lastVisibility = a, !a.visible))
         return { access: "granted", reason: "visibility_blocked", visibility: i, trial: null, user: n };
     }
     let s = null;
     if (!e.skipTrial) {
-      const l = t.settings.trial;
-      if (l)
+      const a = r.settings.trial;
+      if (a)
         try {
-          if (s = await this.ensureTrialStore(l).check(), this.lastTrialStatus = s, s.blocked)
+          if (s = await this.ensureTrialStore(a).check(), this.lastTrialStatus = s, s.blocked)
             return { access: "granted", reason: "trial_blocked", visibility: i, trial: s, user: n };
-        } catch (a) {
-          typeof console < "u" && console.warn("[paywall] getAccess: trial check failed", a);
+        } catch (c) {
+          typeof console < "u" && console.warn("[paywall] getAccess: trial check failed", c);
         }
     }
     return { access: "blocked", reason: "no_subscription", visibility: i, trial: s, user: n };
@@ -2007,14 +3085,14 @@ let tt = class {
   // В extension popup runtime — no-op (popup не доживёт). Там полагаемся на
   // bootstrap при следующем открытии.
   startUserWatcher() {
-    this.watcher || et() && (this.watcher = new Qe({
+    this.watcher || fr() && (this.watcher = new pr({
       client: this.billing,
       onActive: (e) => {
         this.watcher = null, this.emit("purchase_completed", { priceId: null, sessionId: null });
-        const t = this.billing.getCachedBootstrap()?.settings.success_redirect_url;
-        if (t && typeof window < "u")
+        const r = this.billing.getCachedBootstrap()?.settings.success_redirect_url;
+        if (r && typeof window < "u")
           try {
-            window.location.assign(t);
+            window.location.assign(r);
             return;
           } catch {
           }
@@ -2026,7 +3104,7 @@ let tt = class {
     }), this.watcher.start());
   }
   close() {
-    !this.isOpen || !this.handle || (this.isOpen = !1, this.purchased = !1, this.handle.update({ open: !1, purchased: !1 }), this.applyState(N), this.emit("close"));
+    !this.isOpen || !this.handle || (this.isOpen = !1, this.purchased = !1, this.handle.update({ open: !1, purchased: !1 }), this.applyState(oe), this.emit("close"));
   }
   /**
    * Сканирует текущий URL на маркеры возврата с checkout и эмитит
@@ -2036,80 +3114,80 @@ let tt = class {
    */
   checkReturn() {
     if (typeof window > "u") return;
-    const e = new URL(window.location.href), t = re(e.hash.replace(/^#/, "")), n = re(e.search.replace(/^\?/, "")), i = t ?? n;
+    const e = new URL(window.location.href), r = ve(e.hash.replace(/^#/, "")), n = ve(e.search.replace(/^\?/, "")), i = r ?? n;
     i && (i.status === "paid" ? (this.emit("purchase_completed", {
       priceId: i.priceId,
       sessionId: i.sessionId
-    }), st(i)) : (i.status === "failed" || i.status === "cancelled") && this.emit("purchase_failed", { reason: i.status }), lt(e));
+    }), wr(i)) : (i.status === "failed" || i.status === "cancelled") && this.emit("purchase_failed", { reason: i.status }), kr(e));
   }
   destroy() {
-    this.tracker?.destroy(), this.tracker = null, this.listeners.clear(), this.stateListeners.clear(), this.watcher?.stop(), this.watcher = null, this.userUnsub?.(), this.userUnsub = null, this.authUnsub?.(), this.authUnsub = null, this.ownsAuth && this.auth && this.auth.destroy?.(), this.ownsAuth = !1, this.billing.destroy?.(), this.handle?.unmount(), this.handle = null, this.isOpen = !1, this.currentState = N;
+    this.tracker?.destroy(), this.tracker = null, this.listeners.clear(), this.stateListeners.clear(), this.watcher?.stop(), this.watcher = null, this.userUnsub?.(), this.userUnsub = null, this.authUnsub?.(), this.authUnsub = null, this.ownsAuth && this.auth && this.auth.destroy?.(), this.ownsAuth = !1, this.billing.destroy?.(), this.handle?.unmount(), this.handle = null, this.isOpen = !1, this.currentState = oe;
   }
 };
-function rt(r) {
-  if (!r.auth) return { auth: void 0, ownsAuth: !1 };
-  if (r.auth instanceof H || nt(r.auth))
-    return { auth: r.auth, ownsAuth: !1 };
-  const e = r.auth === !0 ? {} : r.auth;
+function mr(t) {
+  if (!t.auth) return { auth: void 0, ownsAuth: !1 };
+  if (t.auth instanceof ce || yr(t.auth))
+    return { auth: t.auth, ownsAuth: !1 };
+  const e = t.auth === !0 ? {} : t.auth;
   return {
-    auth: new H({
-      paywallId: r.paywallId,
-      apiOrigin: e.apiOrigin ?? r.apiOrigin,
-      storage: e.storage ?? r.storage,
-      fetch: e.fetch ?? r.fetch,
+    auth: new ce({
+      paywallId: t.paywallId,
+      apiOrigin: e.apiOrigin ?? t.apiOrigin,
+      storage: e.storage ?? t.storage,
+      fetch: e.fetch ?? t.fetch,
       openPopup: e.openPopup
     }),
     ownsAuth: !0
   };
 }
-function nt(r) {
-  if (typeof r != "object" || r === null) return !1;
-  const e = r;
+function yr(t) {
+  if (typeof t != "object" || t === null) return !1;
+  const e = t;
   return typeof e.onAuthChange == "function" && typeof e.getCachedSession == "function" && typeof e.signOut == "function";
 }
-function it(r, e) {
-  return r.open === e.open && r.view === e.view && r.error === e.error;
+function xr(t, e) {
+  return t.open === e.open && t.view === e.view && t.error === e.error;
 }
-function ot(r, e) {
-  return r.mode === e.mode && r.payload === e.payload && r.storage === e.storage;
+function br(t, e) {
+  return t.mode === e.mode && t.payload === e.payload && t.storage === e.storage;
 }
-function re(r) {
-  if (!r) return null;
-  const e = new URLSearchParams(r), t = e.get(B.status);
-  return t ? {
-    status: t,
-    priceId: e.get(B.priceId),
-    sessionId: e.get(B.sessionId)
+function ve(t) {
+  if (!t) return null;
+  const e = new URLSearchParams(t), r = e.get(F.status);
+  return r ? {
+    status: r,
+    priceId: e.get(F.priceId),
+    sessionId: e.get(F.sessionId)
   } : null;
 }
-function st(r) {
+function wr(t) {
   if (!(typeof window > "u" || !window.opener))
     try {
       window.opener.postMessage(
         {
           type: "paywall_purchase",
-          status: r.status,
-          priceId: r.priceId,
-          sessionId: r.sessionId
+          status: t.status,
+          priceId: t.priceId,
+          sessionId: t.sessionId
         },
         "*"
       );
     } catch {
     }
 }
-function lt(r) {
+function kr(t) {
   const e = (n, i) => {
     if (!n) return "";
     const s = new URLSearchParams(n.replace(/^[?#]/, ""));
-    s.delete(B.status), s.delete(B.priceId), s.delete(B.sessionId);
-    const l = s.toString();
-    return l ? i + l : "";
-  }, t = r.pathname + e(r.search, "?") + e(r.hash, "#");
-  window.history.replaceState(null, "", t);
+    s.delete(F.status), s.delete(F.priceId), s.delete(F.sessionId);
+    const a = s.toString();
+    return a ? i + a : "";
+  }, r = t.pathname + e(t.search, "?") + e(t.hash, "#");
+  window.history.replaceState(null, "", r);
 }
-class at {
-  constructor(e, t, n) {
-    this.transport = e, this.paywallId = t, this.config = n;
+class vr {
+  constructor(e, r, n) {
+    this.transport = e, this.paywallId = r, this.config = n;
   }
   async check() {
     return this.transport.request("trial.check", {
@@ -2130,9 +3208,9 @@ class at {
     });
   }
 }
-class ct {
-  constructor(e, t) {
-    this.transport = e, this.cachedBootstrap = null, this.cachedUser = null, this.cachedBalances = null, this.identity = null, this.userListeners = /* @__PURE__ */ new Set(), this.balanceListeners = /* @__PURE__ */ new Set(), this.unsubUserBroadcast = null, this.unsubBalancesBroadcast = null, this.paywallId = t.paywallId, this.apiOrigin = t.apiOrigin, this.remoteStorageAdapter = {
+class _r {
+  constructor(e, r) {
+    this.transport = e, this.cachedBootstrap = null, this.cachedUser = null, this.cachedBalances = null, this.identity = null, this.userListeners = /* @__PURE__ */ new Set(), this.balanceListeners = /* @__PURE__ */ new Set(), this.bootstrapListeners = /* @__PURE__ */ new Set(), this.unsubUserBroadcast = null, this.unsubBalancesBroadcast = null, this.paywallId = r.paywallId, this.apiOrigin = r.apiOrigin, this.remoteStorageAdapter = {
       getItem: (n) => this.transport.request("storage.get", { key: n }),
       setItem: async (n, i) => {
         await this.transport.request("storage.set", { key: n, value: i });
@@ -2151,16 +3229,44 @@ class ct {
   }
   // === Bootstrap ===
   async bootstrap(e = {}) {
-    const t = await this.transport.request(
+    const r = await this.transport.request(
       "billing.bootstrap",
       { force: e.force },
       { signal: e.signal }
     );
-    return this.cachedBootstrap = t, t.user && this.applyUser(t.user), t;
+    return this.applyBootstrap(r), r.user && this.applyUser(r.user), r;
   }
   getCachedBootstrap() {
     return this.cachedBootstrap;
   }
+  /** Подписка на bootstrap-state. Структурно совместима с
+   *  `BillingClient.onBootstrapChange` — те же микротаск-семантики для initial
+   *  snapshot. В extension-режиме offscreen пока не broadcast'ит bootstrapChange,
+   *  поэтому listener срабатывает только на self-инициированные `bootstrap()`
+   *  внутри этого RemoteBillingClient'а (popup перезапрашивает bootstrap → mirror
+   *  обновляется → listener вызывается). Cross-surface revalidate (другая вкладка
+   *  обновила bootstrap) не доезжает до popup'а — для этого нужен отдельный
+   *  bootstrapChange-broadcast в protocol.ts/server.ts. */
+  onBootstrapChange(e, r = {}) {
+    this.bootstrapListeners.add(e);
+    const n = r.immediate ?? "microtask";
+    if (this.cachedBootstrap && n !== "none") {
+      const i = this.cachedBootstrap;
+      if (n === "sync")
+        try {
+          e(i);
+        } catch (s) {
+          console.warn("[paywall] onBootstrapChange initial sync threw", s);
+        }
+      else
+        queueMicrotask(() => {
+          this.bootstrapListeners.has(e) && e(i);
+        });
+    }
+    return () => {
+      this.bootstrapListeners.delete(e);
+    };
+  }
   /** Шорткат над `bootstrap()` — возвращает цены пейвола (locale-оверрайды
    *  уже применены в offscreen'е). Те же кэш-семантики, что у `bootstrap()`. */
   async getPrices(e = {}) {
@@ -2170,18 +3276,24 @@ class ct {
   getCachedPrices() {
     return this.cachedBootstrap?.prices ?? null;
   }
+  /** Sync-снимок офферов. null = bootstrap не загружали, [] = пейвол без офферов.
+   *  Серверный таргетинг (страны/email/режим) уже применён бэком — наружу
+   *  выезжает только то, что применимо к текущему юзеру. */
+  getCachedOffers() {
+    return this.cachedBootstrap?.offers ?? null;
+  }
   // === Visitor ===
   async getVisitorId() {
     return this.transport.request("billing.getVisitorId", void 0);
   }
   // === User ===
   async getUser(e = {}) {
-    const t = await this.transport.request(
+    const r = await this.transport.request(
       "billing.getUser",
       { force: e.force },
       { signal: e.signal }
     );
-    return this.applyUser(t), t;
+    return this.applyUser(r), r;
   }
   getCachedUser() {
     return this.cachedUser;
@@ -2189,9 +3301,9 @@ class ct {
   /** Подписка на user-state. Mirror'имся на broadcast'ы offscreen'а; initial
    *  snapshot отдаётся через microtask из локального cache (если есть) —
    *  ровно как в BillingClient.onUserChange. Возвращает функцию отписки. */
-  onUserChange(e, t = {}) {
+  onUserChange(e, r = {}) {
     this.userListeners.add(e);
-    const n = t.immediate ?? "microtask";
+    const n = r.immediate ?? "microtask";
     if (this.cachedUser && n !== "none") {
       const i = this.cachedUser;
       if (n === "sync")
@@ -2221,9 +3333,9 @@ class ct {
   getCachedBalances() {
     return this.cachedBalances;
   }
-  onBalanceChange(e, t = {}) {
+  onBalanceChange(e, r = {}) {
     this.balanceListeners.add(e);
-    const n = t.immediate ?? "microtask";
+    const n = r.immediate ?? "microtask";
     if (this.cachedBalances && n !== "none") {
       const i = this.cachedBalances;
       if (n === "sync")
@@ -2243,8 +3355,8 @@ class ct {
   }
   // === Checkout ===
   async createCheckout(e) {
-    const { signal: t, ...n } = e;
-    return this.transport.request("billing.createCheckout", n, { signal: t });
+    const { signal: r, ...n } = e;
+    return this.transport.request("billing.createCheckout", n, { signal: r });
   }
   // === Customer portal: list/cancel purchases ===
   /** Rich-shape список покупок юзера (с ценой, валютой, interval, discount,
@@ -2256,12 +3368,19 @@ class ct {
       signal: e.signal
     })];
   }
+  /** Саппорт-тикет через offscreen'овский BillingClient. File-объекты
+   *  переживают chrome.runtime structured-clone (port forward'ит as-is) —
+   *  Bearer-токен/email-substitution делает offscreen, как в обычном
+   *  BillingClient. */
+  async createSupportTicket(e) {
+    return this.transport.request("billing.createSupportTicket", e);
+  }
   /** Отменить подписку через бэк. По умолчанию cancel в конце текущего
    *  периода (юзер сохраняет access до renewal date'ы). reason обязательна
    *  (валидируется бэком) — собирается через select причин в host-UI. */
   async cancelSubscription(e) {
-    const { signal: t, ...n } = e;
-    return this.transport.request("billing.cancelSubscription", n, { signal: t });
+    const { signal: r, ...n } = e;
+    return this.transport.request("billing.cancelSubscription", n, { signal: r });
   }
   // === Storage ===
   /** PaywallUI просит storage у billing-клиента для TrialStore и других
@@ -2276,7 +3395,7 @@ class ct {
    *  read-modify-write. PaywallUI duck-types этот метод и предпочитает его
    *  локальной фабрике, если он есть. */
   createTrialStore(e) {
-    return new at(this.transport, this.paywallId, e);
+    return new vr(this.transport, this.paywallId, e);
   }
   // === Identity ===
   getIdentity() {
@@ -2293,51 +3412,60 @@ class ct {
     return this.identity = e, e;
   }
   destroy() {
-    this.unsubUserBroadcast?.(), this.unsubBalancesBroadcast?.(), this.unsubUserBroadcast = null, this.unsubBalancesBroadcast = null, this.userListeners.clear(), this.balanceListeners.clear(), this.cachedBootstrap = null, this.cachedUser = null, this.cachedBalances = null, this.identity = null;
+    this.unsubUserBroadcast?.(), this.unsubBalancesBroadcast?.(), this.unsubUserBroadcast = null, this.unsubBalancesBroadcast = null, this.userListeners.clear(), this.balanceListeners.clear(), this.bootstrapListeners.clear(), this.cachedBootstrap = null, this.cachedUser = null, this.cachedBalances = null, this.identity = null;
+  }
+  applyBootstrap(e) {
+    this.cachedBootstrap = e;
+    for (const r of [...this.bootstrapListeners])
+      try {
+        r(e);
+      } catch (n) {
+        console.warn("[paywall] onBootstrapChange listener threw", n);
+      }
   }
   /** Обновить mirror user'а и эмитнуть listener'ам если он реально изменился.
    *  Используется и для self-инициированных RPC (bootstrap/getUser), и для
    *  broadcast'ов от offscreen — чтобы host'овский onUserChange handler
    *  получил signal независимо от того, кто триггернул обновление. */
   applyUser(e) {
-    ut(this.cachedUser, e) || (this.cachedUser = e, this.fireUserListeners(e));
+    Sr(this.cachedUser, e) || (this.cachedUser = e, this.fireUserListeners(e));
   }
   applyBalances(e) {
-    ht(this.cachedBalances, e) || (this.cachedBalances = e, this.fireBalanceListeners(e));
+    Cr(this.cachedBalances, e) || (this.cachedBalances = e, this.fireBalanceListeners(e));
   }
   fireUserListeners(e) {
-    for (const t of [...this.userListeners])
+    for (const r of [...this.userListeners])
       try {
-        t(e);
+        r(e);
       } catch (n) {
         console.warn("[paywall] onUserChange listener threw", n);
       }
   }
   fireBalanceListeners(e) {
-    for (const t of [...this.balanceListeners])
+    for (const r of [...this.balanceListeners])
       try {
-        t(e);
+        r(e);
       } catch (n) {
         console.warn("[paywall] onBalanceChange listener threw", n);
       }
   }
 }
-function ut(r, e) {
-  return r === e ? !0 : !r || !e ? !1 : r.has_active_subscription === e.has_active_subscription && (r.purchases?.length ?? 0) === (e.purchases?.length ?? 0);
+function Sr(t, e) {
+  return t === e ? !0 : !t || !e ? !1 : t.has_active_subscription === e.has_active_subscription && (t.purchases?.length ?? 0) === (e.purchases?.length ?? 0);
 }
-function ht(r, e) {
-  if (r === e) return !0;
-  if (!r || !e || r.length !== e.length) return !1;
-  for (let t = 0; t < r.length; t++)
-    if (r[t].type !== e[t].type || r[t].count !== e[t].count) return !1;
+function Cr(t, e) {
+  if (t === e) return !0;
+  if (!t || !e || t.length !== e.length) return !1;
+  for (let r = 0; r < t.length; r++)
+    if (t[r].type !== e[r].type || t[r].count !== e[r].count) return !1;
   return !0;
 }
-class dt {
-  constructor(e, t) {
-    this.transport = e, this.session = null, this.listeners = /* @__PURE__ */ new Set(), this.unsubBroadcast = null, this.paywallId = t.paywallId, this.apiOrigin = t.apiOrigin, this.unsubBroadcast = this.transport.on("authChange", (n) => {
-      this.applySession(n);
+class Ir {
+  constructor(e, r) {
+    this.transport = e, this.session = null, this.listeners = /* @__PURE__ */ new Set(), this.unsubBroadcast = null, this.paywallId = r.paywallId, this.apiOrigin = r.apiOrigin, this.unsubBroadcast = this.transport.on("authChange", ({ event: n, session: i }) => {
+      this.applySession(n, i);
     }), this.hydrated = this.transport.request("auth.getCachedSession", void 0).then((n) => {
-      this.session === null && n !== null && this.applySession(n);
+      this.session === null && n !== null && (this.session = n);
     }).catch(() => {
     });
   }
@@ -2353,39 +3481,40 @@ class dt {
     return this.session?.user ?? null;
   }
   onAuthChange(e) {
-    if (this.listeners.add(e), this.session) {
-      const t = this.session;
-      queueMicrotask(() => {
-        this.listeners.has(e) && e(t);
-      });
-    }
-    return () => {
+    return this.listeners.add(e), this.hydrated.then(() => {
+      if (this.listeners.has(e))
+        try {
+          e("INITIAL_SESSION", this.session);
+        } catch (r) {
+          console.warn("[paywall] onAuthChange INITIAL_SESSION threw", r);
+        }
+    }), () => {
       this.listeners.delete(e);
     };
   }
   // === Email/password ===
   async signInWithEmail(e) {
-    const t = await this.transport.request("auth.signInWithEmail", e);
-    return this.applySession(t), t;
+    const r = await this.transport.request("auth.signInWithEmail", e);
+    return this.applySession("SIGNED_IN", r), r;
   }
   async signUp(e) {
-    const t = await this.transport.request("auth.signUp", e);
-    return t.kind === "signed_in" && this.applySession(t.session), t;
+    const r = await this.transport.request("auth.signUp", e);
+    return r.kind === "signed_in" && this.applySession("SIGNED_IN", r.session), r;
   }
   async signOut() {
     await this.transport.request("auth.signOut", void 0);
   }
   async refresh() {
     const e = await this.transport.request("auth.refresh", void 0);
-    return this.applySession(e), e;
+    return this.applySession(e ? "TOKEN_REFRESHED" : "SIGNED_OUT", e), e;
   }
   // === OTP / password reset / confirmation ===
   async sendOtp(e) {
     await this.transport.request("auth.sendOtp", e);
   }
   async verifyOtp(e) {
-    const t = await this.transport.request("auth.verifyOtp", e);
-    return this.applySession(t), t;
+    const r = await this.transport.request("auth.verifyOtp", e);
+    return this.applySession(e.type === "recovery" ? "PASSWORD_RECOVERY" : "SIGNED_IN", r), r;
   }
   async resendConfirmation(e) {
     await this.transport.request("auth.resendConfirmation", e);
@@ -2399,18 +3528,24 @@ class dt {
   async revokeAllSessions() {
     await this.transport.request("auth.revokeAllSessions", void 0);
   }
+  /** Last-used auth method + email — читается из offscreen-storage. AuthPanel
+   *  использует для "Last used"-бейджа и pre-fill'а email. Storage paywall-
+   *  scoped, и offscreen — единый источник правды для всех вкладок/popup'ов. */
+  async getLastLogin() {
+    return this.transport.request("auth.getLastLogin", void 0);
+  }
   // === Anonymous sign-in ===
   /** Анонимный sign-in (Supabase user без email). Логика (idempotent-check +
    *  resume через сохранённый refresh_token + fresh signin) живёт в
    *  offscreen-AuthClient'е — content только проксирует. captchaToken и
-   *  forceCaptcha — pass-through для forward-compat / switch-account flow. */
+   *  forceNewAnon — pass-through для forward-compat / switch-account flow. */
   async signInAnonymously(e = {}) {
-    const t = await this.transport.request("auth.signInAnonymously", {
+    const r = await this.transport.request("auth.signInAnonymously", {
       captchaToken: e.captchaToken,
       userMeta: e.userMeta,
-      forceCaptcha: e.forceCaptcha
+      forceNewAnon: e.forceNewAnon
     });
-    return this.applySession(t), t;
+    return this.applySession("SIGNED_IN", r), r;
   }
   /** Текущий access token (lazy-refreshable в offscreen'е). content/popup
    *  использует для Bearer'а в внешние fetch'и — ApiGatewayClient в
@@ -2437,13 +3572,13 @@ class dt {
   async signInWithOAuth(e) {
     if (typeof window > "u")
       throw new T("oauth_unavailable", "window is required for OAuth");
-    const t = `pw-oauth-pending-${Math.random().toString(36).slice(2, 10)}`, n = window.open("about:blank", t, "width=480,height=640,popup=yes");
+    const r = `pw-oauth-pending-${Math.random().toString(36).slice(2, 10)}`, n = window.open("about:blank", r, "width=480,height=640,popup=yes");
     if (!n)
       throw new T(
         "popup_blocked",
         "browser blocked auth popup — call from a user gesture"
       );
-    gt(n, e.provider);
+    Mr(n, e.provider);
     try {
       const { authorizeUrl: i, state: s } = await this.transport.request("auth.oauthStart", {
         provider: e.provider,
@@ -2451,8 +3586,8 @@ class dt {
         userMeta: e.userMeta
       });
       n.name = `pw-oauth-${s}`, n.location.replace(i), e.onPopupOpened?.();
-      const l = await he(n, s), a = await this.transport.request("auth.oauthExchange", { state: s, code: l });
-      return this.applySession(a), a;
+      const a = await ze(n, s), c = await this.transport.request("auth.oauthExchange", { state: s, code: a });
+      return this.applySession("SIGNED_IN", c), c;
     } catch (i) {
       try {
         n.close();
@@ -2464,56 +3599,56 @@ class dt {
   destroy() {
     this.unsubBroadcast?.(), this.unsubBroadcast = null, this.listeners.clear(), this.session = null;
   }
-  applySession(e) {
-    if (!pt(this.session, e)) {
-      this.session = e;
-      for (const t of [...this.listeners])
+  applySession(e, r) {
+    if (!Ar(this.session, r)) {
+      this.session = r;
+      for (const n of [...this.listeners])
         try {
-          t(e);
-        } catch (n) {
-          console.warn("[paywall] onAuthChange listener threw", n);
+          n(e, r);
+        } catch (i) {
+          console.warn("[paywall] onAuthChange listener threw", i);
         }
     }
   }
 }
-function pt(r, e) {
-  return r === e ? !0 : !r || !e ? !1 : r.access_token === e.access_token && r.refresh_token === e.refresh_token && r.expires_at === e.expires_at && r.user.id === e.user.id;
+function Ar(t, e) {
+  return t === e ? !0 : !t || !e ? !1 : t.access_token === e.access_token && t.refresh_token === e.refresh_token && t.expires_at === e.expires_at && t.user.id === e.user.id;
 }
-const ft = {
+const Lr = {
   google: "Google",
   apple: "Apple",
   github: "GitHub",
   facebook: "Facebook"
 };
-function gt(r, e) {
-  const t = ft[e] ?? e;
+function Mr(t, e) {
+  const r = Lr[e] ?? e;
   try {
-    const n = r.document;
-    n.title = `Sign in with ${t}`;
+    const n = t.document;
+    n.title = `Sign in with ${r}`;
     const i = n.createElement("style");
     i.textContent = "html,body{margin:0;padding:0;height:100%;font-family:-apple-system,system-ui,sans-serif;background:#fafafa;color:#475569}.pw-oauth-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.pw-oauth-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#7c3aed;border-radius:50%;animation:pw-oauth-spin 800ms linear infinite}.pw-oauth-label{font-size:14px;font-weight:500;letter-spacing:-0.01em}@keyframes pw-oauth-spin{to{transform:rotate(360deg)}}", n.head.appendChild(i);
     const s = n.createElement("div");
     s.className = "pw-oauth-wrap";
-    const l = n.createElement("div");
-    l.className = "pw-oauth-spinner";
     const a = n.createElement("div");
-    a.className = "pw-oauth-label", a.textContent = `Connecting to ${t}…`, s.appendChild(l), s.appendChild(a), n.body.appendChild(s);
+    a.className = "pw-oauth-spinner";
+    const c = n.createElement("div");
+    c.className = "pw-oauth-label", c.textContent = `Connecting to ${r}…`, s.appendChild(a), s.appendChild(c), n.body.appendChild(s);
   } catch {
   }
 }
-class mt {
+class Er {
   constructor(e) {
     this.transport = e;
   }
   /** Отправить событие. Fire-and-forget — не возвращает Promise, не throw'ает.
    *  Сетевые/транспортные ошибки логируются в console и не блокируют caller. */
-  track(e, t) {
-    typeof e != "string" || e.length === 0 || this.transport.request("tracker.track", { name: e, props: t }).catch((n) => {
+  track(e, r) {
+    typeof e != "string" || e.length === 0 || this.transport.request("tracker.track", { name: e, props: r }).catch((n) => {
       console.warn("[paywall] track failed", n);
     });
   }
 }
-class yt {
+class Pr {
   constructor(e) {
     this.factory = e, this.channel = null, this.channelDisposers = [], this.pending = /* @__PURE__ */ new Map(), this.listeners = /* @__PURE__ */ new Map(), this.destroyed = !1, this.nextId = 0, this.clientId = `c-${Math.random().toString(36).slice(2, 10)}`;
   }
@@ -2525,29 +3660,29 @@ class yt {
     if (this.channel) return this.channel;
     const e = this.factory();
     this.channel = e;
-    const t = e.onMessage((i) => this.handleMessage(i)), n = e.onDisconnect(() => this.handleDisconnect());
-    return this.channelDisposers = [t, n], this.request("handshake", {
-      protocolVersion: R,
+    const r = e.onMessage((i) => this.handleMessage(i)), n = e.onDisconnect(() => this.handleDisconnect());
+    return this.channelDisposers = [r, n], this.request("handshake", {
+      protocolVersion: X,
       clientId: this.clientId
     }).then((i) => {
-      i.protocolVersion !== R && console.warn(
-        `[sdk-extension] protocol version mismatch: client=${R}, offscreen=${i.protocolVersion}. Update host's @monetize.software/sdk-extension.`
+      i.protocolVersion !== X && console.warn(
+        `[sdk-extension] protocol version mismatch: client=${X}, offscreen=${i.protocolVersion}. Update host's @monetize.software/sdk-extension.`
       );
     }).catch(() => {
     }), e;
   }
   handleMessage(e) {
-    if (bt(e)) {
+    if (Br(e)) {
       if (e.type === "response") {
-        const t = this.pending.get(e.id);
-        if (!t) return;
-        this.pending.delete(e.id), t.signal?.removeEventListener("abort", t.abortListener), e.ok ? t.resolve(e.result) : t.reject(de(e.error));
+        const r = this.pending.get(e.id);
+        if (!r) return;
+        this.pending.delete(e.id), r.signal?.removeEventListener("abort", r.abortListener), e.ok ? r.resolve(e.result) : r.reject(Ne(e.error));
         return;
       }
       if (e.type === "event") {
-        const t = this.listeners.get(e.kind);
-        if (!t) return;
-        for (const n of [...t])
+        const r = this.listeners.get(e.kind);
+        if (!r) return;
+        for (const n of [...r])
           try {
             n(e.payload);
           } catch (i) {
@@ -2557,51 +3692,51 @@ class yt {
     }
   }
   handleDisconnect() {
-    for (const t of this.channelDisposers) t();
+    for (const r of this.channelDisposers) r();
     this.channelDisposers = [], this.channel = null;
     const e = Array.from(this.pending.values());
     this.pending.clear();
-    for (const t of e)
-      t.signal?.removeEventListener("abort", t.abortListener), t.reject(new xt());
+    for (const r of e)
+      r.signal?.removeEventListener("abort", r.abortListener), r.reject(new Tr());
   }
-  request(e, t, n = {}) {
+  request(e, r, n = {}) {
     if (this.destroyed)
       return Promise.reject(new Error("TransportClient destroyed"));
     if (n.signal?.aborted)
       return Promise.reject(new DOMException("Aborted", "AbortError"));
     const i = this.ensureChannel(), s = `r${++this.nextId}`;
-    return new Promise((l, a) => {
-      const c = {
-        resolve: l,
-        reject: a,
+    return new Promise((a, c) => {
+      const l = {
+        resolve: a,
+        reject: c,
         signal: n.signal
       };
-      n.signal && (c.abortListener = () => {
+      n.signal && (l.abortListener = () => {
         if (this.pending.delete(s)) {
-          a(new DOMException("Aborted", "AbortError"));
+          c(new DOMException("Aborted", "AbortError"));
           try {
             i.send({ type: "cancel", id: s });
           } catch {
           }
         }
-      }, n.signal.addEventListener("abort", c.abortListener)), this.pending.set(s, c);
-      const p = {
+      }, n.signal.addEventListener("abort", l.abortListener)), this.pending.set(s, l);
+      const f = {
         type: "request",
         id: s,
         kind: e,
-        params: t
+        params: r
       };
       try {
-        i.send(p);
-      } catch (g) {
-        this.pending.delete(s), n.signal?.removeEventListener("abort", c.abortListener), a(g);
+        i.send(f);
+      } catch (h) {
+        this.pending.delete(s), n.signal?.removeEventListener("abort", l.abortListener), c(h);
       }
     });
   }
-  on(e, t) {
+  on(e, r) {
     let n = this.listeners.get(e);
     n || (n = /* @__PURE__ */ new Set(), this.listeners.set(e, n));
-    const i = t;
+    const i = r;
     return n.add(i), this.ensureChannel(), () => {
       n.delete(i);
     };
@@ -2609,37 +3744,37 @@ class yt {
   destroy() {
     if (this.destroyed) return;
     this.destroyed = !0;
-    for (const t of this.channelDisposers) t();
+    for (const r of this.channelDisposers) r();
     this.channelDisposers = [], this.listeners.clear();
     const e = Array.from(this.pending.values());
     this.pending.clear();
-    for (const t of e)
-      t.signal?.removeEventListener("abort", t.abortListener), t.reject(new Error("TransportClient destroyed"));
+    for (const r of e)
+      r.signal?.removeEventListener("abort", r.abortListener), r.reject(new Error("TransportClient destroyed"));
     this.channel?.close(), this.channel = null;
   }
 }
-class xt extends Error {
+class Tr extends Error {
   constructor() {
     super("Transport channel disconnected mid-request"), this.code = "transport_disconnected", this.name = "TransportDisconnectedError";
   }
 }
-function bt(r) {
-  if (typeof r != "object" || r === null) return !1;
-  const e = r.type;
+function Br(t) {
+  if (typeof t != "object" || t === null) return !1;
+  const e = t.type;
   return e === "request" || e === "response" || e === "event";
 }
-let q = null;
-function kt() {
-  return q || (q = new yt(() => pe(fe)), q);
+let W = null;
+function Or() {
+  return W || (W = new Pr(() => qe(Ge)), W);
 }
-class Tt extends tt {
+class qr extends gr {
   constructor(e) {
-    const t = kt(), n = new ct(t, {
+    const r = Or(), n = new _r(r, {
       paywallId: e.paywallId,
       apiOrigin: e.apiOrigin
     });
     let i;
-    e.auth === !0 ? i = new dt(t, {
+    e.auth === !0 ? i = new Ir(r, {
       paywallId: e.paywallId,
       apiOrigin: e.apiOrigin
     }) : e.auth && console.warn(
@@ -2655,7 +3790,7 @@ class Tt extends tt {
       // Внутренний EventTracker отключаем — единственный tracker живёт в
       // offscreen'е. Манчиально подписываемся ниже.
       analytics: !1
-    }), this.remoteTracker = null, this.trackerUnsubs = [], e.analytics !== !1 && (this.remoteTracker = new mt(t), this.bindAnalytics());
+    }), this.remoteTracker = null, this.trackerUnsubs = [], e.analytics !== !1 && (this.remoteTracker = new Er(r), this.bindAnalytics());
   }
   /** Зеркало sdk/PaywallUI.initTracker'овских биндингов, но с RemoteEventTracker.
    *  Когда @monetize.software/sdk экспоузнет публичный hook для inject'а tracker'а,
@@ -2666,46 +3801,46 @@ class Tt extends tt {
       this.on("open", () => e.track("paywall_opened")),
       this.on(
         "ready",
-        (t) => e.track("paywall_viewed", {
-          is_test_mode: t.settings.is_test_mode,
-          prices_count: t.prices.length,
-          offers_count: t.offers.length
+        (r) => e.track("paywall_viewed", {
+          is_test_mode: r.settings.is_test_mode,
+          prices_count: r.prices.length,
+          offers_count: r.offers.length
         })
       ),
       this.on(
         "price_selected",
-        (t) => e.track("price_selected", { price_id: t.priceId })
+        (r) => e.track("price_selected", { price_id: r.priceId })
       ),
       this.on(
         "checkout_started",
-        (t) => e.track("checkout_started", { price_id: t.priceId, acquiring: t.acquiring })
+        (r) => e.track("checkout_started", { price_id: r.priceId, acquiring: r.acquiring })
       ),
       this.on(
         "purchase_completed",
-        (t) => e.track("purchase_completed", { price_id: t.priceId, session_id: t.sessionId })
+        (r) => e.track("purchase_completed", { price_id: r.priceId, session_id: r.sessionId })
       ),
-      this.on("purchase_failed", (t) => e.track("purchase_failed", { reason: t.reason })),
+      this.on("purchase_failed", (r) => e.track("purchase_failed", { reason: r.reason })),
       this.on("close", () => e.track("paywall_closed")),
       this.on(
         "trial_blocked",
-        (t) => e.track("trial_blocked", {
-          mode: t.mode,
-          ...t.mode === "time" ? { remaining_ms: t.remainingMs, total_ms: t.totalMs } : t.mode === "opens" ? { remaining_actions: t.remainingActions, total_actions: t.totalActions } : {}
+        (r) => e.track("trial_blocked", {
+          mode: r.mode,
+          ...r.mode === "time" ? { remaining_ms: r.remainingMs, total_ms: r.totalMs } : r.mode === "opens" ? { remaining_actions: r.remainingActions, total_actions: r.totalActions } : {}
         })
       ),
       this.on("trial_expired", () => e.track("trial_expired")),
       this.on(
         "visibility_blocked",
-        (t) => e.track("visibility_blocked", { reason: t.reason, country: t.country, tier: t.tier })
+        (r) => e.track("visibility_blocked", { reason: r.reason, country: r.country, tier: r.tier })
       ),
-      this.on("error", (t) => e.track("error", { code: t.code, message: t.message }))
+      this.on("error", (r) => e.track("error", { code: r.code, message: r.message }))
     );
   }
   /** Прокси через RemoteEventTracker. Hosts могут вызывать paywall.track
    *  для произвольных аналитических событий — летит в единственный
    *  offscreen-tracker наряду с auto-emit'ами PaywallUI. */
-  track(e, t) {
-    this.remoteTracker?.track(e, t);
+  track(e, r) {
+    this.remoteTracker?.track(e, r);
   }
   destroy() {
     for (const e of this.trackerUnsubs) e();
@@ -2713,11 +3848,11 @@ class Tt extends tt {
   }
 }
 export {
-  R as PROTOCOL_VERSION,
-  Tt as PaywallUI,
-  dt as RemoteAuthClient,
-  ct as RemoteBillingClient,
-  mt as RemoteEventTracker,
-  kt as getContentTransport
+  X as PROTOCOL_VERSION,
+  qr as PaywallUI,
+  Ir as RemoteAuthClient,
+  _r as RemoteBillingClient,
+  Er as RemoteEventTracker,
+  Or as getContentTransport
 };
 //# sourceMappingURL=content.js.map