.md-notification-icon{display:inline-block;width:40px;/* Size of the icon (can be changed) */ height:40px;/* Size of the icon (can be changed) */ padding:0;border-radius:50%;background-color:transparent;/* Remove background */ text-align:center}.md-notification-icon img{width:100%;/* Icon fills the container */ height:100%;/* Icon fills the container */ object-fit:contain;/* Fit the icon inside the container */}.material-icons{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga";direction:ltr;font-family:"Instrument Sans Variable",sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;--tw-contain-size:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-style:}*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:"Instrument Sans Variable",sans-serif;line-height:1.5}body{line-height:inherit;margin:0}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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type="button"]),input:where([type="reset"]),input:where([type="submit"]){-webkit-appearance:button;background-color:#0000;background-image:none}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}ol,ul,menu{margin:0;padding:0;list-style:none}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role="button"]{cursor:pointer}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden="until-found"])){display:none}:root,[data-theme]{background-color:var(--fallback-b1,oklch(var(--b1) / 1));color:var(--fallback-bc,oklch(var(--bc) / 1))}@supports not (color:oklch(0% 0 0)){:root{--lightningcss-light:initial;--lightningcss-dark:;color-scheme:light;--fallback-p:#491eff;--fallback-pc:#d4dbff;--fallback-s:#ff41c7;--fallback-sc:#fff9fc;--fallback-a:#00cfbd;--fallback-ac:#00100d;--fallback-n:#2b3440;--fallback-nc:#d7dde4;--fallback-b1:#fff;--fallback-b2:#e5e6e6;--fallback-b3:#e5e6e6;--fallback-bc:#1f2937;--fallback-in:#00b3f0;--fallback-inc:#000;--fallback-su:#00ca92;--fallback-suc:#000;--fallback-wa:#ffc22d;--fallback-wac:#000;--fallback-er:#ff6f70;--fallback-erc:#000}@media (prefers-color-scheme:dark){:root{--lightningcss-light:;--lightningcss-dark:initial;color-scheme:dark;--fallback-p:#7582ff;--fallback-pc:#050617;--fallback-s:#ff71cf;--fallback-sc:#190211;--fallback-a:#00c7b5;--fallback-ac:#000e0c;--fallback-n:#2a323c;--fallback-nc:#a6adbb;--fallback-b1:#1d232a;--fallback-b2:#191e24;--fallback-b3:#15191e;--fallback-bc:#a6adbb;--fallback-in:#00b3f0;--fallback-inc:#000;--fallback-su:#00ca92;--fallback-suc:#000;--fallback-wa:#ffc22d;--fallback-wac:#000;--fallback-er:#ff6f70;--fallback-erc:#000}}}html{-webkit-tap-highlight-color:transparent}*{scrollbar-color:color-mix(in oklch,currentColor 35%,transparent) transparent}:root{--lightningcss-light:initial;--lightningcss-dark:;color-scheme:light;--in:72.06% 0.191 231.6;--su:64.8% 0.15 160;--wa:84.71% 0.199 83.87;--er:71.76% 0.221 22.18;--pc:89.824% 0.06192 275.75;--ac:15.352% 0.0368 183.61;--inc:0% 0 0;--suc:0% 0 0;--wac:0% 0 0;--erc:0% 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:0.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:49.12% 0.3096 275.75;--s:69.71% 0.329 342.55;--sc:98.71% 0.0106 342.55;--a:76.76% 0.184 183.61;--n:32.1785% 0.02476 255.702;--nc:89.4994% 0.011585 252.096;--b1:100% 0 0;--b2:96.1151% 0 0;--b3:92.4169% 0.00108 197.138;--bc:27.8078% 0.029596 256.848}@media (prefers-color-scheme:dark){:root{--lightningcss-light:;--lightningcss-dark:initial;color-scheme:dark;--in:72.06% 0.191 231.6;--su:64.8% 0.15 160;--wa:84.71% 0.199 83.87;--er:71.76% 0.221 22.18;--pc:13.138% 0.0392 275.75;--sc:14.96% 0.052 342.55;--ac:14.902% 0.0334 183.61;--inc:0% 0 0;--suc:0% 0 0;--wac:0% 0 0;--erc:0% 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:0.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:65.69% 0.196 275.75;--s:74.8% 0.26 342.55;--a:74.51% 0.167 183.61;--n:31.3815% 0.021108 254.139;--nc:74.6477% 0.0216 264.436;--b1:25.3267% 0.015896 252.418;--b2:23.2607% 0.013807 253.101;--b3:21.1484% 0.01165 254.088;--bc:74.6477% 0.0216 264.436}}[data-theme="light"]{--lightningcss-light:initial;--lightningcss-dark:;color-scheme:light;--in:72.06% 0.191 231.6;--su:64.8% 0.15 160;--wa:84.71% 0.199 83.87;--er:71.76% 0.221 22.18;--pc:89.824% 0.06192 275.75;--ac:15.352% 0.0368 183.61;--inc:0% 0 0;--suc:0% 0 0;--wac:0% 0 0;--erc:0% 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:0.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:49.12% 0.3096 275.75;--s:69.71% 0.329 342.55;--sc:98.71% 0.0106 342.55;--a:76.76% 0.184 183.61;--n:32.1785% 0.02476 255.702;--nc:89.4994% 0.011585 252.096;--b1:100% 0 0;--b2:96.1151% 0 0;--b3:92.4169% 0.00108 197.138;--bc:27.8078% 0.029596 256.848}[data-theme="dark"]{--lightningcss-light:;--lightningcss-dark:initial;color-scheme:dark;--in:72.06% 0.191 231.6;--su:64.8% 0.15 160;--wa:84.71% 0.199 83.87;--er:71.76% 0.221 22.18;--pc:13.138% 0.0392 275.75;--sc:14.96% 0.052 342.55;--ac:14.902% 0.0334 183.61;--inc:0% 0 0;--suc:0% 0 0;--wac:0% 0 0;--erc:0% 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:0.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:65.69% 0.196 275.75;--s:74.8% 0.26 342.55;--a:74.51% 0.167 183.61;--n:31.3815% 0.021108 254.139;--nc:74.6477% 0.0216 264.436;--b1:25.3267% 0.015896 252.418;--b2:23.2607% 0.013807 253.101;--b3:21.1484% 0.01165 254.088;--bc:74.6477% 0.0216 264.436}.avatar>div{aspect-ratio:1;display:block;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.placeholder>div{justify-content:center;align-items:center;display:flex}@media (hover:hover){.label a:hover{--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc) / var(--tw-text-opacity)))}.menu li>:not(ul,.menu-title,details,.btn):active,.menu li>:not(ul,.menu-title,details,.btn).active,.menu li>details>summary:active{--tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n) / var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc) / var(--tw-text-opacity)))}}.btn-disabled,.btn[disabled],.btn:disabled{pointer-events:none}:where(.btn:is(input[type="checkbox"])),:where(.btn:is(input[type="radio"])){appearance:none;width:auto}.btn:is(input[type="checkbox"]):after,.btn:is(input[type="radio"]):after{--tw-content:attr(aria-label);content:var(--tw-content)}.drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}@media (hover:hover){.btn:hover{--tw-border-opacity:1;border-color:var(--fallback-b3,oklch(var(--b3) / var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3) / var(--tw-bg-opacity)))}@supports (color:color-mix(in oklab,black,black)){.btn:hover{background-color:color-mix( in oklab,oklch(var(--btn-color,var(--b2)) / var(--tw-bg-opacity,1)) 90%,black );border-color:color-mix( in oklab,oklch(var(--btn-color,var(--b2)) / var(--tw-border-opacity,1)) 90%,black )}}@supports not (color:oklch(0% 0 0)){.btn:hover{background-color:var(--btn-color,var(--fallback-b2));border-color:var(--btn-color,var(--fallback-b2))}}.btn.glass:hover{--glass-opacity:25%;--glass-border-opacity:15%}.btn-ghost:hover{border-color:#0000}@supports (color:oklch(0% 0 0)){.btn-ghost:hover{background-color:var(--fallback-bc,oklch(var(--bc) / 0.2))}}.btn-outline.btn-accent:hover{--tw-text-opacity:1;color:var(--fallback-ac,oklch(var(--ac) / var(--tw-text-opacity)))}@supports (color:color-mix(in oklab,black,black)){.btn-outline.btn-accent:hover{background-color:color-mix(in oklab,var(--fallback-a,oklch(var(--a) / 1)) 90%,black);border-color:color-mix(in oklab,var(--fallback-a,oklch(var(--a) / 1)) 90%,black)}}.btn-outline.btn-warning:hover{--tw-text-opacity:1;color:var(--fallback-wac,oklch(var(--wac) / var(--tw-text-opacity)))}@supports (color:color-mix(in oklab,black,black)){.btn-outline.btn-warning:hover{background-color:color-mix(in oklab,var(--fallback-wa,oklch(var(--wa) / 1)) 90%,black);border-color:color-mix(in oklab,var(--fallback-wa,oklch(var(--wa) / 1)) 90%,black)}}.btn-outline.btn-error:hover{--tw-text-opacity:1;color:var(--fallback-erc,oklch(var(--erc) / var(--tw-text-opacity)))}@supports (color:color-mix(in oklab,black,black)){.btn-outline.btn-error:hover{background-color:color-mix(in oklab,var(--fallback-er,oklch(var(--er) / 1)) 90%,black);border-color:color-mix(in oklab,var(--fallback-er,oklch(var(--er) / 1)) 90%,black)}}.btn-disabled:hover,.btn[disabled]:hover,.btn:disabled:hover{--tw-border-opacity:0;background-color:var(--fallback-n,oklch(var(--n) / var(--tw-bg-opacity)));--tw-bg-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc) / var(--tw-text-opacity)));--tw-text-opacity:0.2}@supports (color:color-mix(in oklab,black,black)){.btn:is(input[type="checkbox"]:checked):hover,.btn:is(input[type="radio"]:checked):hover{background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p) / 1)) 90%,black);border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p) / 1)) 90%,black)}}:where(.menu li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)):not(.active,.btn):hover,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.active,.btn):hover{cursor:pointer;outline-offset:2px;outline:2px solid #0000}@supports (color:oklch(0% 0 0)){:where(.menu li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)):not(.active,.btn):hover,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.active,.btn):hover{background-color:var(--fallback-bc,oklch(var(--bc) / 0.1))}}}.footer>*{place-items:start;gap:0.5rem;display:grid}.join:where(.join-item),.join .join-item:not(:first-child):not(:last-child),.join:not(:first-child):not(:last-child) .join-item{border-start-start-radius:0;border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:0}.join:where(.join-item:first-child:not(:last-child)),.join:where(:first-child:not(:last-child) .join-item){border-start-start-radius:inherit;border-end-start-radius:inherit}.join:where(.join-item:last-child:not(:first-child)),.join:where(:last-child:not(:first-child) .join-item){border-start-end-radius:inherit;border-end-end-radius:inherit}@supports not selector(:has(*)){:where(.join *){border-radius:inherit}}@supports selector(:has(*)){:where(.join:has(.join-item)){border-radius:inherit}}.menu:where(li:not(.menu-title)>:not(ul,details,.menu-title,.btn)),.menu:where(li:not(.menu-title)>details>summary:not(.menu-title)){-webkit-user-select:none;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:0.5rem;display:grid}.menu li.disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;color:var(--fallback-bc,oklch(var(--bc) / 0.3))}:where(.menu li) .badge{justify-self:end}.modal{pointer-events:none;opacity:0;overscroll-behavior:contain;z-index:999;width:100%;max-width:none;height:100%;max-height:none;color:inherit;background-color:#0000;justify-items:center;margin:0;padding:0;transition-property:transform,opacity,visibility;transition-duration:0.2s;transition-timing-function:cubic-bezier(0,0,0.2,1);display:grid;position:fixed;inset:0;overflow-y:hidden}:where(.modal){align-items:center}.modal-box{--tw-scale-x:0.9;--tw-scale-y:0.9;width:91.6667%;max-width:32rem;max-height:calc(100vh - 5em);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-bottom-right-radius:var(--rounded-box,1rem);border-bottom-left-radius:var(--rounded-box,1rem);border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem);--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1) / var(--tw-bg-opacity)));overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;padding:1.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:0.2s;transition-timing-function:cubic-bezier(0,0,0.2,1);overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.modal-open,.modal:target,.modal-toggle:checked + .modal,.modal[open]{pointer-events:auto;visibility:visible;opacity:1}.modal-action{justify-content:flex-end;margin-top:1.5rem;display:flex}.modal-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed}:root:has(:is(.modal-open,.modal:target,.modal-toggle:checked + .modal,.modal[open])){scrollbar-gutter:stable;overflow:hidden}.rating:where(input){cursor:pointer;animation:rating-pop var(--animation-input,0.25s) ease-out;background-color:var(--fallback-bc,oklch(var(--bc) / var(--tw-bg-opacity)));--tw-bg-opacity:1;border-radius:0;width:1.5rem;height:1.5rem}:where(.stats){grid-auto-flow:column;overflow-x:auto}.swap>*{grid-row-start:1;grid-column-start:1;transition-property:transform,opacity;transition-duration:0.3s;transition-timing-function:cubic-bezier(0,0,0.2,1)}.swap input{appearance:none}.swap .swap-on,.swap .swap-indeterminate,.swap input:indeterminate ~ .swap-on,.swap input:checked ~ .swap-off,.swap-active .swap-off,.swap input:indeterminate ~ .swap-off{opacity:0}.swap input:checked ~ .swap-on,.swap-active .swap-on,.swap input:indeterminate ~ .swap-indeterminate{opacity:1}.avatar-group:where(.avatar){--tw-border-opacity:1;border-width:4px;border-color:var(--fallback-b1,oklch(var(--b1) / var(--tw-border-opacity)));border-radius:9999px;overflow:hidden}.btm-nav>* .label{font-size:1rem;line-height:1.5rem}@media (prefers-reduced-motion:no-preference){.btn{animation:button-pop var(--animation-btn,0.25s) ease-out}}.btn:active:hover,.btn:active:focus{transform:scale(var(--btn-focus-scale,0.97));animation:ease-out button-pop}@supports not (color:oklch(0% 0 0)){.btn{background-color:var(--btn-color,var(--fallback-b2));border-color:var(--btn-color,var(--fallback-b2))}.btn-accent{--btn-color:var(--fallback-a)}.btn-warning{--btn-color:var(--fallback-wa)}.btn-error{--btn-color:var(--fallback-er)}}@supports (color:color-mix(in oklab,black,black)){.btn-outline.btn-accent.btn-active{background-color:color-mix(in oklab,var(--fallback-a,oklch(var(--a) / 1)) 90%,black);border-color:color-mix(in oklab,var(--fallback-a,oklch(var(--a) / 1)) 90%,black)}.btn-outline.btn-warning.btn-active{background-color:color-mix(in oklab,var(--fallback-wa,oklch(var(--wa) / 1)) 90%,black);border-color:color-mix(in oklab,var(--fallback-wa,oklch(var(--wa) / 1)) 90%,black)}.btn-outline.btn-error.btn-active{background-color:color-mix(in oklab,var(--fallback-er,oklch(var(--er) / 1)) 90%,black);border-color:color-mix(in oklab,var(--fallback-er,oklch(var(--er) / 1)) 90%,black)}}@supports (color:oklch(0% 0 0)){.btn-accent{--btn-color:var(--a)}.btn-warning{--btn-color:var(--wa)}.btn-error{--btn-color:var(--er)}}.btn-accent{--tw-text-opacity:1;color:var(--fallback-ac,oklch(var(--ac) / var(--tw-text-opacity)));outline-color:var(--fallback-a,oklch(var(--a) / 1))}.btn-warning{--tw-text-opacity:1;color:var(--fallback-wac,oklch(var(--wac) / var(--tw-text-opacity)));outline-color:var(--fallback-wa,oklch(var(--wa) / 1))}.btn.glass{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline-color:currentColor}.btn.glass.btn-active{--glass-opacity:25%;--glass-border-opacity:15%}.btn-ghost.btn-active{background-color:var(--fallback-bc,oklch(var(--bc) / 0.2));border-color:#0000}.btn-outline.btn-accent{--tw-text-opacity:1;color:var(--fallback-a,oklch(var(--a) / var(--tw-text-opacity)))}.btn-outline.btn-accent.btn-active{--tw-text-opacity:1;color:var(--fallback-ac,oklch(var(--ac) / var(--tw-text-opacity)))}.btn-outline.btn-warning{--tw-text-opacity:1;color:var(--fallback-wa,oklch(var(--wa) / var(--tw-text-opacity)))}.btn-outline.btn-warning.btn-active{--tw-text-opacity:1;color:var(--fallback-wac,oklch(var(--wac) / var(--tw-text-opacity)))}.btn-outline.btn-error.btn-active{--tw-text-opacity:1;color:var(--fallback-erc,oklch(var(--erc) / var(--tw-text-opacity)))}.btn.btn-disabled,.btn[disabled],.btn:disabled{--tw-border-opacity:0;background-color:var(--fallback-n,oklch(var(--n) / var(--tw-bg-opacity)));--tw-bg-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc) / var(--tw-text-opacity)));--tw-text-opacity:0.2}.btn:is(input[type="checkbox"]:checked),.btn:is(input[type="radio"]:checked){--tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p) / var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p) / var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc) / var(--tw-text-opacity)))}.btn:is(input[type="checkbox"]:checked):focus-visible,.btn:is(input[type="radio"]:checked):focus-visible{outline-color:var(--fallback-p,oklch(var(--p) / 1))}@keyframes button-pop{0%{transform:scale(var(--btn-focus-scale,0.98))}40%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes checkmark{0%{background-position-y:5px}50%{background-position-y:-2px}to{background-position-y:0}}.input input{--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p) / var(--tw-bg-opacity)));background-color:#0000}.input input:focus{outline-offset:2px;outline:2px solid #0000}.menu:where(li:not(.menu-title)>:not(ul,details,.menu-title,.btn)),.menu:where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--rounded-btn,0.5rem);text-align:start;text-wrap:balance;padding:0.5rem 1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:0.2s;transition-timing-function:cubic-bezier(0,0,0.2,1)}:where(.menu li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)):not(summary,.active,.btn).focus,:where(.menu li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)):not(summary,.active,.btn):focus,:where(.menu li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)):is(summary):not( .active,.btn ):focus-visible,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(summary,.active,.btn).focus,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(summary,.active,.btn):focus,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):is(summary):not( .active,.btn ):focus-visible{cursor:pointer;background-color:var(--fallback-bc,oklch(var(--bc) / 0.1));--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc) / var(--tw-text-opacity)));outline-offset:2px;outline:2px solid #0000}.menu li>:not(ul,.menu-title,details,.btn):active,.menu li>:not(ul,.menu-title,details,.btn).active,.menu li>details>summary:active{--tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n) / var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc) / var(--tw-text-opacity)))}.menu:where(li>details>summary)::-webkit-details-marker{display:none}.menu:where(li>details>summary):after,.menu:where(li>.menu-dropdown-toggle):after{content:"";transform-origin:75% 75%;pointer-events:none;justify-self:end;width:0.5rem;height:0.5rem;margin-top:-0.5rem;transition-property:transform,margin-top;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.4,0,0.2,1);display:block;transform:rotate(45deg);box-shadow:2px 2px}.menu:where(li>details[open]>summary):after,.menu:where(li>.menu-dropdown-toggle.menu-dropdown-show):after{margin-top:0;transform:rotate(225deg)}.modal:not(dialog:not(.modal-open)),.modal::backdrop{background-color:#0006;animation:0.2s ease-out modal-pop}.modal-open .modal-box,.modal-toggle:checked + .modal .modal-box,.modal:target .modal-box,.modal[open] .modal-box{--tw-translate-y:0px;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.modal-action>:not([hidden]) ~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}.modal-action:where([dir="rtl"],[dir="rtl"] *)>:not([hidden]) ~:not([hidden]){--tw-space-x-reverse:1}@keyframes modal-pop{0%{opacity:0}}@keyframes progress-loading{50%{background-position-x:-115%}}@keyframes radiomark{0%{box-shadow:0 0 0 12px var(--fallback-b1,oklch(var(--b1) / 1)) inset,0 0 0 12px var(--fallback-b1,oklch(var(--b1) / 1)) inset}50%{box-shadow:0 0 0 3px var(--fallback-b1,oklch(var(--b1) / 1)) inset,0 0 0 3px var(--fallback-b1,oklch(var(--b1) / 1)) inset}to{box-shadow:0 0 0 4px var(--fallback-b1,oklch(var(--b1) / 1)) inset,0 0 0 4px var(--fallback-b1,oklch(var(--b1) / 1)) inset}}.rating input{appearance:none}.rating input:checked ~ input,.rating input[aria-checked="true"] ~ input{--tw-bg-opacity:0.2}.rating input:focus-visible{transition-property:transform;transition-duration:0.3s;transition-timing-function:cubic-bezier(0,0,0.2,1);transform:translateY(-0.125em)}.rating input:active:focus{animation:none;transform:translateY(-0.125em)}@keyframes rating-pop{0%{transform:translateY(-0.125em)}40%{transform:translateY(-0.125em)}to{transform:translateY(0)}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}:where(.stats)>:not([hidden]) ~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)));--tw-divide-y-reverse:0;border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px * var(--tw-divide-y-reverse))}.steps .step[data-content]:after{content:attr(data-content)}@keyframes toast-pop{0%{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}.toggle:checked,.toggle[aria-checked="true"]{--handleoffsetcalculator:var(--handleoffset);--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc) / var(--tw-text-opacity)));background-image:none}[dir="rtl"] .toggle:checked,[dir="rtl"] .toggle[aria-checked="true"]{--handleoffsetcalculator:calc(var(--handleoffset) * -1)}.toggle:indeterminate{--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc) / var(--tw-text-opacity)));box-shadow:calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset}[dir="rtl"] .toggle:indeterminate{box-shadow:calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset}.toggle:disabled{cursor:not-allowed;--tw-border-opacity:1;border-color:var(--fallback-bc,oklch(var(--bc) / var(--tw-border-opacity)));opacity:0.3;--togglehandleborder:0 0 0 3px var(--fallback-bc,oklch(var(--bc) / 1)) inset,var(--handleoffsetcalculator) 0 0 3px var(--fallback-bc,oklch(var(--bc) / 1)) inset;background-color:#0000}.btn-square:where(.btn-xs){width:1.5rem;height:1.5rem;padding:0}.btn-square:where(.btn-sm){width:2rem;height:2rem;padding:0}.join.join-vertical>:where(:not(:first-child)){margin-top:-1px;margin-left:0;margin-right:0}.join.join-vertical>:where(:not(:first-child)).btn{margin-top:calc(var(--border-btn) * -1)}.join.join-horizontal>:where(:not(:first-child)){margin-top:0;margin-bottom:0;margin-inline-start:-1px}.join.join-horizontal>:where(:not(:first-child)).btn{margin-inline-start:calc(var(--border-btn) * -1);margin-top:0}.modal-top:where(.modal-box){--tw-translate-y:-2.5rem;--tw-scale-x:1;--tw-scale-y:1;width:100%;max-width:none;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-bottom-right-radius:var(--rounded-box,1rem);border-bottom-left-radius:var(--rounded-box,1rem);border-top-left-radius:0;border-top-right-radius:0}.modal-middle:where(.modal-box){--tw-translate-y:0px;--tw-scale-x:0.9;--tw-scale-y:0.9;width:91.6667%;max-width:32rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem);border-bottom-right-radius:var(--rounded-box,1rem);border-bottom-left-radius:var(--rounded-box,1rem)}.modal-bottom:where(.modal-box){--tw-translate-y:2.5rem;--tw-scale-x:1;--tw-scale-y:1;width:100%;max-width:none;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem);border-bottom-right-radius:0;border-bottom-left-radius:0}.steps-horizontal .step:where([dir="rtl"],[dir="rtl"] *):before{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.steps-vertical .step:where([dir="rtl"],[dir="rtl"] *):before{--tw-translate-x:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:0.5rem;margin-bottom:0.5rem}.mb-5{margin-bottom:1.25rem}.mt-10{margin-top:2.5rem}.mt-6{margin-top:1.5rem}.flex{display:flex}.h-1{height:0.25rem}.min-h-screen{min-height:100vh}.max-w-4xl{max-width:56rem}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:0.75rem}.rounded-xl{border-radius:0.75rem}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128 / var(--tw-bg-opacity,1))}.px-3{padding-left:0.75rem;padding-right:0.75rem}.text-center{text-align:center}.text-justify{text-align:justify}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}:root{--background-light:#f4f4f4;--background-dark:#2f323b;--text-light:#555;--text-dark:#fff;--link-light:#4583b5;--link-dark:#4caf50;--divider-light:#333;--divider-dark:#555;--md-surface:#121212;--md-surface-variant:#1e1e1e;--md-on-surface:#e1e1e1;--md-on-surface-variant:#c4c4c4;--md-primary:#3b82f6;--md-primary-container:#1e3a5f;--md-secondary:#60a5fa;--md-error:#cf6679;--md-warning:#ffb74d;--md-success:#81c784;--elevation-1:0 1px 3px #0000001f,0 1px 2px #0000003d;--elevation-2:0 3px 6px #00000029,0 3px 6px #0000003b;--elevation-3:0 10px 20px #00000030,0 6px 6px #0000003b;--elevation-4:0 14px 28px #00000040,0 10px 10px #00000038;--elevation-5:0 19px 38px #0000004d,0 15px 12px #00000038}*{font-family:"Instrument Sans Variable",sans-serif}body{background-color:var(--md-surface);color:var(--md-on-surface);line-height:1.5;overflow-x:visible}[data-theme="light"]{--md-surface:#fafafa;--md-surface-variant:#f5f5f5;--md-on-surface:#1a1a1a;--md-on-surface-variant:#5f5f5f;--md-primary:#2c6fdc;--md-primary-container:#e8def8;--md-secondary:#018786;--md-error:#b00020;--md-warning:#f57c00;--md-success:#2e7d32}[data-theme="light"] body{background-color:var(--md-surface);color:var(--md-on-surface)}.md-app-bar{background-color:var(--md-surface-variant);box-shadow:var(--elevation-2);z-index:1000;position:sticky;top:0}.md-app-bar-content{align-items:center;gap:24px;max-width:1280px;height:64px;margin:0 auto;padding:0 16px;display:flex}.md-menu-toggle{width:48px;height:48px;color:var(--md-on-surface);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color 0.2s;display:none}.md-menu-toggle:hover{background-color:#ffffff14}.md-menu-toggle:active{background-color:#ffffff1f}.md-nav-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.md-nav-drawer{background-color:var(--md-surface-variant);width:280px;height:calc(100vh - 64px);box-shadow:var(--elevation-4);z-index:999;padding:16px;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);position:fixed;top:64px;right:0;overflow-y:auto;transform:translate(100%)}.md-nav-drawer.open{transform:translate(0)}.md-nav-drawer .md-chip{text-align:center;width:100%;margin-bottom:8px;display:block}.md-nav-drawer .md-icon-button{border-radius:8px;width:100%;margin-top:8px}.md-nav-overlay{z-index:998;opacity:0;/* iOS-like premium background (no dark dim) */ background:rgba(255,255,255,0.04);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);width:100%;height:calc(100vh - 64px);transition:opacity .35s cubic-bezier(.2,.8,.2,1),backdrop-filter .35s cubic-bezier(.2,.8,.2,1),-webkit-backdrop-filter .35s cubic-bezier(.2,.8,.2,1);display:none;position:fixed;top:64px;left:0}.md-nav-overlay.visible{opacity:1;display:block;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.md-icon-button{width:48px;height:48px;color:var(--md-on-surface);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color 0.2s;display:flex}.md-icon-button:hover{background-color:#ffffff14}.md-icon-button:active{background-color:#ffffff1f}.md-surface-container{background-color:var(--md-surface-variant);border-radius:12px;margin-bottom:16px;padding:16px}.md-notification-banner{background:linear-gradient(135deg,var(--md-primary-container),var(--md-surface-variant));box-shadow:var(--elevation-1);border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:20px;display:flex}.md-notification-icon{background-color:var(--md-primary);color:#000;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.md-notification-icon2{color:#000;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.md-new-vendor-alert{background:linear-gradient(135deg,var(--md-primary-container),var(--md-surface-variant)) !important}[data-theme="dark"] .md-new-vendor-alert{background:linear-gradient(135deg,#1e3a5f,#1e1e1e) !important}.md-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.md-stat-card{background-color:var(--md-surface-variant);box-shadow:var(--elevation-1);text-align:center;border-radius:12px;padding:16px}.md-stat-card-label{color:var(--md-on-surface-variant);text-transform:uppercase;letter-spacing:0.5px;font-size:12px}.md-search-bar{background-color:var(--md-surface-variant);box-shadow:var(--elevation-1);border-radius:28px;align-items:center;gap:12px;height:56px;margin-bottom:24px;padding:0 16px;display:flex}.md-search-input{color:var(--md-on-surface);background:0 0;border:none;outline:none;flex:1;font-size:16px}.md-search-input::placeholder{color:var(--md-on-surface-variant)}.md-filter-section{margin-bottom:24px}.md-filter-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.md-filter-label{color:var(--md-on-surface-variant);min-width:60px;font-size:14px;font-weight:500}.md-chip-group{flex-wrap:wrap;gap:8px;display:flex}.md-chip{border:1px solid var(--md-on-surface-variant);height:32px;color:var(--md-on-surface);cursor:pointer;background-color:#0000;border-radius:16px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all 0.2s;display:inline-flex}.md-chip:hover{background-color:#ffffff14}.md-chip.selected{background-color:var(--md-primary);border-color:var(--md-primary);color:#000}.md-vendor-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;display:grid;overflow:visible}.md-vendor-grid a{color:inherit;text-decoration:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);display:block}.md-vendor-grid a:hover{transform:translateY(-2px)}.md-vendor-card{background-color:var(--md-surface-variant);box-shadow:var(--elevation-1);border-radius:16px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:visible}.md-vendor-card>*{border-radius:16px;overflow:hidden}.md-card-body{overflow:visible}.md-vendor-grid a:hover .md-vendor-card{box-shadow:var(--elevation-3)}.md-vendor-grid>.md-vendor-card.banned{cursor:default}.md-vendor-grid>.md-vendor-card:has([style*="vacation" i]){cursor:default}.md-vendor-card.premium{border:2px solid var(--md-warning)}.md-vendor-card.banned{opacity:0.8}.md-card-header{background:linear-gradient(135deg,#3b82f61a,#0000);padding:16px;position:relative}.md-vendor-top-row{align-items:center;gap:12px;margin-bottom:0;display:flex}.md-vendor-avatar{background:linear-gradient(135deg,var(--md-primary),var(--md-secondary));color:#000;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:28px;font-weight:500;display:flex}.md-vendor-info{flex-direction:column;flex:1;min-width:0;display:flex}.md-vendor-name{align-items:center;gap:4px;margin-bottom:4px;font-size:20px;font-weight:500;display:flex}.md-vendor-card.premium .md-vendor-name{word-wrap:break-word;overflow-wrap:break-word;max-width:calc(100% - 90px);white-space:normal !important;display:block !important}.md-verified-badge{color:var(--md-primary);font-size:18px}.md-vendor-location{color:var(--md-on-surface-variant);align-items:center;gap:4px;font-size:14px;display:flex}.md-premium-indicator{background:var(--md-warning);color:#000;text-transform:uppercase;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500;position:absolute;top:16px;right:16px}.md-vendor-status-row{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.md-vendor-status{background-color:#0003;border-radius:20px;flex-shrink:0;align-items:center;gap:8px;width:fit-content;padding:8px 12px;display:flex}.md-payment-methods-header{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex;position:initial;bottom:16px;right:16px}.md-payment-methods-header .md-payment-chip{padding:4px 8px;font-size:11px}.md-status-dot{background-color:var(--md-success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:0.6}}.md-status-text{font-size:12px;font-weight:500}.md-card-body{padding:16px}.md-metrics-grid{background-color:#0003;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;padding:12px;display:grid}.md-metric{text-align:center}.md-metric-value{color:var(--md-primary);font-size:18px;font-weight:500;display:block}.md-metric-label{color:var(--md-on-surface-variant);text-transform:uppercase;letter-spacing:0.5px;margin-top:2px;font-size:11px}.md-payment-methods{flex-wrap:wrap;gap:8px;display:flex}.md-payment-chip{color:var(--md-secondary);background-color:#03dac61a;border:1px solid #03dac64d;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500}.md-ad-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:16px;margin-bottom:24px;display:grid}.md-promotion-container{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}.md-promotion-container:has(.md-ad-card:only-child){grid-template-columns:1fr}.md-ad-card{background-color:var(--md-surface-variant);height:200px;box-shadow:var(--elevation-1);border-radius:16px;display:block;position:relative;overflow:hidden}.md-ad-label{color:var(--md-warning);text-transform:uppercase;letter-spacing:0.5px;background-color:#000000b3;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500;position:absolute;top:8px;left:8px}.md-category-emoji{cursor:pointer;border-radius:6px;padding:4px;transition:all 0.2s;display:inline-block;position:relative}.md-category-emoji:hover{background-color:#ffffff1a;transform:scale(1.1)}.md-category-emoji:before{content:attr(data-tooltip);background-color:var(--md-surface-variant);color:var(--md-on-surface);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;box-shadow:var(--elevation-2);z-index:1000;border:1px solid #ffffff1a;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:500;transition:all 0.3s;position:absolute;bottom:120%;left:50%;transform:translate(-50%)}.md-category-emoji:after{content:"";border:6px solid #0000;border-top-color:var(--md-surface-variant);opacity:0;visibility:hidden;pointer-events:none;z-index:1000;transition:all 0.3s;position:absolute;bottom:110%;left:50%;transform:translate(-50%)}.md-category-emoji:hover:before,.md-category-emoji:hover:after{opacity:1;visibility:visible}[data-theme="light"] .md-category-emoji:before{background-color:var(--md-surface);border:1px solid #0000001a;box-shadow:0 4px 12px #00000026}[data-theme="light"] .md-category-emoji:after{border-top-color:var(--md-surface)}@media (max-width:768px){.md-ad-grid,.md-vendor-grid{grid-template-columns:1fr}.md-stats-grid{grid-template-columns:repeat(2,1fr)}.md-promotion-container{grid-template-columns:1fr !important}.md-ad-card{min-width:0;height:120px}.md-menu-toggle{display:flex}.md-nav-links{display:none}.md-app-bar-content{gap:12px}.md-vendor-status-row{flex-flow:wrap;justify-content:space-between;align-items:center;gap:8px}.md-payment-methods-header{flex-shrink:0;justify-content:flex-end}.md-payment-methods-header .md-payment-chip{padding:3px 6px;font-size:10px}.md-vendor-card.premium .md-vendor-name{word-wrap:break-word;overflow-wrap:break-word;max-width:calc(100% - 90px);white-space:normal !important;display:block !important}}.modal-overlay{z-index:50;background-color:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-dialog{background-color:#fff;border-radius:0.75rem;width:100%;max-width:28rem;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media (prefers-color-scheme:dark){.modal-dialog{color:#ededed;background-color:#1f1f1f}}.modal-title{text-align:center;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.modal-message{text-align:center;color:#6b7280;margin-bottom:1.5rem;font-size:1rem}@media (prefers-color-scheme:dark){.modal-message{color:#9ca3af}}.modal-buttons{justify-content:center;gap:1rem;display:flex}.modal-buttons form{flex:1}.modal-button{text-align:center;cursor:pointer;border:none;border-radius:0.5rem;flex:1;width:100%;padding:0.75rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all 0.2s;display:block}.modal-button-accept{color:#fff;background-color:#4a7ba7}.modal-button-accept:hover{background-color:#3d6a91}.modal-button-cancel{color:#374151;background-color:#e5e7eb}.modal-button-cancel:hover{background-color:#d1d5db}@media (prefers-color-scheme:dark){.modal-button-cancel{color:#e5e7eb;background-color:#374151}.modal-button-cancel:hover{background-color:#4b5563}}#md-scrolltop{position:fixed;right:var(--md-scrolltop-right,16px);bottom:16px;z-index:9999;width:48px;height:48px;border-radius:999px;display:grid;place-items:center;cursor:pointer;border:1px solid rgba(127,127,127,.25);box-shadow:0 10px 20px rgba(0,0,0,.18);transform:translateY(8px);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#md-scrolltop.visible{opacity:1;transform:translateY(0);pointer-events:auto}html[data-theme="dark"] #md-scrolltop{background:rgba(30,30,30,.92);color:rgba(255,255,255,.92);border-color:rgba(255,255,255,.12)}html[data-theme="light"] #md-scrolltop{background:rgba(255,255,255,.92);color:rgba(0,0,0,.82);border-color:rgba(0,0,0,.10)}#md-scrolltop:focus-visible{outline:2px solid rgba(100,150,255,.9);outline-offset:3px}@media (prefers-reduced-motion:reduce){#md-scrolltop{transition:none}}.md-vendor-location{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.md-vendor-location .material-icons{line-height:1}.md-vendor-location .flag{width:18px;height:14px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.10)}.md-chip-group,.md-country-chips{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.md-filter-row .md-chip-group a.md-chip,#country-section .md-country-chips button.md-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.02);color:rgba(255,255,255,.82);font-size:14px;font-weight:600;letter-spacing:.2px;text-decoration:none;line-height:1;cursor:pointer;user-select:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .05s ease}html[data-theme="light"] .md-filter-row .md-chip-group a.md-chip,html[data-theme="light"] #country-section .md-country-chips button.md-chip{border-color:rgba(0,0,0,.14);background:rgba(0,0,0,.02);color:rgba(0,0,0,.78)}html[data-theme="light"] .md-filter-row .md-chip-group a.md-chip:hover,html[data-theme="light"] #country-section .md-country-chips button.md-chip:hover{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.22)}#country-section .md-country-chips button.md-chip{appearance:none;-webkit-appearance:none}.md-filter-row .md-chip-group a.md-chip:hover,#country-section .md-country-chips button.md-chip:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.22)}.md-filter-row .md-chip-group a.md-chip:active,#country-section .md-country-chips button.md-chip:active{transform:translateY(1px)}.md-filter-row .md-chip-group a.md-chip:focus-visible,#country-section .md-country-chips button.md-chip:focus-visible{outline:2px solid rgba(64,170,255,.95);outline-offset:3px}.md-filter-row .md-chip-group a.md-chip.selected,#country-section .md-country-chips button.md-chip.selected{background:#1ea7ff;border-color:transparent;color:#fff}.md-filter-row .md-chip-group .material-icons{font-size:16px !important;line-height:1}.md-chip .md-chip-flag{width:18px;height:13px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.18)}#country-section .md-filter-label{display:none}.md-vendor-status{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;color:var(--md-on-surface-variant)}.md-vendor-count{display:flex;align-items:center;min-width:0}.md-live-indicator{display:flex;align-items:center;gap:8px;white-space:nowrap}.md-live-dot{width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.7);animation:mdPulse 1.6s ease-out infinite}@keyframes mdPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.md-stat-card-value{color:var(--md-primary);margin-bottom:4px;font-size:32px;line-height:1;font-family:"Instrument Sans Variable",sans-serif;font-weight:700;font-variant-numeric:lining-nums tabular-nums}html[data-theme="light"] .md-filter-row .md-chip-group a.md-chip.selected,html[data-theme="light"] #country-section .md-country-chips button.md-chip.selected{background:var(--md-primary) !important;border-color:var(--md-primary) !important;color:#fff !important}html[data-theme="light"] .md-filter-row .md-chip-group a.md-chip.selected:hover,html[data-theme="light"] #country-section .md-country-chips button.md-chip.selected:hover{filter:brightness(0.98)}.theme-icon{position:absolute}[data-theme="dark"] .theme-icon-sun{display:none}[data-theme="dark"] .theme-icon-moon{display:block}[data-theme="light"] .theme-icon-sun{display:block}[data-theme="light"] .theme-icon-moon{display:none}.md-app-bar .md-icon-button{width:32px !important;height:32px !important;margin:0 !important;border-radius:16px !important;/* same pill radius */ border:1px solid var(--md-on-surface-variant) !important;background:transparent;display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:0 !important;flex:0 0 auto}.md-app-bar .md-icon-button:hover{background-color:rgba(255,255,255,0.08)}html[data-theme="light"] .md-app-bar .md-icon-button:hover{background-color:rgba(0,0,0,0.04)}.md-app-bar .theme-icon-wrapper{width:100%;height:100%;border:0 !important;/* border is on the button now */ border-radius:inherit;display:inline-flex;align-items:center;justify-content:center;position:relative;/* important:anchors the icon */}.md-app-bar .theme-icon{position:static !important;width:18px;height:18px;display:none}[data-theme="dark"] .md-app-bar .theme-icon-moon{display:block}[data-theme="light"] .md-app-bar .theme-icon-sun{display:block}.theme-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;position:relative}.theme-icon{width:18px;height:18px;display:none}.md-app-bar .md-icon-button{width:32px !important;height:32px !important;margin:0 !important;border-radius:16px !important;border:1px solid var(--md-on-surface-variant) !important;background:transparent;display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:0 !important;flex:0 0 auto}.md-app-bar .theme-icon-wrapper{width:100%;height:100%;border:0 !important;border-radius:inherit}@media (max-width:768px){.md-app-bar .md-icon-button{width:44px !important;height:44px !important;border-radius:22px !important}.md-app-bar .theme-icon{width:20px;height:20px}}.md-app-bar-content{display:flex;align-items:center}.md-app-bar-content :is(form,.md-theme-control):has(.theme-icon-wrapper){display:inline-flex !important;align-items:center !important;justify-content:center !important;margin:0 !important;padding:0 !important}.md-app-bar .md-icon-button{display:inline-flex !important;align-items:center !important;justify-content:center !important;vertical-align:middle !important;position:relative;top:0;transform:none !important}.md-app-bar .md-chip,.md-app-bar .md-icon-button{align-self:center !important}.md-header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.md-app-bar-content{align-items:center}@media (max-width:768px){.md-header-actions{gap:8px}}.md-menu-toggle{width:32px;height:32px;border-radius:16px;border:1px solid var(--md-on-surface-variant);background:transparent;color:var(--md-on-surface);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;flex:0 0 auto}.md-menu-toggle:hover{background-color:rgba(255,255,255,0.08)}html[data-theme="light"] .md-menu-toggle:hover{background-color:rgba(0,0,0,0.04)}.md-menu-toggle .material-icons{font-size:18px;line-height:1}@media (max-width:768px){.md-header-actions{gap:4px !important;/* максимально близко */}.md-menu-toggle{width:44px;height:44px;border-radius:22px}.md-menu-toggle .material-icons{font-size:20px}}@media (max-width:768px){.md-nav-links .theme-icon-wrapper,.md-nav-links form:has(.theme-icon-wrapper),#mobile-nav-drawer .theme-icon-wrapper,#mobile-nav-drawer :is(form,.md-theme-control){display:none !important}}.md-menu-toggle{position:relative;overflow:hidden}.md-menu-toggle .md-menu-ico{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity .22s cubic-bezier(.2,.8,.2,1),transform .26s cubic-bezier(.2,.8,.2,1);will-change:opacity,transform}.md-menu-toggle .md-menu-ico-menu{opacity:1;transform:rotate(0deg) scale(1)}.md-menu-toggle .md-menu-ico-close{opacity:0;transform:rotate(90deg) scale(.82)}.md-menu-toggle.open .md-menu-ico-menu{opacity:0;transform:rotate(-90deg) scale(.82)}.md-menu-toggle.open .md-menu-ico-close{opacity:1;transform:rotate(0deg) scale(1)}.md-nav-drawer{width:min(92vw,340px) !important;height:auto !important;max-height:70vh !important;top:50% !important;left:50% !important;right:auto !important;transform:translate(140%,-50%) !important;/* hidden state:off-canvas to the right */ border-radius:18px !important;box-shadow:0 18px 55px rgba(0,0,0,.35) !important;padding:16px 14px !important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.md-nav-drawer.open{transform:translate(-50%,-50%) !important;/* centered */}#mobile-nav-drawer>div{margin-bottom:10px}#mobile-nav-drawer .md-chip{width:100%;justify-content:center}}/* === Desktop vs Mobile:show hamburger only on mobile === */ @media (min-width:769px){.md-menu-toggle{display:none !important}}@media (max-width:768px){.md-menu-toggle{display:inline-flex !important}}@media (min-width:769px){.md-menu-toggle{display:none !important}#mobile-nav-drawer,#mobile-nav-overlay{display:none !important;opacity:0 !important;pointer-events:none !important}/* на всякий случай убираем классы open/visible эффектом */ #mobile-nav-drawer.open{display:none !important}#mobile-nav-overlay.visible{display:none !important}/* десктопные ссылки остаются как есть */ .md-nav-links{display:flex !important}}@media (max-width:768px){/* Overlay:iOS-like glass (no dark dim). Starts below header and stays clickable to close the menu. */ .md-nav-overlay{position:fixed !important;left:0 !important;right:0 !important;top:64px !important;height:calc(100vh - 64px) !important;width:100vw !important;z-index:1998 !important;/* iOS premium glass */ background:rgba(255,255,255,0.04) !important;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);opacity:0;display:none;transition:opacity .35s cubic-bezier(.2,.8,.2,1),backdrop-filter .35s cubic-bezier(.2,.8,.2,1),-webkit-backdrop-filter .35s cubic-bezier(.2,.8,.2,1)}.md-nav-overlay.visible{display:block !important;opacity:1 !important;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}/* Keep header above overlay */ header.md-app-bar{position:sticky;top:0;z-index:2000}/* Panel:anchored under header near hamburger,with subtle glass + shadow */ .md-nav-drawer{position:fixed !important;z-index:1999 !important;width:min(92vw,348px) !important;max-height:72vh !important;height:auto !important;right:12px !important;left:auto !important;top:64px !important;border-radius:18px !important;box-shadow:0 22px 70px rgba(0,0,0,.38) !important;padding:16px 14px !important;/* premium motion */ transform-origin:calc(100% - 20px) 0px;opacity:0 !important;pointer-events:none !important;filter:blur(10px);transform:translateY(-18px) scale(.92) !important;transition:transform .46s cubic-bezier(.16,1,.3,1),opacity .18s cubic-bezier(.2,.8,.2,1),filter .34s cubic-bezier(.2,.8,.2,1)}/* Open state */ .md-nav-drawer.open{opacity:1 !important;pointer-events:auto !important;filter:blur(0px);transform:translateY(0) scale(1) !important}/* Add a gentle "pop" overshoot using keyframes on open */ .md-nav-drawer.open{animation:mdMenuPop .46s cubic-bezier(.16,1,.3,1) both}@keyframes mdMenuPop{0%{transform:translateY(-18px) scale(.92);opacity:0;filter:blur(10px)}55%{transform:translateY(2px) scale(1.02);opacity:1;filter:blur(0px)}100%{transform:translateY(0) scale(1);opacity:1;filter:blur(0px)}}/* Soft glass feel (keeps it premium but readable) */ .md-nav-drawer{background:color-mix(in srgb,var(--md-surface-variant) 88%,transparent) !important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.08)}html[data-theme="light"] .md-nav-drawer{border:1px solid rgba(0,0,0,0.06)}/* Neat full-width items */ #mobile-nav-drawer>div{margin-bottom:10px}#mobile-nav-drawer .md-chip{width:100%;justify-content:center}/* Reduced motion */ @media (prefers-reduced-motion:reduce){.md-nav-drawer,.md-nav-overlay{transition:none !important}.md-nav-drawer.open{animation:none !important}}}@media (max-width:768px){.md-nav-drawer{/* slightly more "physical" */ box-shadow:0 26px 86px rgba(0,0,0,.42) !important}/* Override open animation with a subtle tilt */ .md-nav-drawer.open{animation:mdMenuPopUltra .52s cubic-bezier(.14,1,.24,1) both !important}@keyframes mdMenuPopUltra{0%{transform:translateY(-20px) scale(.90) rotate(-0.7deg);opacity:0;filter:blur(12px)}55%{transform:translateY(2px) scale(1.03) rotate(0.2deg);opacity:1;filter:blur(0px)}100%{transform:translateY(0) scale(1) rotate(0deg);opacity:1;filter:blur(0px)}}/* On close,the transition already handles it;this keeps it smooth */ .md-nav-drawer{transition:transform .50s cubic-bezier(.14,1,.24,1),opacity .18s cubic-bezier(.2,.8,.2,1),filter .38s cubic-bezier(.2,.8,.2,1) !important}}@media (max-width:768px){.md-nav-drawer{left:0 !important;right:0 !important;top:64px !important;width:100vw !important;max-height:calc(100vh - 64px) !important;/* flush with header */ border-top-left-radius:0 !important;border-top-right-radius:0 !important;border-bottom-left-radius:18px !important;border-bottom-right-radius:18px !important;/* match header width feel */ padding:14px 14px 16px !important;/* origin in center for this layout */ transform-origin:50% 0%}/* items can be two-column-ish on wide phones? keep full width */ #mobile-nav-drawer .md-chip{width:100%}}@media (max-width:768px){header.md-app-bar{box-shadow:none !important}}@media (max-width:768px){.md-nav-drawer{/* smoother & slightly longer */ transition:transform .58s cubic-bezier(.16,1,.3,1),opacity .22s cubic-bezier(.2,.8,.2,1),filter .44s cubic-bezier(.2,.8,.2,1) !important;/* a bit gentler start */ transform:translateY(-22px) scale(.985) !important;opacity:0 !important;filter:blur(10px)}.md-nav-drawer.open{transform:translateY(0) scale(1) !important;opacity:1 !important;filter:blur(0px)}/* soften the overshoot if present */ .md-nav-drawer.open{animation-duration:.58s !important}}header.md-app-bar{background:color-mix(in srgb,var(--md-surface) 50%,transparent) !important;backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1)}@media (max-width:768px){.md-nav-drawer{background:color-mix(in srgb,var(--md-surface) 50%,transparent) !important;backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);/* subtle glass border */ border:1px solid rgba(255,255,255,0.08)}html[data-theme="light"] .md-nav-drawer{border:1px solid rgba(0,0,0,0.06)}}@media (max-width:768px){header.md-app-bar{border-bottom:none !important;box-shadow:none !important}.md-nav-drawer{margin-top:-1px !important;border-top:none !important}}@media (prefers-color-scheme:dark){.md-nav-overlay{background:rgba(0,0,0,0.18) !important}}@media (max-width:768px){.md-nav-overlay{/* keep overlay above content/cards,but below the drawer */ z-index:9998 !important;pointer-events:none !important}.md-nav-overlay.visible{pointer-events:auto !important}.md-nav-drawer{z-index:9999 !important}header.md-app-bar{z-index:10000 !important}}@media (max-width:768px){/* Make rows tighter and allow 2 buttons on one row when present */ #mobile-nav-drawer>div{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}/* Core button style */ #mobile-nav-drawer .md-chip{/* stop the "stretched" full-bleed look */ width:auto !important;flex:1 1 auto;display:inline-flex !important;align-items:center;justify-content:space-between;padding:12px 14px !important;min-height:44px;border-radius:14px !important;/* stronger blur than overlay */ background:rgba(255,255,255,0.10) !important;backdrop-filter:blur(28px) saturate(210%);-webkit-backdrop-filter:blur(28px) saturate(210%);border:1px solid rgba(255,255,255,0.16) !important;/* depth (iOS-like) */ box-shadow:0 1px 0 rgba(255,255,255,0.30) inset,0 10px 26px rgba(0,0,0,0.20) !important;/* typography */ font-weight:560;letter-spacing:-0.01em;text-decoration:none !important;-webkit-tap-highlight-color:transparent;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,.8,.2,1),background .18s cubic-bezier(.2,.8,.2,1)}/* subtle chevron hint (feels native,optional but nice) */ #mobile-nav-drawer .md-chip::after{content:"";width:7px;height:7px;margin-left:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;opacity:.45;transform:rotate(-45deg)}/* Hover / active (desktop touchpads + mobile press) */ #mobile-nav-drawer .md-chip:hover{background:rgba(255,255,255,0.14) !important;box-shadow:0 1px 0 rgba(255,255,255,0.34) inset,0 14px 34px rgba(0,0,0,0.24) !important;transform:translateY(-1px)}#mobile-nav-drawer .md-chip:active{transform:translateY(0) scale(0.98);box-shadow:0 1px 0 rgba(255,255,255,0.26) inset,0 6px 16px rgba(0,0,0,0.22) !important}/* Dark mode tuning:keep glass but more contrast */ @media (prefers-color-scheme:dark){#mobile-nav-drawer .md-chip{background:rgba(20,20,22,0.44) !important;border:1px solid rgba(255,255,255,0.10) !important;box-shadow:0 1px 0 rgba(255,255,255,0.12) inset,0 14px 34px rgba(0,0,0,0.46) !important}#mobile-nav-drawer .md-chip:hover{background:rgba(20,20,22,0.54) !important}}/* Reduce motion */ @media (prefers-reduced-motion:reduce){#mobile-nav-drawer .md-chip{transition:none !important}}}@media (max-width:768px){/* ensure the chips sit in one centered column */ #mobile-nav-drawer .md-chip-group,#mobile-nav-drawer .md-chip-list,#mobile-nav-drawer .md-chips{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;gap:12px !important;padding:12px 0 20px !important}/* pill buttons,60% width */ #mobile-nav-drawer .md-chip{width:60% !important;max-width:420px !important;margin:0 auto !important;border-radius:999px !important;padding:14px 20px !important;/* center content */ justify-content:center !important;text-align:center !important}/* remove chevron hint for clean iOS pill look */ #mobile-nav-drawer .md-chip::after{content:none !important;display:none !important}}@media (max-width:768px){/* Layout:single centered column */ #mobile-nav-drawer .md-chip-group{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;/* iOS-like vertical rhythm */ gap:12px !important;padding:14px 0 22px !important}/* Buttons:exact centered pills */ #mobile-nav-drawer .md-chip{display:block !important;/* 58% of viewport width (iOS-ish) */ width:58vw !important;min-width:58vw !important;max-width:58vw !important;/* Center */ margin-left:auto !important;margin-right:auto !important;/* Prevent flex stretching */ flex:0 0 auto !important;align-self:center !important;/* Pill */ border-radius:999px !important;/* Consistent tap target */ min-height:48px !important;padding:14px 20px !important;/* Glass:stronger than overlay */ background:rgba(255,255,255,0.10) !important;backdrop-filter:blur(34px) saturate(220%);-webkit-backdrop-filter:blur(34px) saturate(220%);/* Depth */ box-shadow:inset 0 1px 0 rgba(255,255,255,0.38),0 10px 28px rgba(0,0,0,0.22) !important;/* Typography */ text-align:center !important;justify-content:center !important;font-weight:500 !important;letter-spacing:-0.01em !important;/* Interaction */ transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,.8,.2,1),background .18s cubic-bezier(.2,.8,.2,1) !important}#mobile-nav-drawer .md-chip:hover{background:rgba(255,255,255,0.14) !important;transform:translateY(-1px) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.46),0 14px 36px rgba(0,0,0,0.26) !important}#mobile-nav-drawer .md-chip:active{transform:scale(0.965) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.26),0 6px 16px rgba(0,0,0,0.20) !important}/* Dark mode tuning */ @media (prefers-color-scheme:dark){#mobile-nav-drawer .md-chip{background:rgba(20,20,22,0.34) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.10),0 10px 28px rgba(0,0,0,0.45) !important}#mobile-nav-drawer .md-chip:hover{background:rgba(20,20,22,0.42) !important}}}@media (max-width:768px){#mobile-nav-drawer .md-chip{font-family:"Instrument Sans Variable",sans-serif !important;font-weight:400 !important;/* not bold */ font-size:15px !important;letter-spacing:-0.01em !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.modal{background-color:rgba(0,0,0,0.38);backdrop-filter:none;-webkit-backdrop-filter:none;/* Ensure modal never falls behind sticky app bar / drawers */ z-index:20000 !important}body.modal-open{overflow:hidden;touch-action:none}body.modal-open #mobile-nav-drawer,body.modal-open #mobile-nav-overlay,body.modal-open .md-menu-toggle{pointer-events:none !important}.modal-box{position:relative;width:min(560px,calc(100vw - 28px));max-height:min(78vh,680px);padding:18px 18px 16px;border-radius:22px;box-shadow:0 18px 48px rgba(0,0,0,0.18);border:1px solid rgba(255,255,255,0.22)}html[data-theme="dark"] .modal-box{/* Less transparency so the modal doesn't feel "behind" content */ background:rgba(28,28,30,0.96);border-color:rgba(255,255,255,0.12)}html[data-theme="light"] .modal-box{/* Less transparency so the modal doesn't feel "behind" content */ background:rgba(255,255,255,0.98);border-color:rgba(0,0,0,0.08)}.modal-action{margin-top:0;position:sticky;top:8px;z-index:5;display:flex;justify-content:flex-end;width:100%;padding:0;/* visually hug the right edge even with modal padding */ margin-right:-8px}.md-modal-close{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;cursor:pointer;user-select:none;transition:transform 0.12s ease,background-color 0.12s ease,opacity 0.12s ease}html[data-theme="dark"] .md-modal-close{/* Opaque,always-visible close button */ background:rgb(58,58,60);/* iOS-like dark control */ color:rgb(255,255,255);box-shadow:0 6px 18px rgba(0,0,0,0.28)}html[data-theme="light"] .md-modal-close{/* Opaque,always-visible close button */ background:rgb(229,229,234);/* iOS-like light control */ color:rgb(0,0,0);box-shadow:0 6px 18px rgba(0,0,0,0.12)}.md-modal-close:hover{transform:scale(1.03)}.md-modal-close:active{transform:scale(0.98);opacity:0.92}.md-modal-close:focus-visible{outline:2px solid rgba(0,122,255,0.55);outline-offset:2px}.modal-box h3{padding-right:44px;/* room for close */ letter-spacing:-0.01em}.modal-box h4{margin-top:14px;margin-bottom:6px;text-decoration:none !important;/* remove underline for cleaner look */ letter-spacing:-0.01em}.modal-box p{line-height:1.55}.modal-box .bg-gray-500.h-1{height:1px !important;background-color:rgba(255,255,255,0.16) !important;margin:14px 0 !important}html[data-theme="light"] .modal-box .bg-gray-500.h-1{background-color:rgba(0,0,0,0.08) !important}.modal-box{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.28) transparent}html[data-theme="light"] .modal-box{scrollbar-color:rgba(0,0,0,0.22) transparent}.modal-box::-webkit-scrollbar{width:8px}.modal-box::-webkit-scrollbar-track{background:transparent}.modal-box::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.22);border-radius:999px;border:2px solid transparent;background-clip:padding-box}html[data-theme="light"] .modal-box::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.18)}.modal-box{-ms-overflow-style:none;/* IE and old Edge */ scrollbar-width:none;/* Firefox */}.modal-box::-webkit-scrollbar{width:0;height:0;display:none;/* Chrome/Safari */}.modal{/* keep existing layout;backdrop is now a separate element */}.modal-box{position:relative;z-index:1}.modal{background:rgba(0,0,0,0.45);-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
/* Tess3-style ratings: numeric score above five gold stars. */
.md-metric.md-rating {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  font-variant-numeric: tabular-nums;
}
.md-rating-score {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  line-height: 1;
  white-space: nowrap;
}
.md-rating .md-metric-value {
  color: var(--md-on-surface);
  font-size: 23px;
  font-weight: 400;
  letter-spacing: -.01em;
  line-height: 1;
}
.md-rating-max {
  color: var(--md-on-surface-variant);
  font-size: 14px;
  font-weight: 400;
}
.md-rating .md-metric-label { display: none; }
.md-rating-stars { display: inline-flex; gap: 4px; }
.md-rating-star {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}
.md-rating-star svg { display: block; width: 18px; height: 18px; }
.md-rating-star-base { color: #fff; }
.md-rating-star-fill {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--star-fill);
  height: 18px;
  overflow: hidden;
}
.md-rating-star-solid { max-width: none; color: #ffbd00; }
@media (max-width: 380px) {
  .md-rating-stars { gap: 2px; }
  .md-rating-star, .md-rating-star svg { width: 16px; height: 16px; }
  .md-rating-star { flex-basis: 16px; }
  .md-rating-star-fill { height: 16px; }
}

/* Reserve enough space for the stars inside the existing three-column metrics. */
.md-metrics-grid:has(.md-rating) {
  grid-template-columns: minmax(0, 1fr) max-content minmax(0, 1fr) !important;
  align-items: center;
}
/* Currency badges without outlines, including inline premium colours. */
.md-payment-chip { border: 0 !important; }

/* Review counters use the same gold SVG star as the rating. */
.md-review-star {
  display: inline-flex;
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  color: #ffbd00;
}
.md-review-star-icon { display: block; width: 100%; height: 100%; }

/* Sales and Cut-Off use muted text in dark mode, including premium cards. */
html[data-theme="dark"] .md-metrics-grid > .md-metric:is(:first-child, :last-child) > :is(.md-metric-value, .md-metric-label) {
  color: #9b9b9b !important;
}

/* Premium and highlighted cards keep their colour without borders or shadows. */
.md-vendor-card:is(.premium, [style*="linear-gradient"]) {
  border: 0 !important;
  box-shadow: none !important;
}

/* Metrics in premium and highlighted cards have no border. */
.md-vendor-card:is(.premium, [style*="linear-gradient"]) .md-metrics-grid { border: 0 !important; }

/* Match the opaque colour at the start of the ordinary card header gradient. */
.md-vendor-card:not(.premium):not([style*="linear-gradient"]) .md-payment-chip {
  background-color: color-mix(in srgb, #3b82f6 10.2%, var(--md-surface-variant));
}

/* Currency labels follow the shop-name text colour in every card and theme. */
.md-vendor-card .md-payment-chip { color: var(--md-on-surface) !important; }

/* The supplied chat artwork includes its own shape and colour. */
.md-notification-icon.md-announcement-icon { background: transparent; border-radius: 0; }

/* Independently animated dots beside the completed search suggestion. */
.md-search-field { position: relative; display: flex; flex: 1; min-width: 0; }
.md-search-field > .md-search-input { width: 100%; min-width: 0; }
.md-search-input.md-search-input--wave::placeholder { color: transparent; }
.md-search-wave {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
  pointer-events: none;
  color: var(--md-on-surface-variant);
  font-size: 16px;
}
.md-search-wave[hidden] { display: none; }
.md-search-wave-label { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.md-search-wave-dots { display: inline-flex; flex: 0 0 auto; gap: 2px; margin-left: 8px; }
.md-search-wave-dots > span { display: inline-block; animation: md-search-dot-wave 900ms ease-in-out infinite; }
.md-search-wave-dots > span:nth-child(2) { animation-delay: 150ms; }
.md-search-wave-dots > span:nth-child(3) { animation-delay: 300ms; }
@keyframes md-search-dot-wave {
  0%, 60%, 100% { transform: translateY(0); opacity: .45; }
  30% { transform: translateY(-4px); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .md-search-wave-dots > span { animation: none; }
}

/* Thin grey outline around the search field. */
.md-search-bar {
  box-shadow: none;
  border: 1px solid #5f5f5f;
}

/* Sorting and country filters share the search field's background. */
.md-filter-panel {
  display: grid;
  gap: 20px;
  padding: 20px 16px;
  margin-bottom: 24px;
  border-radius: 24px;
  background-color: var(--md-surface-variant);
}
.md-filter-panel .md-filter-section,
.md-filter-panel .md-filter-row { margin-bottom: 0; }


/* Status shares the lower filter row, aligned to the right without a badge. */
.md-filter-panel { grid-template-columns: minmax(0, 1fr) auto; }
.md-filter-panel #sort-section { grid-column: 1 / -1; }
.md-filter-panel #country-section { grid-column: 1; grid-row: 2; }
.md-filter-panel > .md-vendor-status {
  grid-column: 2;
  grid-row: 2;
  align-self: end;
  justify-self: end;
  max-width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px 16px;
}
@media (max-width: 900px) {
  .md-filter-panel { grid-template-columns: minmax(0, 1fr); }
  .md-filter-panel > .md-vendor-status { grid-column: 1; grid-row: 3; }
}

/* Regular-weight, centred labels in the desktop header buttons. */
.md-nav-links .md-chip {
  font-weight: 400;
  line-height: 1;
  justify-content: center;
  padding-block: 0;
}

/* Verification badges use the same blue in ordinary and coloured cards. */
.md-vendor-card .md-verified-badge { color: var(--md-primary) !important; }

/* The badge supplies the spacing in both flex and inline premium names. */
.md-vendor-name { column-gap: 0; }
.md-vendor-name .md-verified-badge { margin-inline-start: 4px; }

/* Align the badge bottom to the name's text baseline in both card layouts. */
.md-vendor-name { align-items: baseline; }
.md-vendor-name .md-verified-badge { vertical-align: baseline; }

/* Match the badge artwork to the capital-letter height of each shop name. */
.md-vendor-name .md-verified-badge {
  font-size: inherit;
  width: 1cap;
  height: 1cap;
}
.md-vendor-name .md-verified-badge > svg { width: 100%; height: 100%; }

/* Bold Sales and Cut-Off labels in every vendor card. */
.md-vendor-card .md-metrics-grid > .md-metric:is(:first-child, :last-child) > .md-metric-label {
  font-weight: 700;
}

/* Tighter spacing when the mobile header title wraps. */
@media (max-width: 768px) {
  .md-app-bar .md-app-title {
    font-size: 16px !important;
    line-height: 1.15;
    width: min-content;
  }
}

/* Compact mobile header controls. */
@media (max-width: 768px) {
  .md-app-bar .md-icon-button,
  .md-app-bar .md-menu-toggle {
    width: 39px !important;
    height: 39px !important;
    border-radius: 50% !important;
    flex: 0 0 39px;
  }
}

/* Mobile shortcut to the search field. */
.md-header-search { display: none; }
@media (max-width: 768px) {
  .md-app-bar .md-header-search {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    padding: 0;
    border: 1px solid var(--md-on-surface-variant);
    border-radius: 50%;
    background: transparent;
    color: var(--md-on-surface);
    cursor: pointer;
  }
  .md-header-search > svg { width: 20px; height: 20px; }
  .md-header-search:hover { background-color: rgba(255,255,255,.08); }
  html[data-theme="light"] .md-header-search:hover { background-color: rgba(0,0,0,.04); }
}

/* Empty search/filter result, with a reset that restores the full catalogue. */
.md-empty-state[hidden], .md-vendor-grid[hidden] { display: none; }
.md-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 246px;
  padding: 40px 24px;
  border: 1px solid #383a40;
  border-radius: 24px;
  background: #161719;
  color: var(--md-on-surface);
  text-align: center;
}
.md-empty-message > svg {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto 14px;
  color: #aaaab3;
}
.md-empty-message h2 { margin: 0 0 8px; font-size: 16px; font-weight: 600; line-height: 1.4; }
.md-empty-message p { margin: 0; color: #aaaab3; font-size: 14px; line-height: 1.5; }
.md-empty-reset {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  margin-top: 18px;
  padding: 0 22px;
  border: 0;
  border-radius: 999px;
  background: #2b98ff;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
}
.md-empty-reset:hover { background: #168aef; }
.md-empty-reset:focus-visible { outline: 2px solid var(--md-on-surface); outline-offset: 4px; }
html[data-theme="light"] .md-empty-state { background: var(--md-surface-variant); border-color: #d7d9de; }
html[data-theme="light"] .md-empty-message > svg,
html[data-theme="light"] .md-empty-message p { color: var(--md-on-surface-variant); }

/* Shipping routes show flags only; country names remain in tooltips and accessible labels. */
.md-vendor-location { gap: 4px; line-height: 1.4; }
.md-shipping-route { display: inline-flex; flex: 0 1 auto; max-width: 100%; min-width: 0; align-items: center; gap: 4px; white-space: nowrap; }
.md-shipping-country { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 4px; }
.md-shipping-origins, .md-shipping-destinations { display: inline-flex; flex-wrap: wrap; min-width: 0; align-items: center; gap: 4px; }
.md-shipping-unknown { color: var(--md-on-surface); font-weight: 500; }
.md-shipping-arrow { display: block; width: 18px; height: 18px; flex: 0 0 18px; color: var(--md-on-surface-variant); }
.md-shipping-world { display: block; flex: 0 0 18px; width: 18px; height: 18px; object-fit: contain; }
.md-ships-from:empty::before, .md-ships-to:empty::before { content: "—"; }

/* User-supplied location pin; white on the existing red card palette. */
.md-shipping-location-icon { display: block; width: 14px; height: 14px; flex: 0 0 14px; color: rgb(222, 144, 144); }
.md-vendor-card:is([style*="rgba(191,0,0,"], [style*="rgba(191, 0, 0,"]) .md-shipping-location-icon { color: #fff; }

/* Premium toggle: white outline heart, then a solid red button and white filled heart. */
#md-premium-filter { border-color: #ef4444 !important; background: transparent !important; color: var(--md-on-surface) !important; }
#md-premium-filter:hover { background: rgba(239, 68, 68, .08) !important; }
#md-premium-filter.selected { background: #ef4444 !important; color: #fff !important; }
#md-premium-filter:focus-visible { outline-color: #ef4444; }
#md-premium-filter .md-premium-heart { display: block; width: 18px; height: 18px; flex: 0 0 18px; color: #fff; }
#md-premium-filter .md-premium-heart path { fill: none; }
#md-premium-filter.selected .md-premium-heart path { fill: #fff; }

/* Mobile hairline between sorting controls and destination filters. */
@media (max-width: 768px) {
  .md-filter-panel #country-section { position: relative; }
  .md-filter-panel #country-section::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 1px;
    background: #5f5f5f;
    transform: scaleY(.5);
    pointer-events: none;
  }
}

/* Minimal banner confirmation with a live copy of the selected catalogue card. */
html.md-ad-dialog-open { overflow: hidden; }
.md-ad-dialog:not([open]) { display: none; }
.md-ad-dialog {
  position: fixed;
  inset: 0;
  width: min(430px, calc(100vw - 24px));
  max-width: none;
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 20px;
  overflow: auto;
  overscroll-behavior: contain;
  border: 0;
  border-radius: 24px;
  background: #161719;
  color: var(--md-on-surface);
  box-shadow: 0 24px 80px rgba(0,0,0,.4);
}
.md-ad-dialog::backdrop { background: rgba(0,0,0,.65); }
.md-ad-dialog h2 { margin: 0 0 6px; font-size: 20px; font-weight: 600; line-height: 1.3; text-align: center; }
.md-ad-dialog-question { margin: 0 0 18px; color: var(--md-on-surface-variant); font-size: 14px; line-height: 1.4; text-align: center; }
.md-ad-preview[hidden] { display: none; }
.md-ad-preview > .md-vendor-card { width: 100%; min-width: 0; }
.md-ad-dialog-actions { display: flex; gap: 10px; margin-top: 20px; }
.md-ad-dialog-button {
  display: inline-flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 14px;
  border: 1px solid #5f5f5f;
  border-radius: 999px;
  background: transparent;
  color: var(--md-on-surface);
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
}
.md-ad-dialog-button:hover { background: rgba(255,255,255,.06); }
.md-ad-dialog-proceed { border-color: #1ea7ff; background: #1ea7ff; color: #fff; }
.md-ad-dialog-proceed:hover { border-color: #1599ed; background: #1599ed; }
.md-ad-dialog-button:focus-visible { outline: 2px solid #1ea7ff; outline-offset: 3px; }
html[data-theme="light"] .md-ad-dialog { background: #fff; }
html[data-theme="light"] .md-ad-dialog-button:not(.md-ad-dialog-proceed):hover { background: rgba(0,0,0,.04); }
@media (max-width: 480px) {
  .md-ad-dialog { padding: 14px; border-radius: 20px; }
}

@media (max-width: 360px) {
  .md-ad-preview .md-card-header { padding: 12px; }
  .md-ad-preview .md-vendor-top-row { gap: 8px; }
  .md-ad-preview .md-vendor-avatar { width: 56px; height: 56px; }
  .md-ad-preview .md-vendor-avatar > img { width: 56px !important; height: 56px !important; }
  .md-ad-preview .md-vendor-name { font-size: 18px !important; }
  .md-ad-preview .premium .md-vendor-name { max-width: calc(100% - 64px); }
  .md-ad-preview .md-premium-indicator { top: 12px; right: 12px; padding: 4px 8px; font-size: 10px; }
}