@font-face{font-family:"GothaPro";src:url("_next/static/media/GothaProReg.woff2") format("woff2"),url("_next/static/media/GothaProReg.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"GothaPro";src:url("_next/static/media/GothaProMed.woff2") format("woff2"),url("_next/static/media/GothaProMed.otf") format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"GothaPro";src:url("_next/static/media/GothaProBol.woff2") format("woff2"),url("_next/static/media/GothaProBol.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}.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 */}@font-face{font-family:roboto;src:url(_next/static/media/Roboto_Regular-s.p.0a2e2b47.ttf) format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:roboto;src:url(_next/static/media/Roboto_Italic-s.p.90b0faa0.ttf) format("truetype");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:roboto;src:url(_next/static/media/Roboto_Bold-s.p.1734e663.ttf) format("truetype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:roboto;src:url(_next/static/media/Roboto_BoldItalic-s.p.8151b8bb.ttf) format("truetype");font-display:swap;font-weight:700;font-style:italic}@font-face{font-family:roboto Fallback;src:local(Arial);ascent-override:92.49%;descent-override:24.34%;line-gap-override:0%;size-adjust:100.3%}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url(_next/static/media/Roboto-Light.06eb4204.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:300;src:url(_next/static/media/Roboto-LightItalic.258f5027.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(_next/static/media/Roboto-Regular.0a2e2b47.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:url(_next/static/media/Roboto-Italic.90b0faa0.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:url(_next/static/media/Roboto-Medium.caaade52.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:500;src:url(_next/static/media/Roboto-MediumItalic.bf78c0ff.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(_next/static/media/Roboto-Bold.1734e663.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:700;src:url(_next/static/media/Roboto-BoldItalic.8151b8bb.ttf) format("truetype")}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(_next/static/media/MaterialIcons-Regular.bb1d1a94.ttf) format("truetype")}.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:Material Icons;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:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;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:"Roboto",var(--next-font),Arial,Helvetica,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);min-height:120px;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}}@font-face{font-family:roboto;src:;font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:roboto;src:;font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:roboto;src:;font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:roboto;src:;font-display:swap;font-weight:700;font-style:italic}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:}@font-face{font-family:Roboto;font-style:italic;font-weight:300;src:}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:}@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:}@font-face{font-family:Roboto;font-style:italic;font-weight:500;src:}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:}@font-face{font-family:Roboto;font-style:italic;font-weight:700;src:}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:}#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:"GothaPro",system-ui,-apple-system,"Segoe UI",Roboto,Arial,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 form: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 form{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:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,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}