:root{--background: oklch(.9821 0 0);--foreground: oklch(.2435 0 0);--card: oklch(.9911 0 0);--card-foreground: oklch(.2435 0 0);--popover: oklch(.9911 0 0);--popover-foreground: oklch(.2435 0 0);--muted: oklch(.9521 0 0);--muted-foreground: oklch(.5032 0 0);--accent: oklch(.931 0 0);--accent-foreground: oklch(.2435 0 0);--border: oklch(.8822 0 0);--input: oklch(.8822 0 0);--ring: oklch(.4341 .0392 41.9938);--primary: oklch(.4341 .0392 41.9938);--primary-foreground: oklch(1 0 0);--secondary: oklch(.92 .0651 74.3695);--secondary-foreground: oklch(.3499 .0685 40.8288);--destructive: oklch(.6271 .1936 33.339);--destructive-foreground: oklch(1 0 0);--success: oklch(.596 .129 163.2);--success-foreground: oklch(1 0 0);--success-muted: oklch(.979 .021 166.1);--warning: oklch(.666 .179 58.3);--warning-foreground: oklch(1 0 0);--warning-muted: oklch(.987 .022 95.3);--info: oklch(.546 .245 262.9);--info-foreground: oklch(1 0 0);--info-muted: oklch(.97 .014 254.6);--shadow-xs: 0 1px 2px 0 rgb(16 24 40 / .06);--shadow-sm: 0 1px 3px 0 rgb(16 24 40 / .08), 0 1px 2px -1px rgb(16 24 40 / .06);--radius: .625rem}@media(prefers-color-scheme:dark){:root{--background: oklch(.1776 0 0);--foreground: oklch(.9491 0 0);--card: oklch(.2134 0 0);--card-foreground: oklch(.9491 0 0);--popover: oklch(.22 0 0);--popover-foreground: oklch(.96 0 0);--muted: oklch(.26 0 0);--muted-foreground: oklch(.77 0 0);--accent: oklch(.29 0 0);--accent-foreground: oklch(.96 0 0);--border: oklch(.31 .008 70);--input: oklch(.36 0 0);--ring: oklch(.9247 .0524 66.1732);--primary: oklch(.9247 .0524 66.1732);--primary-foreground: oklch(.2029 .024 200.1962);--secondary: oklch(.3163 .019 63.6992);--secondary-foreground: oklch(.9247 .0524 66.1732);--destructive: oklch(.7 .19 28);--destructive-foreground: oklch(.98 0 0);--success: oklch(.766 .142 163.2);--success-foreground: oklch(.2029 .024 200.1962);--success-muted: oklch(.27 .043 165);--warning: oklch(.828 .159 82.9);--warning-foreground: oklch(.21 .03 60);--warning-muted: oklch(.28 .048 75);--info: oklch(.71 .143 254.6);--info-foreground: oklch(.2 .04 260);--info-muted: oklch(.27 .056 258);--shadow-xs: 0 1px 3px 0 rgb(0 0 0 / .24);--shadow-sm: 0 3px 8px -2px rgb(0 0 0 / .3)}}[data-theme=aurora]{--background: oklch(.9745 .0066 285);--foreground: oklch(.2405 .033 285);--card: oklch(.9895 .004 285);--card-foreground: oklch(.2405 .033 285);--popover: oklch(.9895 .004 285);--popover-foreground: oklch(.2405 .033 285);--muted: oklch(.9425 .0136 285);--muted-foreground: oklch(.474 .0385 285);--accent: oklch(.9205 .022 285);--accent-foreground: oklch(.2405 .033 285);--border: oklch(.8495 .022 285);--input: oklch(.8495 .022 285);--ring: oklch(.4585 .155 288);--primary: oklch(.4585 .155 288);--primary-foreground: oklch(1 0 0);--secondary: oklch(.8965 .068 205);--secondary-foreground: oklch(.3395 .078 240);--destructive: oklch(.6271 .1936 33.339);--destructive-foreground: oklch(1 0 0);--success: oklch(.596 .129 163.2);--success-foreground: oklch(1 0 0);--success-muted: oklch(.979 .021 166.1);--warning: oklch(.666 .179 58.3);--warning-foreground: oklch(1 0 0);--warning-muted: oklch(.987 .022 95.3);--info: oklch(.546 .245 262.9);--info-foreground: oklch(1 0 0);--info-muted: oklch(.97 .014 254.6);--shadow-xs: 0 1px 2px 0 rgb(16 24 40 / .06);--shadow-sm: 0 1px 3px 0 rgb(16 24 40 / .08), 0 1px 2px -1px rgb(16 24 40 / .06);--radius: .875rem}@media(prefers-color-scheme:dark){[data-theme=aurora]{--background: oklch(.1525 .0204 278);--foreground: oklch(.947 .0076 278);--card: oklch(.1925 .0244 278);--card-foreground: oklch(.947 .0076 278);--popover: oklch(.1995 .0244 278);--popover-foreground: oklch(.958 .0076 278);--muted: oklch(.2375 .0244 278);--muted-foreground: oklch(.762 .0204 278);--accent: oklch(.2675 .028 278);--accent-foreground: oklch(.958 .0076 278);--border: oklch(.305 .03 278);--input: oklch(.336 .03 278);--ring: oklch(.7285 .154 292);--primary: oklch(.7285 .154 292);--primary-foreground: oklch(.198 .042 292);--secondary: oklch(.3225 .0558 205);--secondary-foreground: oklch(.8825 .088 205);--destructive: oklch(.7 .19 28);--destructive-foreground: oklch(.98 0 0);--success: oklch(.766 .142 163.2);--success-foreground: oklch(.2029 .024 200.1962);--success-muted: oklch(.27 .043 165);--warning: oklch(.828 .159 82.9);--warning-foreground: oklch(.21 .03 60);--warning-muted: oklch(.28 .048 75);--info: oklch(.71 .143 254.6);--info-foreground: oklch(.2 .04 260);--info-muted: oklch(.27 .056 258);--shadow-xs: 0 1px 3px 0 rgb(0 0 0 / .24);--shadow-sm: 0 3px 8px -2px rgb(0 0 0 / .3)}}[data-theme=contrast]{--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--muted: oklch(.945 0 0);--muted-foreground: oklch(.395 0 0);--accent: oklch(.915 0 0);--accent-foreground: oklch(.145 0 0);--border: oklch(.545 0 0);--input: oklch(.445 0 0);--ring: oklch(.32 .145 258);--primary: oklch(.285 .05 42);--primary-foreground: oklch(1 0 0);--secondary: oklch(.885 .055 74);--secondary-foreground: oklch(.225 .05 42);--destructive: oklch(.455 .19 33);--destructive-foreground: oklch(1 0 0);--success: oklch(.435 .115 163);--success-foreground: oklch(1 0 0);--success-muted: oklch(.955 .03 166);--warning: oklch(.455 .115 58);--warning-foreground: oklch(1 0 0);--warning-muted: oklch(.96 .04 95);--info: oklch(.435 .2 263);--info-foreground: oklch(1 0 0);--info-muted: oklch(.945 .03 255);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .14);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .18), 0 1px 2px -1px rgb(0 0 0 / .14);--radius: .5rem}@media(prefers-color-scheme:dark){[data-theme=contrast]{--background: oklch(.115 0 0);--foreground: oklch(1 0 0);--card: oklch(.165 0 0);--card-foreground: oklch(1 0 0);--popover: oklch(.175 0 0);--popover-foreground: oklch(1 0 0);--muted: oklch(.225 0 0);--muted-foreground: oklch(.815 0 0);--accent: oklch(.275 0 0);--accent-foreground: oklch(1 0 0);--border: oklch(.605 0 0);--input: oklch(.655 0 0);--ring: oklch(.855 .115 250);--primary: oklch(.945 .055 74);--primary-foreground: oklch(.145 0 0);--secondary: oklch(.335 .035 64);--secondary-foreground: oklch(.965 .04 74);--destructive: oklch(.775 .155 28);--destructive-foreground: oklch(.145 0 0);--success: oklch(.855 .145 163);--success-foreground: oklch(.145 0 0);--success-muted: oklch(.245 .05 165);--warning: oklch(.875 .145 83);--warning-foreground: oklch(.145 0 0);--warning-muted: oklch(.255 .055 75);--info: oklch(.815 .115 255);--info-foreground: oklch(.145 0 0);--info-muted: oklch(.245 .06 258);--shadow-xs: 0 1px 3px 0 rgb(0 0 0 / .34);--shadow-sm: 0 3px 8px -2px rgb(0 0 0 / .4)}}[data-theme=cypress]{--background: oklch(.9785 .0042 143);--foreground: oklch(.2405 .021 143);--card: oklch(.9935 .0025 143);--card-foreground: oklch(.2405 .021 143);--popover: oklch(.9935 .0025 143);--popover-foreground: oklch(.2405 .021 143);--muted: oklch(.9465 .0087 143);--muted-foreground: oklch(.474 .0245 143);--accent: oklch(.9245 .014 143);--accent-foreground: oklch(.2405 .021 143);--border: oklch(.8535 .014 143);--input: oklch(.8535 .014 143);--ring: oklch(.4085 .072 143);--primary: oklch(.4085 .072 143);--primary-foreground: oklch(1 0 0);--secondary: oklch(.9045 .05 143);--secondary-foreground: oklch(.3225 .055 143);--destructive: oklch(.6271 .1936 33.339);--destructive-foreground: oklch(1 0 0);--success: oklch(.596 .129 163.2);--success-foreground: oklch(1 0 0);--success-muted: oklch(.979 .021 166.1);--warning: oklch(.666 .179 58.3);--warning-foreground: oklch(1 0 0);--warning-muted: oklch(.987 .022 95.3);--info: oklch(.546 .245 262.9);--info-foreground: oklch(1 0 0);--info-muted: oklch(.97 .014 254.6);--shadow-xs: 0 1px 2px 0 rgb(16 24 40 / .06);--shadow-sm: 0 1px 3px 0 rgb(16 24 40 / .08), 0 1px 2px -1px rgb(16 24 40 / .06);--radius: .5rem}@media(prefers-color-scheme:dark){[data-theme=cypress]{--background: oklch(.1825 .0117 143);--foreground: oklch(.947 .0043 143);--card: oklch(.2225 .0139 143);--card-foreground: oklch(.947 .0043 143);--popover: oklch(.2295 .0139 143);--popover-foreground: oklch(.958 .0043 143);--muted: oklch(.2675 .0139 143);--muted-foreground: oklch(.762 .0117 143);--accent: oklch(.2975 .016 143);--accent-foreground: oklch(.958 .0043 143);--border: oklch(.319 .0171 143);--input: oklch(.366 .0171 143);--ring: oklch(.7985 .08 143);--primary: oklch(.7985 .08 143);--primary-foreground: oklch(.198 .024 143);--secondary: oklch(.3245 .034 143);--secondary-foreground: oklch(.8735 .058 143);--destructive: oklch(.7 .19 28);--destructive-foreground: oklch(.98 0 0);--success: oklch(.766 .142 163.2);--success-foreground: oklch(.2029 .024 200.1962);--success-muted: oklch(.27 .043 165);--warning: oklch(.828 .159 82.9);--warning-foreground: oklch(.21 .03 60);--warning-muted: oklch(.28 .048 75);--info: oklch(.71 .143 254.6);--info-foreground: oklch(.2 .04 260);--info-muted: oklch(.27 .056 258);--shadow-xs: 0 1px 3px 0 rgb(0 0 0 / .24);--shadow-sm: 0 3px 8px -2px rgb(0 0 0 / .3)}}[data-theme=graphite]{--background: oklch(.9655 0 0);--foreground: oklch(.2405 0 0);--card: oklch(.9805 0 0);--card-foreground: oklch(.2405 0 0);--popover: oklch(.9805 0 0);--popover-foreground: oklch(.2405 0 0);--muted: oklch(.9335 0 0);--muted-foreground: oklch(.474 0 0);--accent: oklch(.9115 0 0);--accent-foreground: oklch(.2405 0 0);--border: oklch(.8405 0 0);--input: oklch(.8405 0 0);--ring: oklch(.372 0 0);--primary: oklch(.372 0 0);--primary-foreground: oklch(1 0 0);--secondary: oklch(.9005 0 0);--secondary-foreground: oklch(.318 0 0);--destructive: oklch(.6271 .1936 33.339);--destructive-foreground: oklch(1 0 0);--success: oklch(.596 .129 163.2);--success-foreground: oklch(1 0 0);--success-muted: oklch(.979 .021 166.1);--warning: oklch(.666 .179 58.3);--warning-foreground: oklch(1 0 0);--warning-muted: oklch(.987 .022 95.3);--info: oklch(.546 .245 262.9);--info-foreground: oklch(1 0 0);--info-muted: oklch(.97 .014 254.6);--shadow-xs: 0 1px 2px 0 rgb(16 24 40 / .06);--shadow-sm: 0 1px 3px 0 rgb(16 24 40 / .08), 0 1px 2px -1px rgb(16 24 40 / .06);--radius: .375rem}@media(prefers-color-scheme:dark){[data-theme=graphite]{--background: oklch(.1685 0 0);--foreground: oklch(.947 0 0);--card: oklch(.2085 0 0);--card-foreground: oklch(.947 0 0);--popover: oklch(.2155 0 0);--popover-foreground: oklch(.958 0 0);--muted: oklch(.2535 0 0);--muted-foreground: oklch(.762 0 0);--accent: oklch(.2835 0 0);--accent-foreground: oklch(.958 0 0);--border: oklch(.309 0 0);--input: oklch(.352 0 0);--ring: oklch(.8305 0 0);--primary: oklch(.8305 0 0);--primary-foreground: oklch(.198 0 0);--secondary: oklch(.3225 0 0);--secondary-foreground: oklch(.8785 0 0);--destructive: oklch(.7 .19 28);--destructive-foreground: oklch(.98 0 0);--success: oklch(.766 .142 163.2);--success-foreground: oklch(.2029 .024 200.1962);--success-muted: oklch(.27 .043 165);--warning: oklch(.828 .159 82.9);--warning-foreground: oklch(.21 .03 60);--warning-muted: oklch(.28 .048 75);--info: oklch(.71 .143 254.6);--info-foreground: oklch(.2 .04 260);--info-muted: oklch(.27 .056 258);--shadow-xs: 0 1px 3px 0 rgb(0 0 0 / .24);--shadow-sm: 0 3px 8px -2px rgb(0 0 0 / .3)}}[data-theme=harbour]{--background: oklch(.9755 .009 258);--foreground: oklch(.2405 .045 258);--card: oklch(.9905 .0044 258);--card-foreground: oklch(.2405 .045 258);--popover: oklch(.9905 .0044 258);--popover-foreground: oklch(.2405 .045 258);--muted: oklch(.9435 .0186 258);--muted-foreground: oklch(.474 .0525 258);--accent: oklch(.9215 .03 258);--accent-foreground: oklch(.2405 .045 258);--border: oklch(.8505 .03 258);--input: oklch(.8505 .03 258);--ring: oklch(.4235 .125 258);--primary: oklch(.4235 .125 258);--primary-foreground: oklch(1 0 0);--secondary: oklch(.9015 .062 62);--secondary-foreground: oklch(.3585 .062 52);--destructive: oklch(.6271 .1936 33.339);--destructive-foreground: oklch(1 0 0);--success: oklch(.596 .129 163.2);--success-foreground: oklch(1 0 0);--success-muted: oklch(.979 .021 166.1);--warning: oklch(.666 .179 58.3);--warning-foreground: oklch(1 0 0);--warning-muted: oklch(.987 .022 95.3);--info: oklch(.546 .245 262.9);--info-foreground: oklch(1 0 0);--info-muted: oklch(.97 .014 254.6);--shadow-xs: 0 1px 2px 0 rgb(16 24 40 / .06);--shadow-sm: 0 1px 3px 0 rgb(16 24 40 / .08), 0 1px 2px -1px rgb(16 24 40 / .06);--radius: .625rem}@media(prefers-color-scheme:dark){[data-theme=harbour]{--background: oklch(.1795 .0161 258);--foreground: oklch(.947 .0059 258);--card: oklch(.2195 .0191 258);--card-foreground: oklch(.947 .0059 258);--popover: oklch(.2265 .0191 258);--popover-foreground: oklch(.958 .0059 258);--muted: oklch(.2645 .0191 258);--muted-foreground: oklch(.762 .0161 258);--accent: oklch(.2945 .022 258);--accent-foreground: oklch(.958 .0059 258);--border: oklch(.316 .0235 258);--input: oklch(.363 .0235 258);--ring: oklch(.7455 .108 262);--primary: oklch(.7455 .108 262);--primary-foreground: oklch(.198 .0324 262);--secondary: oklch(.3345 .045 58);--secondary-foreground: oklch(.8785 .068 62);--destructive: oklch(.7 .19 28);--destructive-foreground: oklch(.98 0 0);--success: oklch(.766 .142 163.2);--success-foreground: oklch(.2029 .024 200.1962);--success-muted: oklch(.27 .043 165);--warning: oklch(.828 .159 82.9);--warning-foreground: oklch(.21 .03 60);--warning-muted: oklch(.28 .048 75);--info: oklch(.71 .143 254.6);--info-foreground: oklch(.2 .04 260);--info-muted: oklch(.27 .056 258);--shadow-xs: 0 1px 3px 0 rgb(0 0 0 / .24);--shadow-sm: 0 3px 8px -2px rgb(0 0 0 / .3)}}[data-theme=hibiscus]{--background: oklch(.9765 .0072 352);--foreground: oklch(.2405 .036 352);--card: oklch(.9915 .0043 352);--card-foreground: oklch(.2405 .036 352);--popover: oklch(.9915 .0043 352);--popover-foreground: oklch(.2405 .036 352);--muted: oklch(.9445 .0149 352);--muted-foreground: oklch(.474 .042 352);--accent: oklch(.9225 .024 352);--accent-foreground: oklch(.2405 .036 352);--border: oklch(.8515 .024 352);--input: oklch(.8515 .024 352);--ring: oklch(.4885 .168 352);--primary: oklch(.4885 .168 352);--primary-foreground: oklch(1 0 0);--secondary: oklch(.9015 .0594 352);--secondary-foreground: oklch(.3595 .09 352);--destructive: oklch(.6271 .1936 33.339);--destructive-foreground: oklch(1 0 0);--success: oklch(.596 .129 163.2);--success-foreground: oklch(1 0 0);--success-muted: oklch(.979 .021 166.1);--warning: oklch(.666 .179 58.3);--warning-foreground: oklch(1 0 0);--warning-muted: oklch(.987 .022 95.3);--info: oklch(.546 .245 262.9);--info-foreground: oklch(1 0 0);--info-muted: oklch(.97 .014 254.6);--shadow-xs: 0 1px 2px 0 rgb(16 24 40 / .06);--shadow-sm: 0 1px 3px 0 rgb(16 24 40 / .08), 0 1px 2px -1px rgb(16 24 40 / .06);--radius: .625rem}@media(prefers-color-scheme:dark){[data-theme=hibiscus]{--background: oklch(.1885 .0175 350);--foreground: oklch(.947 .0065 350);--card: oklch(.2285 .0209 350);--card-foreground: oklch(.947 .0065 350);--popover: oklch(.2355 .0209 350);--popover-foreground: oklch(.958 .0065 350);--muted: oklch(.2735 .0209 350);--muted-foreground: oklch(.762 .0175 350);--accent: oklch(.3035 .024 350);--accent-foreground: oklch(.958 .0065 350);--border: oklch(.325 .0257 350);--input: oklch(.372 .0257 350);--ring: oklch(.7565 .145 352);--primary: oklch(.7565 .145 352);--primary-foreground: oklch(.198 .042 352);--secondary: oklch(.3395 .052 350);--secondary-foreground: oklch(.8845 .0708 352);--destructive: oklch(.7 .19 28);--destructive-foreground: oklch(.98 0 0);--success: oklch(.766 .142 163.2);--success-foreground: oklch(.2029 .024 200.1962);--success-muted: oklch(.27 .043 165);--warning: oklch(.828 .159 82.9);--warning-foreground: oklch(.21 .03 60);--warning-muted: oklch(.28 .048 75);--info: oklch(.71 .143 254.6);--info-foreground: oklch(.2 .04 260);--info-muted: oklch(.27 .056 258);--shadow-xs: 0 1px 3px 0 rgb(0 0 0 / .24);--shadow-sm: 0 3px 8px -2px rgb(0 0 0 / .3)}}[data-theme=lagoon]{--background: oklch(.9795 .004 202);--foreground: oklch(.2405 .0203 202);--card: oklch(.9945 .0024 202);--card-foreground: oklch(.2405 .0203 202);--popover: oklch(.9945 .0024 202);--popover-foreground: oklch(.2405 .0203 202);--muted: oklch(.9475 .0084 202);--muted-foreground: oklch(.474 .0236 202);--accent: oklch(.9255 .0135 202);--accent-foreground: oklch(.2405 .0203 202);--border: oklch(.8545 .0135 202);--input: oklch(.8545 .0135 202);--ring: oklch(.4685 .0801 202);--primary: oklch(.4685 .0801 202);--primary-foreground: oklch(1 0 0);--secondary: oklch(.9025 .048 202);--secondary-foreground: oklch(.3305 .0569 202);--destructive: oklch(.6271 .1936 33.339);--destructive-foreground: oklch(1 0 0);--success: oklch(.596 .129 163.2);--success-foreground: oklch(1 0 0);--success-muted: oklch(.979 .021 166.1);--warning: oklch(.666 .179 58.3);--warning-foreground: oklch(1 0 0);--warning-muted: oklch(.987 .022 95.3);--info: oklch(.546 .245 262.9);--info-foreground: oklch(1 0 0);--info-muted: oklch(.97 .014 254.6);--shadow-xs: 0 1px 2px 0 rgb(16 24 40 / .06);--shadow-sm: 0 1px 3px 0 rgb(16 24 40 / .08), 0 1px 2px -1px rgb(16 24 40 / .06);--radius: .625rem}@media(prefers-color-scheme:dark){[data-theme=lagoon]{--background: oklch(.1795 .0113 202);--foreground: oklch(.947 .0042 202);--card: oklch(.2195 .0135 202);--card-foreground: oklch(.947 .0042 202);--popover: oklch(.2265 .0135 202);--popover-foreground: oklch(.958 .0042 202);--muted: oklch(.2645 .0135 202);--muted-foreground: oklch(.762 .0113 202);--accent: oklch(.2945 .0155 202);--accent-foreground: oklch(.958 .0042 202);--border: oklch(.316 .0166 202);--input: oklch(.363 .0166 202);--ring: oklch(.7885 .105 200);--primary: oklch(.7885 .105 200);--primary-foreground: oklch(.198 .0315 200);--secondary: oklch(.3195 .036 202);--secondary-foreground: oklch(.8765 .062 200);--destructive: oklch(.7 .19 28);--destructive-foreground: oklch(.98 0 0);--success: oklch(.766 .142 163.2);--success-foreground: oklch(.2029 .024 200.1962);--success-muted: oklch(.27 .043 165);--warning: oklch(.828 .159 82.9);--warning-foreground: oklch(.21 .03 60);--warning-muted: oklch(.28 .048 75);--info: oklch(.71 .143 254.6);--info-foreground: oklch(.2 .04 260);--info-muted: oklch(.27 .056 258);--shadow-xs: 0 1px 3px 0 rgb(0 0 0 / .24);--shadow-sm: 0 3px 8px -2px rgb(0 0 0 / .3)}}[data-theme=linen]{--background: oklch(.9775 .005 92);--foreground: oklch(.2405 .0248 92);--card: oklch(.9925 .003 92);--card-foreground: oklch(.2405 .0248 92);--popover: oklch(.9925 .003 92);--popover-foreground: oklch(.2405 .0248 92);--muted: oklch(.9455 .0102 92);--muted-foreground: oklch(.474 .0289 92);--accent: oklch(.9235 .0165 92);--accent-foreground: oklch(.2405 .0248 92);--border: oklch(.8525 .0165 92);--input: oklch(.8525 .0165 92);--ring: oklch(.4025 .052 96);--primary: oklch(.4025 .052 96);--primary-foreground: oklch(1 0 0);--secondary: oklch(.9105 .055 96);--secondary-foreground: oklch(.3455 .048 92);--destructive: oklch(.6271 .1936 33.339);--destructive-foreground: oklch(1 0 0);--success: oklch(.596 .129 163.2);--success-foreground: oklch(1 0 0);--success-muted: oklch(.979 .021 166.1);--warning: oklch(.666 .179 58.3);--warning-foreground: oklch(1 0 0);--warning-muted: oklch(.987 .022 95.3);--info: oklch(.546 .245 262.9);--info-foreground: oklch(1 0 0);--info-muted: oklch(.97 .014 254.6);--shadow-xs: 0 1px 2px 0 rgb(16 24 40 / .06);--shadow-sm: 0 1px 3px 0 rgb(16 24 40 / .08), 0 1px 2px -1px rgb(16 24 40 / .06);--radius: .75rem}@media(prefers-color-scheme:dark){[data-theme=linen]{--background: oklch(.1895 .0124 92);--foreground: oklch(.947 .0046 92);--card: oklch(.2295 .0148 92);--card-foreground: oklch(.947 .0046 92);--popover: oklch(.2365 .0148 92);--popover-foreground: oklch(.958 .0046 92);--muted: oklch(.2745 .0148 92);--muted-foreground: oklch(.762 .0124 92);--accent: oklch(.3045 .017 92);--accent-foreground: oklch(.958 .0046 92);--border: oklch(.326 .0182 92);--input: oklch(.373 .0182 92);--ring: oklch(.8455 .082 98);--primary: oklch(.8455 .082 98);--primary-foreground: oklch(.198 .0246 98);--secondary: oklch(.3285 .032 92);--secondary-foreground: oklch(.8815 .06 98);--destructive: oklch(.7 .19 28);--destructive-foreground: oklch(.98 0 0);--success: oklch(.766 .142 163.2);--success-foreground: oklch(.2029 .024 200.1962);--success-muted: oklch(.27 .043 165);--warning: oklch(.828 .159 82.9);--warning-foreground: oklch(.21 .03 60);--warning-muted: oklch(.28 .048 75);--info: oklch(.71 .143 254.6);--info-foreground: oklch(.2 .04 260);--info-muted: oklch(.27 .056 258);--shadow-xs: 0 1px 3px 0 rgb(0 0 0 / .24);--shadow-sm: 0 3px 8px -2px rgb(0 0 0 / .3)}}[data-theme=plum]{--background: oklch(.9785 .006 318);--foreground: oklch(.2405 .03 318);--card: oklch(.9935 .0036 318);--card-foreground: oklch(.2405 .03 318);--popover: oklch(.9935 .0036 318);--popover-foreground: oklch(.2405 .03 318);--muted: oklch(.9465 .0124 318);--muted-foreground: oklch(.474 .035 318);--accent: oklch(.9245 .02 318);--accent-foreground: oklch(.2405 .03 318);--border: oklch(.8535 .02 318);--input: oklch(.8535 .02 318);--ring: oklch(.4405 .108 318);--primary: oklch(.4405 .108 318);--primary-foreground: oklch(1 0 0);--secondary: oklch(.9055 .055 330);--secondary-foreground: oklch(.3435 .07 318);--destructive: oklch(.6271 .1936 33.339);--destructive-foreground: oklch(1 0 0);--success: oklch(.596 .129 163.2);--success-foreground: oklch(1 0 0);--success-muted: oklch(.979 .021 166.1);--warning: oklch(.666 .179 58.3);--warning-foreground: oklch(1 0 0);--warning-muted: oklch(.987 .022 95.3);--info: oklch(.546 .245 262.9);--info-foreground: oklch(1 0 0);--info-muted: oklch(.97 .014 254.6);--shadow-xs: 0 1px 2px 0 rgb(16 24 40 / .06);--shadow-sm: 0 1px 3px 0 rgb(16 24 40 / .08), 0 1px 2px -1px rgb(16 24 40 / .06);--radius: .75rem}@media(prefers-color-scheme:dark){[data-theme=plum]{--background: oklch(.1855 .0146 318);--foreground: oklch(.947 .0054 318);--card: oklch(.2255 .0174 318);--card-foreground: oklch(.947 .0054 318);--popover: oklch(.2325 .0174 318);--popover-foreground: oklch(.958 .0054 318);--muted: oklch(.2705 .0174 318);--muted-foreground: oklch(.762 .0146 318);--accent: oklch(.3005 .02 318);--accent-foreground: oklch(.958 .0054 318);--border: oklch(.322 .0214 318);--input: oklch(.369 .0214 318);--ring: oklch(.7845 .108 320);--primary: oklch(.7845 .108 320);--primary-foreground: oklch(.198 .0324 320);--secondary: oklch(.3305 .042 318);--secondary-foreground: oklch(.8795 .068 320);--destructive: oklch(.7 .19 28);--destructive-foreground: oklch(.98 0 0);--success: oklch(.766 .142 163.2);--success-foreground: oklch(.2029 .024 200.1962);--success-muted: oklch(.27 .043 165);--warning: oklch(.828 .159 82.9);--warning-foreground: oklch(.21 .03 60);--warning-muted: oklch(.28 .048 75);--info: oklch(.71 .143 254.6);--info-foreground: oklch(.2 .04 260);--info-muted: oklch(.27 .056 258);--shadow-xs: 0 1px 3px 0 rgb(0 0 0 / .24);--shadow-sm: 0 3px 8px -2px rgb(0 0 0 / .3)}}[data-theme=slate]{--background: oklch(.9805 .0025 250);--foreground: oklch(.2405 .012 255);--card: oklch(.9955 .0015 250);--card-foreground: oklch(.2405 .012 255);--popover: oklch(.9955 .0015 250);--popover-foreground: oklch(.2405 .012 255);--muted: oklch(.949 .005 250);--muted-foreground: oklch(.474 .014 255);--accent: oklch(.928 .008 250);--accent-foreground: oklch(.2405 .012 255);--border: oklch(.858 .008 250);--input: oklch(.858 .008 250);--ring: oklch(.452 .075 254);--primary: oklch(.452 .075 254);--primary-foreground: oklch(1 0 0);--secondary: oklch(.906 .033 250);--secondary-foreground: oklch(.318 .055 255);--destructive: oklch(.6271 .1936 33.339);--destructive-foreground: oklch(1 0 0);--success: oklch(.596 .129 163.2);--success-foreground: oklch(1 0 0);--success-muted: oklch(.979 .021 166.1);--warning: oklch(.666 .179 58.3);--warning-foreground: oklch(1 0 0);--warning-muted: oklch(.987 .022 95.3);--info: oklch(.546 .245 262.9);--info-foreground: oklch(1 0 0);--info-muted: oklch(.97 .014 254.6);--shadow-xs: 0 1px 2px 0 rgb(15 23 42 / .06);--shadow-sm: 0 1px 3px 0 rgb(15 23 42 / .08), 0 1px 2px -1px rgb(15 23 42 / .06);--radius: .625rem}@media(prefers-color-scheme:dark){[data-theme=slate]{--background: oklch(.1815 .011 255);--foreground: oklch(.947 .004 250);--card: oklch(.2215 .013 255);--card-foreground: oklch(.947 .004 250);--popover: oklch(.2285 .013 255);--popover-foreground: oklch(.958 .004 250);--muted: oklch(.2665 .013 255);--muted-foreground: oklch(.762 .011 252);--accent: oklch(.2965 .015 255);--accent-foreground: oklch(.958 .004 250);--border: oklch(.318 .016 255);--input: oklch(.365 .016 255);--ring: oklch(.782 .088 250);--primary: oklch(.782 .088 250);--primary-foreground: oklch(.196 .028 255);--secondary: oklch(.322 .031 255);--secondary-foreground: oklch(.878 .05 250);--destructive: oklch(.7 .19 28);--destructive-foreground: oklch(.98 0 0);--success: oklch(.766 .142 163.2);--success-foreground: oklch(.2029 .024 200.1962);--success-muted: oklch(.27 .043 165);--warning: oklch(.828 .159 82.9);--warning-foreground: oklch(.21 .03 60);--warning-muted: oklch(.28 .048 75);--info: oklch(.71 .143 254.6);--info-foreground: oklch(.2 .04 260);--info-muted: oklch(.27 .056 258);--shadow-xs: 0 1px 3px 0 rgb(0 0 0 / .24);--shadow-sm: 0 3px 8px -2px rgb(0 0 0 / .3)}}:root{--page: var(--background);--surface: var(--card);--ink: var(--foreground);--muted-ink: var(--muted-foreground);--line: var(--border);--danger: var(--destructive);--brand: var(--primary)}:root{color:var(--ink);background:var(--page);font-family:Noto Kufi Arabic,Segoe UI,Arial,system-ui,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.catalog{min-height:100vh;background:radial-gradient(circle at 15% -5%,color-mix(in srgb,var(--brand) 12%,transparent),transparent 35rem),radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--brand) 5%,transparent),transparent 28rem),var(--page)}.hero{display:flex;align-items:center;justify-content:space-between;gap:2rem;max-width:1240px;margin:auto;padding:3.5rem 1.5rem 2.25rem}.brand{display:flex;align-items:center;gap:1.25rem;min-width:0}.logo{position:relative;width:5.25rem;height:5.25rem;flex:0 0 auto;border-radius:1.5rem;overflow:hidden;background:var(--surface);box-shadow:0 12px 32px color-mix(in srgb,var(--brand) 15%,rgba(0,0,0,.08)),0 0 0 1px #0000000f;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1)}.logo:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 18px 40px color-mix(in srgb,var(--brand) 22%,rgba(0,0,0,.12)),0 0 0 1px color-mix(in srgb,var(--brand) 30%,transparent)}.logo .image-wrapper,.logo .catalog-image{width:100%;height:100%}.eyebrow{display:inline-block;color:var(--brand);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1{margin:.2rem 0 0;font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.08;letter-spacing:-.04em;font-weight:800;color:var(--ink);overflow-wrap:anywhere}.language-button{border:1px solid var(--line);border-radius:999px;background:#ffffffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.6rem 1.1rem;font-size:.88rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #00000008;transition:all .2s cubic-bezier(.16,1,.3,1)}.language-button:hover,.language-button:focus-visible{border-color:var(--brand);color:var(--brand);background:var(--surface);box-shadow:0 4px 16px color-mix(in srgb,var(--brand) 20%,transparent);outline:none}.content{max-width:1240px;min-height:58vh;margin:auto;padding:0 1.5rem 4rem}.toolbar{position:sticky;top:0;z-index:8;padding:.85rem 0 1.25rem;background:#f7f5f2d1;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid rgba(222,217,210,.4);margin-bottom:1.75rem}.search{display:flex;align-items:center;gap:.65rem;width:min(100%,34rem);border:1px solid var(--line);border-radius:1.1rem;background:var(--surface);padding:0 .9rem;box-shadow:0 6px 20px #342b450d;transition:all .2s ease}.search:focus-within{border-color:var(--brand);box-shadow:0 8px 24px color-mix(in srgb,var(--brand) 12%,transparent),0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.search-icon{color:var(--muted-ink);font-size:1.2rem;pointer-events:none}.search input{width:100%;padding:.8rem 0;border:0;outline:0;background:transparent;color:var(--ink);font-size:.95rem}.search input::placeholder{color:var(--muted-ink)}.search-clear-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:0;border-radius:50%;background:var(--muted);color:var(--muted-ink);font-size:.75rem;cursor:pointer;transition:background .15s ease,color .15s ease}.search-clear-btn:hover{background:var(--line);color:var(--ink)}.chips{display:flex;gap:.55rem;margin-top:1rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none;-ms-overflow-style:none}.chips::-webkit-scrollbar{display:none}.chips button{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:#ffffffd9;padding:.52rem .95rem;font-size:.88rem;font-weight:500;color:var(--muted-ink);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.chips button:hover{border-color:color-mix(in srgb,var(--brand) 40%,transparent);color:var(--ink);background:var(--surface)}.chips button.active{border-color:var(--brand);background:var(--brand);color:var(--surface);font-weight:600;box-shadow:0 4px 14px color-mix(in srgb,var(--brand) 35%,transparent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.35rem}.item-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:1.35rem;background:var(--surface);padding:0;text-align:start;cursor:pointer;box-shadow:0 4px 20px #2d243e0d;transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1),border-color .24s ease}.item-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--brand) 30%,transparent);box-shadow:0 16px 40px -8px color-mix(in srgb,var(--brand) 12%,rgba(45,36,62,.12))}.item-card:hover .catalog-image{transform:scale(1.04)}.item-card:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 50%,transparent);outline-offset:3px}.item-image{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--muted)}.image-wrapper{position:relative;width:100%;height:100%}.shimmer-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--muted) 0%,var(--muted) 50%,var(--muted) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.catalog-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s ease}.is-loading .catalog-image{opacity:0}.is-loaded .catalog-image{opacity:1}.image-placeholder{display:grid;width:100%;height:100%;place-items:center;color:var(--surface);background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 45%,var(--ink)));font-size:2.5rem;font-weight:800}.item-image .sold-out{position:absolute;top:.75rem;inset-inline-end:.75rem;z-index:2}.sold-out{display:inline-flex;align-items:center;gap:.3rem;width:max-content;border-radius:999px;background:#1e1926e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--surface);padding:.35rem .7rem;font-size:.73rem;font-weight:700;letter-spacing:.02em}.sold-out:before{content:"";display:inline-block;width:.4rem;height:.4rem;border-radius:50%;background:var(--danger)}.item-copy{display:flex;flex-direction:column;flex:1;padding:1.1rem 1.1rem 1.25rem}.item-copy h2{margin:0;font-size:1.08rem;font-weight:700;line-height:1.35;color:var(--ink)}.item-copy p{display:-webkit-box;overflow:hidden;margin:.45rem 0 .9rem;color:var(--muted-ink);font-size:.86rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.item-copy .item-price{margin-top:auto;display:block;color:var(--brand);font-size:.98rem;font-weight:800}.empty,.state-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:52vh;padding:3rem 1rem;color:var(--muted-ink);text-align:center}.empty-mark,.state-mark{color:var(--brand);font-size:3rem;font-weight:800;margin-bottom:.75rem}.empty p{margin:.25rem 0 1.25rem;font-size:1.05rem}.reset-button,.state-page button{border:0;border-radius:999px;background:var(--brand);color:var(--surface);padding:.65rem 1.35rem;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb,var(--brand) 35%,transparent);transition:transform .18s ease,box-shadow .18s ease}.reset-button:hover,.state-page button:hover{transform:translateY(-1px);box-shadow:0 6px 20px color-mix(in srgb,var(--brand) 45%,transparent)}.loader{width:2.5rem;height:2.5rem;border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}footer{padding:2.5rem 1.5rem;color:var(--muted-ink);text-align:center;font-size:.82rem;border-top:1px solid rgba(222,217,210,.4)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;align-items:center;justify-items:center;background:#14101a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:1.5rem;animation:fadeIn .2s cubic-bezier(.16,1,.3,1)}.detail-sheet{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);width:min(100%,960px);max-height:min(88vh,740px);margin:auto;overflow:auto;border-radius:1.75rem;background:var(--surface);box-shadow:0 24px 80px #00000040;animation:sheetPop .25s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sheetPop{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.detail-image{min-height:26rem;background:var(--muted)}.detail-image .image-wrapper,.detail-image .catalog-image{width:100%;height:100%;object-fit:cover}.detail-copy{display:flex;flex-direction:column;align-items:flex-start;padding:3.25rem 2.25rem 2.25rem}.detail-copy h2{margin:.6rem 0;font-size:1.85rem;font-weight:800;line-height:1.2;color:var(--ink)}.detail-copy p{color:var(--muted-ink);font-size:.95rem;line-height:1.7;white-space:pre-line}.detail-price{margin:.6rem 0 1.5rem;color:var(--brand);font-size:1.25rem;font-weight:800}.close-button{position:absolute;z-index:10;top:1rem;inset-inline-end:1rem;width:2.4rem;height:2.4rem;border:0;border-radius:50%;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--ink);font-size:1.4rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #0000001f;transition:transform .18s ease,background .18s ease}.close-button:hover{transform:scale(1.08);background:var(--surface)}.variants{width:100%;border-top:1px solid var(--muted);padding-top:1.2rem;margin-top:auto}.variants h3{margin:0 0 .5rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--muted-ink)}.variant{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--line);font-size:.92rem;color:var(--ink)}.variant span:last-child{font-weight:700;color:var(--brand)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.hero{align-items:flex-start;padding-top:2rem}.logo{width:4.25rem;height:4.25rem;border-radius:1.2rem}.language-button{padding:.5rem .85rem;font-size:.82rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.item-card{border-radius:1.1rem}.item-copy{padding:.85rem}.item-copy h2{font-size:.98rem}.dialog-backdrop{align-items:end;padding:0}.detail-sheet{grid-template-columns:1fr;border-radius:1.75rem 1.75rem 0 0;max-height:85vh}.detail-image{min-height:0;aspect-ratio:4 / 3}.detail-copy{padding:1.5rem}.detail-copy h2{font-size:1.45rem}}@media(max-width:430px){.hero,.content{padding-inline:1rem}.brand{gap:.85rem}h1{font-size:1.65rem}.logo{width:3.6rem;height:3.6rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}
