/* Generated by scripts/build_public_css.py from: dist/site.css, css/site-overrides.css, css/mh-ui.css, css/pro.css, css/pro-chrome.css. Do not edit; edit the sources and rebuild. */
/* ---- dist/site.css ---- */
@font-face{font-family:Outfit;font-style:normal;font-weight:300 800;font-display:swap;src:url("../fonts/medihelp/outfit-latin-ext.e2b64ddcb351.woff2") format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Outfit;font-style:normal;font-weight:300 800;font-display:swap;src:url("../fonts/medihelp/outfit-latin.98ccc2b7f189.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Cairo;font-style:normal;font-weight:400 800;font-display:swap;src:url("../fonts/medihelp/cairo-arabic.8189abd2eb7f.woff2") format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:Cairo;font-style:normal;font-weight:400 800;font-display:swap;src:url("../fonts/medihelp/cairo-latin-ext.9dfa03ce2ef5.woff2") format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Cairo;font-style:normal;font-weight:400 800;font-display:swap;src:url("../fonts/medihelp/cairo-latin.cec73543deed.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}*,:after,:before{--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:rgba(59,130,246,.5);--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: }::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:rgba(59,130,246,.5);--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: }

/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.mh-panel{background:linear-gradient(160deg,var(--mh-card-highlight),var(--mh-surface));border:1px solid var(--mh-card-border);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-radius:2rem}.mh-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;padding:.75rem 1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:linear-gradient(135deg,var(--mh-accent),var(--mh-accent-secondary));box-shadow:0 8px 32px rgba(0,217,255,.2)}.mh-btn-primary:hover{box-shadow:0 12px 40px rgba(0,217,255,.3)}.mh-header-shell{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 1rem;border-radius:1.5rem;border:1px solid var(--mh-header-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mh-legal-section{padding:1.5rem;background:var(--mh-surface-soft);border:1px solid var(--mh-card-border);border-radius:1.4rem}.mh-shell{font-family:Outfit,sans-serif;background:var(--mh-bg);color:var(--mh-text);min-height:100vh}.mh-shell[data-rtl=true],[dir=rtl] .mh-shell{font-family:Cairo,sans-serif}.mh-container{margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem;max-width:1200px}.mh-section-heading{margin-bottom:3rem;display:flex;flex-direction:column;gap:1rem}@media (min-width:640px){.mh-section-heading{flex-direction:row;align-items:center;justify-content:space-between}}.mh-section-title{font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-.025em}@media (min-width:640px){.mh-section-title{font-size:2.25rem;line-height:2.5rem}}.mh-eyebrow{font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--mh-accent)}.mh-subtitle{color:var(--mh-muted);font-size:1rem;line-height:1.5rem;line-height:1.625}@media (min-width:640px){.mh-subtitle{font-size:1.125rem;line-height:1.75rem}}.mh-divider{height:1px;background:var(--mh-card-border)}.mh-site-header{padding-top:.75rem;padding-bottom:.75rem;will-change:auto}.mh-header-brand{display:flex;align-items:center;gap:.625rem;text-decoration-line:none;color:var(--mh-text)}.mh-logo-squircle{height:2.25rem;width:2.25rem;border-radius:.75rem}.mh-header-brand-text{display:flex;flex-direction:column;line-height:1}.mh-header-brand-name{font-size:.875rem;line-height:1.25rem;font-weight:700;letter-spacing:-.025em}.mh-header-brand-sub{font-size:10px;font-weight:500}.mh-header-nav{display:none;align-items:center;gap:.25rem}@media (min-width:768px){.mh-header-nav{display:flex}}.mh-nav-link{border-radius:.5rem;padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.mh-header-actions{display:flex;align-items:center;gap:.5rem}.mh-hamburger{display:flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width:768px){.mh-hamburger{display:none}}.mh-hamburger{color:var(--mh-muted);border:1px solid var(--mh-card-border)}.mh-hamburger svg{height:1.25rem;width:1.25rem}.mh-utility-chip{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;border-radius:.75rem;font-size:.75rem;line-height:1rem;font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;color:var(--mh-muted);border:1px solid var(--mh-card-border);background:transparent}.mh-utility-chip:hover{color:var(--mh-text);border-color:var(--mh-muted)}.mh-mobile-menu{position:fixed;inset:0;z-index:100;background:var(--mh-bg);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);display:flex;flex-direction:column;padding:1.5rem;transform:translateX(100%);transition:transform .35s cubic-bezier(.22,1,.36,1)}.mh-mobile-menu[aria-hidden=false]{transform:translateX(0)}.mh-mobile-menu__close{margin-bottom:1.5rem;align-self:flex-end;color:var(--mh-muted)}.mh-mobile-menu__link{display:block;border-radius:1rem;padding:.75rem 1rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:var(--mh-text)}.mh-mobile-menu__link:hover{background:var(--mh-surface-soft)}.mh-mobile-menu__actions{margin-top:auto;display:flex;flex-direction:column;gap:.75rem;padding-top:1.5rem}.mh-orb{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.mh-orb--hero-a{width:260px;height:260px;top:-40px;right:-20px;background:rgba(0,217,255,.12);animation:mh-float 8s ease-in-out infinite}.mh-orb--hero-b{width:200px;height:200px;bottom:-30px;left:-30px;background:rgba(0,255,163,.08);animation:mh-float 10s ease-in-out 2s infinite}.mh-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;padding:.75rem 1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600;text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;color:var(--mh-text);border:1px solid var(--mh-card-border);background:transparent}.mh-btn-secondary:hover{border-color:var(--mh-muted)}.mh-btn-ghost{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;line-height:1.25rem;font-weight:600;text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:var(--mh-accent)}.mh-carousel-dot.is-active{opacity:1;background:var(--mh-accent);width:1.5rem}.mh-pricing-toggle__btn.is-active{background:var(--mh-accent);color:#000}.mh-pricing-toggle__btn.is-active .mh-pricing-save{background:rgba(0,0,0,.2);color:var(--mh-bg)}.mh-store-btn{display:inline-flex;align-items:center;gap:.75rem;border-radius:.75rem;padding:.75rem 1.25rem;font-size:.875rem;line-height:1.25rem;font-weight:600;text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background:var(--mh-surface);border:1px solid var(--mh-card-border);color:var(--mh-text)}.mh-store-btn:hover{border-color:var(--mh-muted);transform:translateY(-2px)}.mh-store-btn svg{height:1.5rem;width:1.5rem;flex-shrink:0}.mh-login-page{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:3rem 1rem;background:var(--mh-bg)}.mh-login-card{width:100%;max-width:28rem;border-radius:1.5rem;padding:2rem;background:var(--mh-surface);border:1px solid var(--mh-card-border)}.mh-login-separator{margin-top:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.mh-login-separator-line{height:1px;flex:1 1 0%;background:var(--mh-card-border)}.mh-login-footer-links{margin-top:1.5rem;text-align:center;color:var(--mh-muted)}.mh-field,.mh-login-footer-links{font-size:.875rem;line-height:1.25rem}.mh-field{width:100%;border-radius:.75rem;padding:.75rem 1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background:var(--mh-surface-soft);border:1px solid var(--mh-card-border)}.mh-field:focus{outline:none;border-color:var(--mh-accent);box-shadow:0 0 0 3px rgba(0,217,255,.1)}.mh-social-btn{display:flex;width:100%;cursor:pointer;align-items:center;justify-content:center;gap:.75rem;border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:600;text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background:var(--mh-surface-soft);border:1px solid var(--mh-card-border);color:var(--mh-text)}.mh-social-btn:hover{border-color:var(--mh-muted)}.mh-support-cards{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width:768px){.mh-support-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.mh-support-card{border-radius:1.5rem;padding:2rem;background:var(--mh-surface-soft);border:1px solid var(--mh-card-border)}.mh-support-channel-card{display:flex;align-items:center;gap:1rem;border-radius:1rem;padding:1.25rem;text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background:var(--mh-surface);border:1px solid var(--mh-card-border);color:var(--mh-text)}.mh-support-channel-card:hover{border-color:rgba(0,217,255,.15)}.mh-support-channel-icon{font-size:1.5rem;line-height:2rem}.mh-legal-body{margin-left:auto;margin-right:auto;margin-top:2rem;max-width:48rem}.mh-legal-body>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.mh-utility-dock{display:flex;align-items:center;justify-content:center;gap:1rem;padding-top:1rem;padding-bottom:1rem}.mh-utility-kicker{font-size:.75rem;line-height:1rem}.mh-account-chip{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;width:auto!important;height:auto!important;margin:0!important}.mh-account-chip:hover{transform:translateY(-2px)}.mh-account-avatar--squircle{border-radius:12px!important;border:1px solid var(--mh-card-border);width:38px;height:38px;box-shadow:var(--mh-soft-shadow)}.mh-account-dropdown{transform-origin:top right;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;border-radius:24px!important;overflow:hidden}.mh-account-dropdown__info .relative,.mh-account-dropdown__info img{border-radius:22px!important}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.\!-left-\[10\%\]{left:-10%!important}.\!-right-\[5\%\]{right:-5%!important}.\!-top-\[10\%\]{top:-10%!important}.\!bottom-0{bottom:0!important}.-bottom-10{bottom:-2.5rem}.-bottom-24{bottom:-6rem}.-left-\[10\%\]{left:-10%}.-right-10{right:-2.5rem}.-right-24{right:-6rem}.-top-24{top:-6rem}.-top-32{top:-8rem}.bottom-0{bottom:0}.bottom-\[-10\%\]{bottom:-10%}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.left-6{left:1.5rem}.left-\[-10\%\]{left:-10%}.right-0{right:0}.right-4{right:1rem}.right-5{right:1.25rem}.right-6{right:1.5rem}.right-8{right:2rem}.right-\[-10\%\]{right:-10%}.right-\[5\%\]{right:5%}.top-0{top:0}.top-1\/2{top:50%}.top-14{top:3.5rem}.top-16{top:4rem}.top-20{top:5rem}.top-6{top:1.5rem}.top-\[-10\%\]{top:-10%}.top-\[35\%\]{top:35%}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-0{z-index:0}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.z-\[250\]{z-index:250}.z-\[300\]{z-index:300}.z-\[350\]{z-index:350}.z-\[400\]{z-index:400}.z-\[600\]{z-index:600}.z-\[700\]{z-index:700}.z-\[800\]{z-index:800}.z-\[850\]{z-index:850}.z-\[900\]{z-index:900}.col-span-full{grid-column:1/-1}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.\!h-\[500px\]{height:500px!important}.\!h-\[600px\]{height:600px!important}.h-0{height:0}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[380px\]{height:380px}.h-\[420px\]{height:420px}.h-\[500px\]{height:500px}.h-full{height:100%}.max-h-\[380px\]{max-height:380px}.max-h-\[90vh\]{max-height:90vh}.max-h-\[92vh\]{max-height:92vh}.min-h-0{min-height:0}.min-h-24{min-height:6rem}.min-h-screen{min-height:100vh}.\!w-\[500px\]{width:500px!important}.\!w-\[600px\]{width:600px!important}.w-0{width:0}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[420px\]{width:420px}.w-\[480px\]{width:480px}.w-\[500px\]{width:500px}.w-\[700px\]{width:700px}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.min-w-0{min-width:0}.min-w-48{min-width:12rem}.min-w-\[140px\]{min-width:140px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[1250px\]{max-width:1250px}.max-w-\[260px\]{max-width:260px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-separate{border-collapse:separate}.border-spacing-y-4{--tw-border-spacing-y:1rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{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))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-y-full{--tw-translate-y:100%}.rotate-180,.translate-y-full{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))}.rotate-180{--tw-rotate:180deg}.transform{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))}.animate-\[gradientSpin_3s_linear_infinite\]{animation:gradientSpin 3s linear infinite}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(10px,-18px,0) scale(1.04)}}.animate-drift{animation:drift 12s ease-in-out infinite}@keyframes float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-14px,0)}}.animate-float{animation:float 8s ease-in-out infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-14{gap:3.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[1\.4rem\]{border-radius:1.4rem}.rounded-\[2\.4rem\]{border-radius:2.4rem}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[2\.8rem\]{border-radius:2.8rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[3\.5rem\]{border-radius:3.5rem}.rounded-\[3rem\]{border-radius:3rem}.rounded-\[4rem\]{border-radius:4rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-l-3xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.rounded-r-3xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.border-dashed{border-style:dashed}.border-\[var\(--mh-card-border\)\]{border-color:var(--mh-card-border)}.border-amber-500\/20{border-color:rgba(245,158,11,.2)}.border-amber-500\/30{border-color:rgba(245,158,11,.3)}.border-black\/10{border-color:rgba(0,0,0,.1)}.border-black\/5{border-color:rgba(0,0,0,.05)}.border-cyan-500{--tw-border-opacity:1;border-color:rgb(6 182 212/var(--tw-border-opacity,1))}.border-cyan-500\/10{border-color:rgba(6,182,212,.1)}.border-cyan-500\/20{border-color:rgba(6,182,212,.2)}.border-cyan-500\/30{border-color:rgba(6,182,212,.3)}.border-cyan-500\/5{border-color:rgba(6,182,212,.05)}.border-emerald-500\/20{border-color:rgba(16,185,129,.2)}.border-emerald-500\/30{border-color:rgba(16,185,129,.3)}.border-emerald-500\/40{border-color:rgba(16,185,129,.4)}.border-green-500\/10{border-color:rgba(34,197,94,.1)}.border-purple-500{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.border-purple-500\/10{border-color:rgba(168,85,247,.1)}.border-purple-500\/20{border-color:rgba(168,85,247,.2)}.border-purple-500\/25{border-color:rgba(168,85,247,.25)}.border-purple-500\/30{border-color:rgba(168,85,247,.3)}.border-purple-500\/40{border-color:rgba(168,85,247,.4)}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-red-500\/10{border-color:rgba(239,68,68,.1)}.border-red-500\/20{border-color:rgba(239,68,68,.2)}.border-rose-500\/30{border-color:rgba(244,63,94,.3)}.border-sky-500\/20{border-color:rgba(14,165,233,.2)}.border-sky-500\/30{border-color:rgba(14,165,233,.3)}.border-sky-500\/40{border-color:rgba(14,165,233,.4)}.border-slate-500\/20{border-color:rgba(100,116,139,.2)}.border-slate-500\/30{border-color:rgba(100,116,139,.3)}.border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.border-slate-700\/50{border-color:rgba(51,65,85,.5)}.border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.border-slate-800\/50{border-color:rgba(30,41,59,.5)}.border-slate-900{--tw-border-opacity:1;border-color:rgb(15 23 42/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/5{border-color:hsla(0,0%,100%,.05)}.border-t-cyan-400{--tw-border-opacity:1;border-top-color:rgb(34 211 238/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:transparent}.border-t-white{--tw-border-opacity:1;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-\[var\(--mh-surface\)\]{background-color:var(--mh-surface)}.bg-\[var\(--mh-surface-soft\)\]{background-color:var(--mh-surface-soft)}.bg-amber-500\/10{background-color:rgba(245,158,11,.1)}.bg-amber-500\/20{background-color:rgba(245,158,11,.2)}.bg-black\/5{background-color:rgba(0,0,0,.05)}.bg-blue-500\/10{background-color:rgba(59,130,246,.1)}.bg-blue-600\/10{background-color:rgba(37,99,235,.1)}.bg-cyan-500{--tw-bg-opacity:1;background-color:rgb(6 182 212/var(--tw-bg-opacity,1))}.bg-cyan-500\/10{background-color:rgba(6,182,212,.1)}.bg-cyan-500\/5{background-color:rgba(6,182,212,.05)}.bg-cyan-600{--tw-bg-opacity:1;background-color:rgb(8 145 178/var(--tw-bg-opacity,1))}.bg-cyan-600\/10{background-color:rgba(8,145,178,.1)}.bg-cyan-600\/20{background-color:rgba(8,145,178,.2)}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-emerald-500\/10{background-color:rgba(16,185,129,.1)}.bg-emerald-500\/15{background-color:rgba(16,185,129,.15)}.bg-emerald-500\/20{background-color:rgba(16,185,129,.2)}.bg-green-500\/5{background-color:rgba(34,197,94,.05)}.bg-indigo-500\/10{background-color:rgba(99,102,241,.1)}.bg-purple-500\/10{background-color:rgba(168,85,247,.1)}.bg-purple-500\/15{background-color:rgba(168,85,247,.15)}.bg-purple-500\/5{background-color:rgba(168,85,247,.05)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-500\/10{background-color:rgba(239,68,68,.1)}.bg-red-500\/5{background-color:rgba(239,68,68,.05)}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-rose-500\/15{background-color:rgba(244,63,94,.15)}.bg-sky-500{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity,1))}.bg-sky-500\/10{background-color:rgba(14,165,233,.1)}.bg-sky-500\/15{background-color:rgba(14,165,233,.15)}.bg-sky-500\/20{background-color:rgba(14,165,233,.2)}.bg-slate-500\/15{background-color:rgba(100,116,139,.15)}.bg-slate-500\/20{background-color:rgba(100,116,139,.2)}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.bg-slate-800\/50{background-color:rgba(30,41,59,.5)}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-slate-900\/30{background-color:rgba(15,23,42,.3)}.bg-slate-900\/40{background-color:rgba(15,23,42,.4)}.bg-slate-900\/50{background-color:rgba(15,23,42,.5)}.bg-slate-900\/60{background-color:rgba(15,23,42,.6)}.bg-slate-950{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity,1))}.bg-slate-950\/50{background-color:rgba(2,6,23,.5)}.bg-slate-950\/60{background-color:rgba(2,6,23,.6)}.bg-slate-950\/80{background-color:rgba(2,6,23,.8)}.bg-slate-950\/90{background-color:rgba(2,6,23,.9)}.bg-slate-950\/95{background-color:rgba(2,6,23,.95)}.bg-slate-950\/\[\.98\]{background-color:rgba(2,6,23,.98)}.bg-transparent{background-color:transparent}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/20{background-color:hsla(0,0%,100%,.2)}.bg-white\/\[0\.04\]{background-color:hsla(0,0%,100%,.04)}.bg-\[linear-gradient\(45deg\2c \#0ea5e9\2c \#6366f1\2c \#8b5cf6\2c \#0ea5e9\)\]{background-image:linear-gradient(45deg,#0ea5e9,#6366f1,#8b5cf6,#0ea5e9)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.bg-hero-grid{background-image:radial-gradient(circle at top,rgba(0,217,255,.12),transparent 38%),radial-gradient(circle at 20% 15%,rgba(0,255,163,.1),transparent 24%),linear-gradient(145deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.01))}.from-amber-500\/10{--tw-gradient-from:rgba(245,158,11,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(245,158,11,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-900{--tw-gradient-from:#1e3a8a var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,58,138,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-900\/40{--tw-gradient-from:rgba(30,58,138,.4) var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,58,138,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-500\/20{--tw-gradient-from:rgba(99,102,241,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(99,102,241,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-500\/5{--tw-gradient-from:rgba(168,85,247,.05) var(--tw-gradient-from-position);--tw-gradient-to:rgba(168,85,247,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-sky-400{--tw-gradient-from:#38bdf8 var(--tw-gradient-from-position);--tw-gradient-to:rgba(56,189,248,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-sky-500{--tw-gradient-from:#0ea5e9 var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-sky-500\/10{--tw-gradient-from:rgba(14,165,233,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-sky-500\/25{--tw-gradient-from:rgba(14,165,233,.25) var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-500\/10{--tw-gradient-from:rgba(100,116,139,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(100,116,139,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-teal-500\/15{--tw-gradient-from:rgba(20,184,166,.15) var(--tw-gradient-from-position);--tw-gradient-to:rgba(20,184,166,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-cyan-400\/20{--tw-gradient-to:rgba(34,211,238,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(34,211,238,.2) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-emerald-500\/10{--tw-gradient-to:rgba(16,185,129,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(16,185,129,.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-indigo-500{--tw-gradient-to:rgba(99,102,241,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#6366f1 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-indigo-500\/5{--tw-gradient-to:rgba(99,102,241,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(99,102,241,.05) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-500\/15{--tw-gradient-to:rgba(168,85,247,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(168,85,247,.15) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-sky-500\/10{--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(14,165,233,.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-cyan-900{--tw-gradient-to:#164e63 var(--tw-gradient-to-position)}.to-cyan-900\/40{--tw-gradient-to:rgba(22,78,99,.4) var(--tw-gradient-to-position)}.to-emerald-500\/10{--tw-gradient-to:rgba(16,185,129,.1) var(--tw-gradient-to-position)}.to-indigo-500\/25{--tw-gradient-to:rgba(99,102,241,.25) var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to:#a855f7 var(--tw-gradient-to-position)}.to-purple-500\/10{--tw-gradient-to:rgba(168,85,247,.1) var(--tw-gradient-to-position)}.to-sky-500\/5{--tw-gradient-to:rgba(14,165,233,.05) var(--tw-gradient-to-position)}.to-slate-600\/10{--tw-gradient-to:rgba(71,85,105,.1) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-12{padding-left:3rem;padding-right:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-32{padding-top:8rem;padding-bottom:8rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-14{padding-left:3.5rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-6{padding-right:1.5rem}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-display{font-family:Outfit,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-7{line-height:1.75rem}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.1em\]{letter-spacing:.1em}.tracking-\[0\.24em\]{letter-spacing:.24em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-\[0\.4em\]{letter-spacing:.4em}.tracking-\[0\.5em\]{letter-spacing:.5em}.tracking-\[0\.6em\]{letter-spacing:.6em}.tracking-\[0\.8em\]{letter-spacing:.8em}.tracking-normal{letter-spacing:0}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[var\(--mh-text\)\]{color:var(--mh-text)}.text-amber-200{--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-current{color:currentColor}.text-cyan-400{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}.text-cyan-500{--tw-text-opacity:1;color:rgb(6 182 212/var(--tw-text-opacity,1))}.text-cyan-500\/60{color:rgba(6,182,212,.6)}.text-cyan-600{--tw-text-opacity:1;color:rgb(8 145 178/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-purple-500\/60{color:rgba(168,85,247,.6)}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-500\/50{color:rgba(239,68,68,.5)}.text-rose-500{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.text-sky-400{--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity,1))}.text-sky-500{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity,1))}.text-sky-600{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-15{opacity:.15}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-\[0_0_20px_rgba\(34\2c 211\2c 238\2c 0\.1\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_20px_rgba\(34\2c 211\2c 238\2c 0\.1\)\]{--tw-shadow:0 0 20px rgba(34,211,238,.1);--tw-shadow-colored:0 0 20px var(--tw-shadow-color)}.shadow-\[0_0_30px_rgba\(8\2c 145\2c 178\2c 0\.2\)\]{--tw-shadow:0 0 30px rgba(8,145,178,.2);--tw-shadow-colored:0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(8\2c 145\2c 178\2c 0\.3\)\]{--tw-shadow:0 0 30px rgba(8,145,178,.3);--tw-shadow-colored:0 0 30px var(--tw-shadow-color)}.shadow-\[0_0_30px_rgba\(8\2c 145\2c 178\2c 0\.3\)\],.shadow-inner{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.shadow-black{--tw-shadow-color:#000;--tw-shadow:var(--tw-shadow-colored)}.shadow-cyan-900\/20{--tw-shadow-color:rgba(22,78,99,.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-emerald-500\/10{--tw-shadow-color:rgba(16,185,129,.1);--tw-shadow:var(--tw-shadow-colored)}.shadow-red-500\/20{--tw-shadow-color:rgba(239,68,68,.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-red-900\/20{--tw-shadow-color:rgba(127,29,29,.2);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-red-500\/30{--tw-ring-color:rgba(239,68,68,.3)}.ring-sky-400\/30{--tw-ring-color:rgba(56,189,248,.3)}.blur{--tw-blur:blur(8px)}.blur,.blur-3xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur:blur(64px)}.blur-\[100px\]{--tw-blur:blur(100px)}.blur-\[100px\],.blur-\[120px\]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[120px\]{--tw-blur:blur(120px)}.blur-\[40px\]{--tw-blur:blur(40px)}.blur-\[40px\],.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-2xl{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(40px)}.backdrop-blur-3xl{--tw-backdrop-blur:blur(64px)}.backdrop-blur-3xl,.backdrop-blur-md{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.mh-reveal{transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.mh-js .mh-reveal:not(.is-visible){opacity:0;transform:translateY(20px)}.mh-reveal.is-visible{opacity:1;transform:translateY(0)}.text-mh-text{color:var(--mh-text)}.text-mh-muted{color:var(--mh-muted)}:root{--mh-accent-secondary:#00ffa3;--mh-accent-tertiary:#7000ff;--mh-accent-soft:rgba(0,217,255,.08);--mh-bg:#040d14;--mh-surface:#07111a;--mh-surface-soft:#0a1621;--mh-surface-strong:#0d1c29;--mh-text:#f8fafc;--mh-muted:#94a3b8;--mh-muted-strong:#cbd5e1;--mh-card-border:hsla(0,0%,100%,.06);--mh-card-highlight:hsla(0,0%,100%,.03);--mh-header-h:5rem;--mh-header-glass:rgba(7,17,26,.75);--mh-header-border:hsla(0,0%,100%,.06);--mh-shadow:0 20px 60px rgba(0,0,0,.3)}:root[data-theme=light]{--mh-bg:#f8fafc;--mh-surface:#fff;--mh-surface-soft:#f1f5f9;--mh-surface-strong:#e2e8f0;--mh-text:#0f172a;--mh-muted:#64748b;--mh-muted-strong:#475569;--mh-header-glass:rgba(248,250,252,.85);--mh-header-border:rgba(15,23,42,.06);--mh-shadow:0 20px 60px rgba(15,23,42,.08)}@keyframes mh-dropdown-in{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}details[open] .mh-account-dropdown{animation:mh-dropdown-in .25s cubic-bezier(.22,1,.36,1) forwards}@media (max-width:1023px){.mh-floating-note{display:none}}@keyframes mh-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}:root{--mh-accent:#00d9ff;--mh-accent-secondary:#21e6c1;--mh-accent-tertiary:#7de3ff;--mh-accent-soft:rgba(0,217,255,.1);--mh-bg:#0f1419;--mh-bg-alt:#141d27;--mh-surface:rgba(17,24,33,.78);--mh-surface-soft:rgba(20,30,41,.72);--mh-surface-strong:rgba(28,40,55,.9);--mh-text:#f7fbff;--mh-muted:#a6b6c9;--mh-muted-strong:#dbe6f0;--mh-card-border:rgba(160,214,255,.14);--mh-card-highlight:hsla(0,0%,100%,.08);--mh-header-glass:rgba(15,21,29,.7);--mh-header-border:rgba(183,224,255,.12);--mh-shadow:0 24px 80px rgba(5,11,20,.28);--mh-soft-shadow:0 12px 40px rgba(5,11,20,.18);--mh-header-h:5.25rem;--mh-glass-blur:18px;--mh-glass-saturation:1.42;--mh-glass-fill:linear-gradient(180deg,hsla(0,0%,100%,.11),hsla(0,0%,100%,.03));--mh-glass-edge:hsla(0,0%,100%,.15);--mh-glass-highlight:hsla(0,0%,100%,.22)}:root[data-theme=light]{--mh-bg:#edf6ff;--mh-bg-alt:#f8fbff;--mh-surface:hsla(0,0%,100%,.74);--mh-surface-soft:hsla(0,0%,100%,.9);--mh-surface-strong:rgba(232,242,251,.96);--mh-text:#102033;--mh-muted:#5f7388;--mh-muted-strong:#314256;--mh-card-border:rgba(24,60,92,.1);--mh-card-highlight:hsla(0,0%,100%,.66);--mh-header-glass:rgba(250,252,255,.74);--mh-header-border:rgba(46,82,115,.1);--mh-shadow:0 24px 80px rgba(61,105,150,.12);--mh-soft-shadow:0 14px 40px rgba(61,105,150,.08);--mh-glass-fill:linear-gradient(180deg,hsla(0,0%,100%,.8),rgba(244,250,255,.56));--mh-glass-edge:rgba(69,105,140,.12);--mh-glass-highlight:hsla(0,0%,100%,.82)}html{background:var(--mh-bg);overflow-x:hidden}body.mh-shell{position:relative;min-height:100vh;padding-top:var(--mh-header-h);background:linear-gradient(135deg,var(--mh-bg) 0,var(--mh-bg-alt) 55%,color-mix(in srgb,var(--mh-bg) 78%,#0a1017) 100%);color:var(--mh-text)}body.mh-scroll-lock{overflow:hidden;touch-action:none}body.mh-shell:after,body.mh-shell:before{content:"";position:fixed;z-index:0;pointer-events:none;border-radius:999px}body.mh-shell:before{top:-7rem;right:-6rem;width:19rem;height:19rem;background:radial-gradient(circle at center,rgba(0,217,255,.16) 0,rgba(0,217,255,.06) 38%,rgba(0,217,255,0) 72%)}body.mh-shell:after{bottom:6rem;left:-4rem;width:15rem;height:15rem;background:radial-gradient(circle at center,rgba(33,230,193,.13) 0,rgba(33,230,193,.05) 38%,rgba(33,230,193,0) 72%)}body.mh-shell>:not(.mh-site-header):not(.mh-mobile-menu):not([data-modal]):not(#mm-fab):not(#mm-backdrop):not(#mm-sheet):not(.mm-fab):not(.mm-backdrop):not(.mm-sheet){position:relative;z-index:1}body.mh-shell>.mh-mobile-menu{position:fixed;z-index:100}body.mh-shell>[data-modal]{position:fixed;z-index:350}body.mh-shell>#mm-fab,body.mh-shell>.mm-fab{position:fixed!important;z-index:9990!important}body.mh-shell>#mm-backdrop,body.mh-shell>.mm-backdrop{position:fixed!important;z-index:9995!important}body.mh-shell>#mm-sheet,body.mh-shell>.mm-sheet{position:fixed!important;z-index:9999!important}[data-modal][hidden]{display:none!important}.mh-account-chip,.mh-compare-card,.mh-feature-card,.mh-floating-note,.mh-glass,.mh-grid-card,.mh-header-shell,.mh-how-step,.mh-legal-aside,.mh-legal-section,.mh-login-card,.mh-page-hero,.mh-page-hero__meta-card,.mh-panel,.mh-plan-card,.mh-stat-card,.mh-status-card,.mh-support-card,.mh-support-channel-card,.mh-testimonial-card,.mh-video-card{background:linear-gradient(135deg,hsla(0,0%,100%,.12) 0,hsla(0,0%,100%,.02) 100%),linear-gradient(160deg,color-mix(in srgb,var(--mh-card-highlight) 85%,transparent),color-mix(in srgb,var(--mh-surface) 94%,transparent));border:1px solid color-mix(in srgb,var(--mh-glass-edge) 84%,var(--mh-card-border));backdrop-filter:blur(var(--mh-glass-blur)) saturate(var(--mh-glass-saturation));-webkit-backdrop-filter:blur(var(--mh-glass-blur)) saturate(var(--mh-glass-saturation));box-shadow:inset 0 1px 0 var(--mh-glass-highlight),inset 0 -1px 0 hsla(0,0%,100%,.03),0 1px 2px rgba(0,0,0,.06),var(--mh-soft-shadow)}.mh-panel{background:linear-gradient(160deg,color-mix(in srgb,var(--mh-card-highlight) 90%,transparent),color-mix(in srgb,var(--mh-surface-strong) 90%,transparent))}.mh-btn-primary{background:linear-gradient(135deg,var(--mh-accent),color-mix(in srgb,var(--mh-accent-secondary) 82%,#fff));color:#04131f;box-shadow:0 14px 34px rgba(0,217,255,.24)}.mh-btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,217,255,.3)}.mh-btn-secondary,.mh-header-download,.mh-header-login,.mh-social-btn,.mh-store-btn{background:color-mix(in srgb,var(--mh-surface-soft) 88%,transparent);border-color:var(--mh-card-border);color:var(--mh-text)}.mh-btn-secondary:hover,.mh-header-download:hover,.mh-header-login:hover,.mh-social-btn:hover,.mh-store-btn:hover{border-color:color-mix(in srgb,var(--mh-accent) 26%,var(--mh-card-border));color:var(--mh-text)}.mh-shell a{transition:color .18s ease,border-color .18s ease,background-color .18s ease,transform .22s ease,box-shadow .22s ease}.mh-site-header{position:fixed;top:0;left:0;right:0;z-index:300;padding-top:.4rem;padding-bottom:.15rem;backface-visibility:hidden}.mh-header-shell{min-height:4.7rem;padding:.75rem 1rem;border-radius:1.8rem;background:var(--mh-header-glass);border-color:var(--mh-header-border);box-shadow:var(--mh-shadow)}.mh-header-brand{gap:.9rem}.mh-logo-squircle{width:2.85rem;height:2.85rem;border-radius:1rem;box-shadow:0 14px 30px rgba(0,217,255,.16)}.mh-header-brand-sub{color:var(--mh-muted);letter-spacing:.18em;text-transform:uppercase}.mh-header-nav{gap:.35rem}.mh-nav-link{padding:.55rem .85rem;border-radius:999px;color:var(--mh-muted)}.mh-nav-link:hover{background:color-mix(in srgb,var(--mh-surface-soft) 80%,transparent);color:var(--mh-text)}.mh-header-actions{gap:.65rem;flex-wrap:nowrap}.mh-utility-chip{gap:.5rem;min-height:2.8rem;padding-inline:.9rem;border-radius:999px;background:color-mix(in srgb,var(--mh-surface-soft) 82%,transparent);color:var(--mh-text)}.mh-utility-kicker{color:var(--mh-muted);font-size:.62rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.mh-header-download,.mh-header-login{min-height:2.8rem;border-radius:999px;padding-inline:1.2rem;font-size:.82rem}.mh-header-download{background:linear-gradient(135deg,var(--mh-accent),color-mix(in srgb,var(--mh-accent-secondary) 82%,#fff));border-color:transparent;color:#04131f;box-shadow:0 14px 34px rgba(0,217,255,.22)}.mh-header-download:hover{transform:translateY(-1px);box-shadow:0 18px 40px rgba(0,217,255,.28);color:#04131f}.mh-header-login{background:color-mix(in srgb,var(--mh-surface-soft) 78%,transparent)}.mh-account-chip{display:inline-flex;align-items:center;gap:.75rem;min-width:0;max-width:16rem;padding:.42rem .6rem .42rem .42rem;border-radius:999px}.mh-account-avatar{width:2.3rem;height:2.3rem;border-radius:999px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.mh-account-avatar--fallback{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--mh-accent),color-mix(in srgb,var(--mh-accent-secondary) 82%,#fff));color:#06111e;font-size:.82rem;font-weight:800;letter-spacing:.08em}.mh-account-meta{display:flex;min-width:0;flex-direction:column}.mh-account-name{font-size:.86rem;font-weight:700;color:var(--mh-text)}.mh-account-email,.mh-account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mh-account-email{font-size:.72rem;color:var(--mh-muted)}.mh-header-logout-form{margin:0}.mh-mobile-menu{background:linear-gradient(180deg,color-mix(in srgb,var(--mh-bg) 96%,transparent),color-mix(in srgb,var(--mh-bg-alt) 96%,transparent));backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}.mh-mobile-account{display:flex;flex-direction:column;gap:.2rem;padding:1rem 1.1rem;border-radius:1.2rem;background:color-mix(in srgb,var(--mh-surface-soft) 78%,transparent);border:1px solid var(--mh-card-border)}.mh-mobile-account__name{font-size:.95rem;font-weight:700;color:var(--mh-text)}.mh-mobile-account__email{font-size:.78rem;color:var(--mh-muted)}.mh-language-trigger__icon{font-size:.95rem;line-height:1}.mh-section-shell{position:relative;padding-block:clamp(4rem,7vw,5.35rem)}.mh-section-shell:before{content:"";position:absolute;inset:0;pointer-events:none;border-top:1px solid color-mix(in srgb,var(--mh-card-border) 82%,transparent)}.mh-section-shell--tint{background:linear-gradient(180deg,color-mix(in srgb,var(--mh-surface-soft) 42%,transparent),transparent 45%,color-mix(in srgb,var(--mh-surface-soft) 28%,transparent))}.mh-section-shell--contrast{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--mh-surface-strong) 20%,transparent) 18%,transparent 100%)}.mh-section-shell--showcase{background:radial-gradient(circle at 14% 12%,rgba(0,217,255,.08),transparent 30%),radial-gradient(circle at 86% 82%,rgba(33,230,193,.08),transparent 28%)}.mh-hero-section{min-height:auto;display:block;padding-top:0!important;margin-top:0!important}.mh-hero-grid{gap:clamp(2rem,3.5vw,3.5rem);align-items:center;min-height:clamp(28rem,42vw,33rem);padding-top:.5rem;padding-bottom:.75rem}.mh-hero-copy{justify-content:center;min-height:100%;max-width:37rem;padding-top:.1rem;gap:1.4rem}.mh-hero-copy__top{display:grid;gap:1rem}.mh-hero-brand{font-size:clamp(4rem,8.4vw,7.4rem);line-height:.86;letter-spacing:-.08em;text-wrap:balance}.mh-hero-subtitle{max-width:33rem;font-size:clamp(1.8rem,4.1vw,3.2rem);line-height:.98;color:var(--mh-text);text-wrap:balance}.mh-hero-body{max-width:31rem;color:var(--mh-muted-strong);font-size:1.06rem;line-height:1.7}.mh-pill{background:color-mix(in srgb,var(--mh-accent-soft) 72%,var(--mh-surface-soft));color:var(--mh-accent);width:-moz-fit-content;width:fit-content;max-width:-moz-max-content;max-width:max-content}.mh-hero-stage{min-height:28rem;padding:.35rem 0 0;align-self:center;justify-self:end;width:min(100%,31rem)}.mh-hero-stage__backplate,.mh-hero-stage__glow{position:absolute;inset:auto;pointer-events:none;z-index:0}.mh-hero-stage__backplate{top:12%;right:7%;width:clamp(14rem,38vw,18rem);height:clamp(18rem,44vw,23rem);border-radius:3rem;background:linear-gradient(180deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.03)),linear-gradient(160deg,color-mix(in srgb,var(--mh-card-highlight) 72%,transparent),color-mix(in srgb,var(--mh-surface-strong) 90%,transparent));border:1px solid color-mix(in srgb,var(--mh-card-border) 92%,transparent);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.22)}.mh-hero-stage__glow{width:18rem;height:5rem;left:50%;bottom:.55rem;transform:translateX(-50%);border-radius:999px;background:radial-gradient(circle at center,rgba(0,217,255,.2) 0,rgba(0,217,255,.07) 42%,rgba(0,217,255,0) 74%)}.mh-orb{filter:none;opacity:1;z-index:0}.mh-orb--hero-a{width:16rem;height:16rem;top:-1rem;right:2rem;background:radial-gradient(circle at center,rgba(0,217,255,.22) 0,rgba(0,217,255,.08) 42%,rgba(0,217,255,0) 72%);animation:none}.mh-orb--hero-b{width:12rem;height:12rem;bottom:2.5rem;left:1.2rem;background:radial-gradient(circle at center,rgba(33,230,193,.2) 0,rgba(33,230,193,.06) 44%,rgba(33,230,193,0) 72%);animation:none}.mh-iphone-frame-3d-wrap{position:relative;width:min(100%,16rem);perspective:2200px;transform-style:preserve-3d;--mh-tilt-x:0deg;--mh-tilt-y:0deg;z-index:2;animation:mh-phone-hover 7.2s ease-in-out infinite}.mh-iphone-frame-3d-wrap:before{content:"";position:absolute;left:50%;bottom:-1rem;width:82%;height:2.2rem;transform:translateX(-50%);border-radius:999px;background:radial-gradient(circle at center,rgba(3,8,14,.44) 0,rgba(3,8,14,.14) 45%,rgba(3,8,14,0) 76%);filter:blur(8px);pointer-events:none}.mh-iphone-17-frame{width:100%;height:32.5rem;padding:.78rem;border-radius:3.2rem;background:linear-gradient(160deg,rgba(78,88,104,.98),rgba(12,16,24,.98) 62%,rgba(6,10,18,.98)),linear-gradient(135deg,hsla(0,0%,100%,.12),transparent 48%);border:1px solid rgba(201,224,247,.28);box-shadow:0 34px 74px rgba(2,10,18,.38),0 18px 30px rgba(0,0,0,.16),inset 0 0 0 1px hsla(0,0%,100%,.07),0 0 22px rgba(0,217,255,.09);transform:rotateY(calc(-12deg + var(--mh-tilt-y))) rotateX(calc(5deg + var(--mh-tilt-x))) rotate(-1deg);transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;overflow:hidden;will-change:transform}.mh-iphone-17-frame:before{content:"";position:absolute;top:.88rem;left:50%;width:4.95rem;height:1.38rem;transform:translateX(-50%);border-radius:999px;background:linear-gradient(180deg,#04060a,#0e121a);z-index:5;box-shadow:1.04rem 0 0 rgba(8,11,17,.98),-1.04rem 0 0 rgba(8,11,17,.98)}.mh-iphone-17-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,hsla(0,0%,100%,.16),transparent 18%,transparent 62%,hsla(0,0%,100%,.05)),linear-gradient(90deg,hsla(0,0%,100%,.06),transparent 18%,transparent 82%,hsla(0,0%,100%,.03))}.mh-phone-side-button{position:absolute;right:-.22rem;width:.18rem;border-radius:999px;background:linear-gradient(180deg,rgba(141,154,174,.8),rgba(53,61,75,.9));box-shadow:0 0 0 1px rgba(9,12,18,.24);z-index:4}.mh-phone-side-button--power{top:7rem;height:4rem}.mh-phone-side-button--volume-down,.mh-phone-side-button--volume-up{left:-.22rem;right:auto}.mh-phone-side-button--volume-up{top:6.2rem;height:1.9rem}.mh-phone-side-button--volume-down{top:8.65rem;height:2.7rem}.mh-iphone-screen-3d{border-radius:2.18rem;overflow:hidden;background:#0b1420}.mh-iphone-content,.mh-iphone-screen-3d{position:relative;width:100%;height:100%}.mh-iphone-screen-3d img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .52s ease;transform:translateZ(0)}.mh-iphone-screen-3d img.is-active{opacity:1}.mh-floating-note{padding:.95rem 1.05rem;border-radius:1.3rem;max-width:11.7rem;background:linear-gradient(160deg,color-mix(in srgb,var(--mh-card-highlight) 90%,transparent),color-mix(in srgb,var(--mh-surface-strong) 90%,transparent));backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25)}.mh-floating-note--top{top:11%;right:4%}.mh-floating-note--middle{top:44%;left:5%}.mh-floating-note--bottom{right:5%;bottom:11%}.mh-hero-kicker-row{display:flex;flex-wrap:wrap;gap:.7rem;padding-top:.2rem}.mh-hero-kicker{display:inline-flex;align-items:center;gap:.5rem;padding:.72rem .95rem;border-radius:999px;color:var(--mh-muted-strong);font-size:.85rem;line-height:1;background:color-mix(in srgb,var(--mh-surface-soft) 78%,transparent);border:1px solid color-mix(in srgb,var(--mh-card-border) 94%,transparent)}.mh-hero-kicker:before{content:"";width:.42rem;height:.42rem;border-radius:999px;background:linear-gradient(135deg,var(--mh-accent),var(--mh-accent-secondary));box-shadow:0 0 0 .25rem rgba(0,217,255,.08)}.mh-compare-grid,.mh-feature-grid,.mh-how-grid,.mh-stats-grid,.mh-testimonial-grid{gap:clamp(1rem,2vw,1.5rem)}.mh-feature-card,.mh-grid-card,.mh-how-step,.mh-legal-section,.mh-plan-card,.mh-stat-card,.mh-support-card,.mh-testimonial-card{background:linear-gradient(165deg,color-mix(in srgb,var(--mh-card-highlight) 82%,transparent),color-mix(in srgb,var(--mh-surface) 92%,transparent))}.mh-stat-card{text-align:left;border-radius:1.65rem;padding:1.35rem 1.4rem}.mh-stat-band{margin-top:-.35rem}.mh-stat-value{color:var(--mh-text)}.mh-stat-label{color:var(--mh-muted)}.mh-how-step:before{color:color-mix(in srgb,var(--mh-accent) 14%,transparent)}.mh-how-step{min-height:13.4rem;display:flex;flex-direction:column;justify-content:flex-start;gap:.8rem;isolation:isolate}.mh-how-step:after{content:"";position:absolute;inset:auto 1.25rem 1.1rem;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--mh-accent) 22%,#fff),transparent);opacity:.55}.mh-feature-card:hover,.mh-legal-section:hover,.mh-support-card:hover,.mh-testimonial-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--mh-accent) 24%,var(--mh-card-border))}.mh-compare-card{padding:1.35rem;border-radius:1.75rem;min-height:auto}.mh-compare-card--old{background:linear-gradient(135deg,hsla(0,0%,100%,.08) 0,hsla(0,0%,100%,.02) 100%),linear-gradient(165deg,color-mix(in srgb,hsla(0,0%,100%,.04) 70%,transparent),color-mix(in srgb,var(--mh-surface-soft) 92%,transparent));backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3)}.mh-compare-card--new{background:linear-gradient(135deg,hsla(0,0%,100%,.12) 0,hsla(0,0%,100%,.03) 100%),radial-gradient(circle at top right,rgba(33,230,193,.14),transparent 32%),linear-gradient(165deg,rgba(0,217,255,.1),color-mix(in srgb,var(--mh-surface-strong) 92%,transparent));border-color:rgba(0,217,255,.28);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.18),inset 0 -1px 0 hsla(0,0%,100%,.04),0 0 30px rgba(0,217,255,.12),0 0 60px rgba(0,217,255,.06),0 18px 42px rgba(0,217,255,.08);position:relative}.mh-compare-card--new:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(0,217,255,.3),rgba(33,230,193,.15),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.mh-compare-card--old .mh-compare-item,.mh-compare-card--old .mh-compare-item span:last-child{color:var(--mh-text)}.mh-flow-list{display:grid;gap:.68rem}.mh-flow-step{display:grid;grid-template-columns:2rem 1fr;gap:.9rem;align-items:start;padding:.72rem .85rem;border-radius:1rem;background:color-mix(in srgb,var(--mh-surface-soft) 62%,transparent);border:1px solid color-mix(in srgb,var(--mh-accent) 16%,transparent)}.mh-flow-step__index{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:linear-gradient(135deg,var(--mh-accent),color-mix(in srgb,var(--mh-accent-secondary) 82%,#fff));color:#04131f;font-size:.82rem;font-weight:800}.mh-flow-step__body{color:var(--mh-text);line-height:1.5;font-size:.97rem}.mh-carousel-wrap{overflow:hidden;padding-inline:clamp(1.4rem,5vw,4rem)}.mh-carousel-track{position:relative;height:clamp(26rem,40vw,33rem)}.mh-carousel-item{position:absolute;top:50%;left:50%;width:clamp(10rem,14vw,12.5rem);opacity:0;transform:translate(-50%,-50%) translateX(calc(var(--offset, 0)*clamp(12.5rem, 19vw, 16rem))) translateY(calc(var(--abs-offset, 0)*.7rem)) scale(.75);transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .42s ease,filter .42s ease;z-index:1;filter:saturate(.65) brightness(.85);pointer-events:none;will-change:transform,opacity}.mh-carousel-item[data-visible=true]{opacity:.35}.mh-carousel-item.is-adjacent{opacity:.75;transform:translate(-50%,-50%) translateX(calc(var(--offset, 0)*clamp(12.5rem, 19vw, 16rem))) translateY(.2rem) scale(.88);z-index:2;filter:saturate(.85) brightness(.95);pointer-events:auto}.mh-carousel-item.is-outer{opacity:.45;transform:translate(-50%,-50%) translateX(calc(var(--offset, 0)*clamp(12.5rem, 19vw, 16rem))) translateY(.55rem) scale(.78);z-index:1;filter:saturate(.7) brightness(.88)}.mh-carousel-item.is-center{opacity:1;transform:translate(-50%,-50%) translateX(0) translateY(-.5rem) scale(1.15);z-index:4;filter:saturate(1) brightness(1);pointer-events:auto}.mh-carousel-image{display:block;width:100%;max-height:32rem;height:auto;border-radius:1.25rem;-o-object-fit:contain;object-fit:contain;transition:filter .42s ease}.mh-carousel-item.is-center .mh-carousel-image{filter:drop-shadow(0 18px 32px rgba(7,15,24,.25)) drop-shadow(0 0 28px rgba(0,217,255,.12))}.mh-video-card iframe{display:block}.mh-testimonial-quote{color:var(--mh-muted-strong)}.mh-plan-grid{gap:1.45rem}.mh-plan-grid--compact{max-width:82rem;margin-inline:auto}@media (min-width:768px){.mh-plan-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.mh-plan-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}}.mh-plan-card{min-height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.02) 100%),linear-gradient(165deg,color-mix(in srgb,var(--mh-card-highlight) 88%,transparent),color-mix(in srgb,var(--mh-surface) 95%,transparent));backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3)}.mh-plan-card.is-popular{border-color:rgba(0,217,255,.3);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.15),0 0 30px rgba(0,217,255,.1),0 0 60px rgba(0,217,255,.05),0 20px 50px rgba(0,0,0,.15)}.mh-plan-badge{background:linear-gradient(135deg,var(--mh-accent),color-mix(in srgb,var(--mh-accent-secondary) 85%,#fff));color:#04131f}.mh-final-cta{padding:clamp(2.5rem,5vw,4rem);border-radius:2.25rem;background:linear-gradient(180deg,rgba(0,217,255,.08),color-mix(in srgb,var(--mh-surface) 94%,transparent));border:1px solid rgba(0,217,255,.14);box-shadow:var(--mh-shadow)}.mh-login-page{min-height:calc(100svh - var(--mh-header-h));padding-block:clamp(2rem,6vw,4rem);display:flex;align-items:flex-start;justify-content:center}.mh-login-card{max-width:31rem;border-radius:2rem;background:linear-gradient(165deg,color-mix(in srgb,var(--mh-card-highlight) 94%,transparent),color-mix(in srgb,var(--mh-surface-strong) 96%,transparent));box-shadow:var(--mh-shadow)}.mh-field{background:color-mix(in srgb,var(--mh-surface-soft) 86%,transparent);border-color:color-mix(in srgb,var(--mh-card-border) 96%,transparent);color:var(--mh-text)}.mh-field::-moz-placeholder{color:var(--mh-muted)}.mh-field::placeholder{color:var(--mh-muted)}.mh-status-card{padding:.95rem 1rem;border-radius:1.1rem;text-align:left;max-width:none}.mh-grid-card{padding:1.5rem;border-radius:1.5rem}.mh-page-wrap{padding-block:.5rem 4.5rem}.mh-page-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:1.1rem;align-items:stretch;padding:clamp(1.4rem,3vw,2rem);border-radius:2rem}.mh-page-hero--centered{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;max-width:58rem;margin-inline:auto}.mh-page-hero__meta{display:grid;gap:.9rem}.mh-page-hero__meta-card{padding:1rem 1.1rem;border-radius:1.4rem}.mh-page-hero__meta-label{display:block;margin-bottom:.35rem;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--mh-muted)}.mh-legal-layout,.mh-support-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:1.5rem;align-items:start}.mh-legal-aside,.mh-support-aside,.mh-support-primary{padding:clamp(1.3rem,2.5vw,1.8rem);border-radius:1.8rem;background:linear-gradient(165deg,color-mix(in srgb,var(--mh-card-highlight) 84%,transparent),color-mix(in srgb,var(--mh-surface) 94%,transparent));border:1px solid var(--mh-card-border);box-shadow:var(--mh-soft-shadow)}.mh-legal-aside{position:sticky;top:calc(var(--mh-header-h) + 1.75rem)}.mh-legal-aside-copy{display:grid;gap:.8rem;margin-top:1rem;color:var(--mh-muted-strong);line-height:1.7}.mh-support-channel-grid{display:grid;gap:1rem}.mh-support-channel-card{display:flex;align-items:flex-start;gap:1rem;padding:1.2rem 1.15rem;border-radius:1.5rem;text-decoration:none}.mh-support-channel-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:1rem;background:color-mix(in srgb,var(--mh-accent-soft) 90%,transparent);font-size:1.25rem;flex-shrink:0}.mh-support-channel-copy{display:flex;min-width:0;flex-direction:column;gap:.22rem}.mh-support-channel-title{font-size:.95rem;font-weight:700;color:var(--mh-text)}.mh-support-channel-value{overflow-wrap:anywhere;color:var(--mh-muted-strong)}.mh-support-channel-hint{font-size:.8rem;line-height:1.5;color:var(--mh-muted)}.mh-support-tip-list{display:grid;gap:.8rem}.mh-support-tip-row{display:flex;align-items:flex-start;gap:.75rem;color:var(--mh-muted-strong);line-height:1.6}.mh-support-tip-dot{width:.55rem;height:.55rem;margin-top:.45rem;border-radius:999px;background:var(--mh-accent);box-shadow:0 0 0 .25rem rgba(0,217,255,.08);flex-shrink:0}.mh-support-quick-links{display:grid;gap:.75rem}.mh-legal-section h3,.mh-support-card h3{margin-bottom:.65rem;font-size:1.02rem;font-weight:700;color:var(--mh-text)}.mh-legal-section p,.mh-support-card p{color:var(--mh-muted-strong);line-height:1.72}.mh-legal-body{display:grid;gap:1rem;max-width:none;margin-top:0}.mh-legal-body--centered{max-width:52rem;margin-inline:auto}.mh-modal-backdrop{position:fixed;inset:0;z-index:250;display:flex;align-items:center;justify-content:center;width:100vw;min-height:100dvh;padding:1.5rem;background:rgba(3,8,15,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;overflow-y:auto;transition:opacity .18s ease,visibility .18s ease}.mh-modal-panel{width:min(100%,34rem);max-height:min(86vh,46rem);overflow:auto;margin:auto;padding:1.5rem;border-radius:2rem;background:linear-gradient(165deg,color-mix(in srgb,var(--mh-card-highlight) 94%,transparent),color-mix(in srgb,var(--mh-surface-strong) 96%,transparent));border:1px solid var(--mh-card-border);box-shadow:var(--mh-shadow);transform:translateY(12px) scale(.985);transition:transform .22s ease}.mh-app-shell-page{padding-block:.75rem 4.5rem}.mh-app-shell{display:grid;gap:1.25rem}.mh-app-shell__hero,.mh-app-shell__panel{position:relative;overflow:hidden;padding:clamp(1.5rem,3vw,2.2rem);border-radius:2rem;background:linear-gradient(165deg,color-mix(in srgb,var(--mh-card-highlight) 88%,transparent),color-mix(in srgb,var(--mh-surface) 95%,transparent));border:1px solid var(--mh-card-border);box-shadow:var(--mh-shadow)}.mh-app-shell__hero-copy{position:relative;z-index:1;max-width:42rem}.mh-app-shell__hero-grid{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);align-items:stretch}.mh-app-shell__headline{margin-top:.9rem;font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.02;font-weight:700;letter-spacing:0}.mh-app-shell__body{margin-top:1rem;max-width:38rem;color:var(--mh-muted-strong);line-height:1.8}.mh-app-shell__meta{display:grid;gap:.8rem}.mh-app-shell-card,.mh-app-shell__meta-card,.mh-app-shell__timeline-item{border-radius:1.4rem;border:1px solid var(--mh-card-border);background:color-mix(in srgb,var(--mh-surface-soft) 88%,transparent)}.mh-app-shell__meta-card{padding:1rem 1.1rem}.mh-app-shell__meta-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--mh-muted)}.mh-app-shell__meta-value{display:block;margin-top:.45rem;color:var(--mh-text);font-weight:600}.mh-app-shell__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}.mh-app-shell__grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.mh-app-shell-card{padding:1.25rem}.mh-app-shell-card__label{font-size:.74rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--mh-accent)}.mh-app-shell-card__title{margin-top:.7rem;font-size:1.12rem;font-weight:700;color:var(--mh-text)}.mh-app-shell-card__body{margin-top:.6rem;color:var(--mh-muted-strong);line-height:1.7}.mh-app-shell-card__list{display:grid;gap:.7rem;margin-top:1rem}.mh-app-shell-card__list li{display:flex;gap:.7rem;color:var(--mh-muted-strong);line-height:1.65}.mh-app-shell-card__dot{width:.55rem;height:.55rem;margin-top:.45rem;border-radius:999px;background:var(--mh-accent);flex-shrink:0}.mh-app-shell__timeline{display:grid;gap:.85rem;margin-top:1rem}.mh-app-shell__timeline-item{padding:1rem 1.05rem}.mh-app-shell__timeline-step{font-size:.74rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--mh-muted)}.mh-app-shell__timeline-title{margin-top:.45rem;font-size:1rem;font-weight:700;color:var(--mh-text)}.mh-app-shell__timeline-copy{margin-top:.4rem;color:var(--mh-muted-strong);line-height:1.65}@media (max-width:1024px){.mh-app-shell__grid,.mh-app-shell__hero-grid{grid-template-columns:1fr}}@media (max-width:640px){.mh-app-shell__actions{flex-direction:column}.mh-app-shell__actions .mh-btn-primary,.mh-app-shell__actions .mh-btn-secondary{width:100%;justify-content:center}}.mh-modal-backdrop.is-open{opacity:1;visibility:visible}.mh-modal-backdrop.is-open .mh-modal-panel{transform:translateY(0) scale(1)}.mh-modal-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.mh-modal-panel__header--auth{margin-bottom:1rem}.mh-modal-panel__title{margin-top:.5rem;font-size:1.75rem;font-weight:700;color:var(--mh-text)}.mh-modal-close-btn{padding:.55rem .8rem}.mh-locale-modal{width:min(100%,40rem)}.mh-locale-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1.25rem}.mh-locale-option{display:flex;align-items:center;gap:.8rem;padding:.9rem 1rem;border-radius:1.2rem;text-decoration:none;color:var(--mh-text);background:color-mix(in srgb,var(--mh-surface-soft) 82%,transparent);border:1px solid var(--mh-card-border)}.mh-locale-option.is-active,.mh-locale-option:hover{border-color:color-mix(in srgb,var(--mh-accent) 24%,var(--mh-card-border));background:color-mix(in srgb,var(--mh-accent-soft) 72%,var(--mh-surface-soft))}.mh-locale-option__code{display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;height:2.4rem;border-radius:999px;background:color-mix(in srgb,var(--mh-surface) 88%,transparent);font-size:.74rem;font-weight:800;letter-spacing:.14em}.mh-locale-option__label{font-weight:600}.mh-section-title--animated{position:relative;background:linear-gradient(90deg,var(--mh-text) 0,var(--mh-accent) 48%,var(--mh-text) 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:mh-shimmer-title 7s linear infinite}.mh-faq-item,.mh-header-download,.mh-header-login,.mh-pricing-toggle,.mh-store-btn,.mh-utility-chip{box-shadow:none}@media (max-width:1279px){.mh-account-chip,.mh-header-download,.mh-header-login,.mh-header-logout-form,.mh-header-nav{display:none}.mh-hamburger{display:inline-flex}}@media (max-width:1023px){.mh-header-actions{flex-wrap:wrap;justify-content:flex-end}.mh-account-chip,.mh-header-download,.mh-header-login,.mh-header-logout-form{display:none}.mh-hamburger{display:inline-flex}.mh-hero-section{min-height:auto}.mh-hero-stage{min-height:26.5rem;justify-self:center;width:min(100%,26rem)}.mh-floating-note--top{right:2%}.mh-floating-note--middle{left:2%}.mh-floating-note--bottom{right:2%}.mh-legal-layout,.mh-page-hero,.mh-support-grid{grid-template-columns:1fr}.mh-legal-aside{position:static}}@media (max-width:767px){.mh-header-shell{padding:.72rem .82rem}.mh-header-actions{gap:.5rem}.mh-utility-chip{min-height:2.55rem;padding-inline:.8rem}.mh-utility-kicker{display:none}.mh-hero-stage{min-height:24rem}.mh-iphone-frame-3d-wrap{width:min(100%,13.55rem)}.mh-iphone-17-frame{height:26.4rem}.mh-floating-note{display:none}.mh-hero-kicker-row{gap:.55rem}.mh-hero-kicker{font-size:.77rem;padding:.62rem .82rem}.mh-carousel-item{width:7rem;transform:translate(-50%,-50%) translateX(calc(var(--offset, 0)*clamp(7.5rem, 22vw, 9rem))) translateY(calc(var(--abs-offset, 0)*.35rem)) scale(.75)}.mh-carousel-item.is-adjacent{transform:translate(-50%,-50%) translateX(calc(var(--offset, 0)*clamp(7.5rem, 22vw, 9rem))) translateY(.15rem) scale(.85)}.mh-carousel-item.is-outer{transform:translate(-50%,-50%) translateX(calc(var(--offset, 0)*clamp(7.5rem, 22vw, 9rem))) translateY(.45rem) scale(.76)}.mh-carousel-item.is-center{transform:translate(-50%,-50%) translateX(0) translateY(-.3rem) scale(1.08)}.mh-locale-grid{grid-template-columns:1fr}}@keyframes mh-shimmer-title{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes mh-phone-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes mh-step-float{0%,to{transform:translateY(0);box-shadow:inset 0 1px 0 var(--mh-glass-highlight),inset 0 -1px 0 hsla(0,0%,100%,.04),var(--mh-soft-shadow)}50%{transform:translateY(-6px);box-shadow:inset 0 1px 0 var(--mh-glass-highlight),inset 0 -1px 0 hsla(0,0%,100%,.04),0 18px 44px rgba(0,217,255,.08)}}@media (prefers-reduced-motion:no-preference){.mh-how-step.is-visible{animation:mh-step-float 6.8s ease-in-out infinite}.mh-how-step.is-visible:nth-child(2){animation-delay:.65s}.mh-how-step.is-visible:nth-child(3){animation-delay:1.3s}.mh-how-id{animation:mh-step-pulse 4.4s ease-in-out infinite}}@media (prefers-reduced-motion:reduce){.mh-how-id,.mh-how-step.is-visible,.mh-iphone-frame-3d-wrap,.mh-section-title--animated{animation:none!important}}@keyframes mh-step-pulse{0%,to{box-shadow:0 0 0 0 rgba(0,217,255,.12)}50%{box-shadow:0 0 0 .5rem rgba(0,217,255,.06)}}.iti{width:100%}.iti__country-list{background:var(--mh-surface-strong)!important;border:1px solid var(--mh-card-border)!important;color:var(--mh-text)!important;border-radius:1.25rem!important;box-shadow:var(--mh-shadow-glass)!important;margin-top:8px!important;padding:8px!important}.iti__country{border-radius:.75rem!important;padding:10px 12px!important;transition:background .2s ease!important}.iti__country.iti__highlight{background:var(--mh-surface-soft)!important}.iti__dial-code{color:var(--mh-muted)!important}.mh-field--error{border-color:var(--mh-accent)!important}

/* !important: beats the `body.mh-shell > *:not(...)` stacking rule above (its :not(#id) list
   gives it id-level specificity) that would make these position: relative. */.mh-skip-link{position:fixed!important;inset-inline-start:1rem;top:1rem;z-index:1000!important;transform:translateY(-300%);padding:.65rem 1rem;border-radius:.75rem;font-weight:700;background:var(--mh-text);color:var(--mh-bg);text-decoration:none}.mh-skip-link:focus{transform:none}.mh-skip-link:not(:focus){pointer-events:none}.mh-skip-target{position:relative;height:0;outline:none}.mh-header-signin{align-items:center;padding:.5rem .75rem;border-radius:.75rem;font-size:.9rem;font-weight:700;color:var(--mh-text);text-decoration:none}.mh-header-signin:hover{text-decoration:underline;text-underline-offset:3px}.mh-header-cta{padding:.55rem 1.1rem;font-size:.88rem;white-space:nowrap}.mh-android-prompt{position:fixed!important;inset-inline:.75rem;bottom:.75rem;z-index:300!important;display:flex;align-items:center;gap:.65rem;max-width:26rem;margin-inline:auto;padding:.55rem .6rem .55rem .75rem;border-radius:1rem;border:1px solid var(--mh-card-border);background:var(--mh-surface-strong);color:var(--mh-text);box-shadow:0 12px 32px rgba(0,0,0,.25)}.mh-android-prompt[hidden]{display:none}.mh-android-prompt img{border-radius:.6rem;flex:none}.mh-android-prompt__text{flex:1;font-size:.88rem;font-weight:700;line-height:1.3}.mh-android-prompt__cta{padding:.45rem .8rem;border-radius:.7rem;font-size:.82rem;font-weight:800;background:#0b6e85;color:#fff;text-decoration:none;white-space:nowrap}.mh-android-prompt__close{width:2rem;height:2rem;border:0;border-radius:50%;background:transparent;color:var(--mh-muted);font-size:1.3rem;line-height:1;cursor:pointer}[dir=rtl] .mh-eyebrow,[dir=rtl] .mh-footer-heading{letter-spacing:0;text-transform:none}[dir=rtl] body.mh-shell :where(h1,h2,h3,h4,h5,h6,.font-outfit,.font-display,.mh-header-brand-name){font-family:Cairo,sans-serif}@media (prefers-reduced-motion:reduce){.mh-js .mh-reveal:not(.is-visible),.mh-reveal{opacity:1;transform:none;transition:none}.animate-marquee-custom{animation:none}}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:-translate-y-0\.5:hover,.hover\:translate-x-2:hover{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))}.hover\:translate-x-2:hover{--tw-translate-x:0.5rem}.hover\:translate-y-0:hover{--tw-translate-y:0px}.hover\:rotate-90:hover,.hover\:translate-y-0:hover{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))}.hover\:rotate-90:hover{--tw-rotate:90deg}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-105:hover,.hover\:scale-125:hover{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))}.hover\:scale-125:hover{--tw-scale-x:1.25;--tw-scale-y:1.25}.hover\:border-cyan-500:hover{--tw-border-opacity:1;border-color:rgb(6 182 212/var(--tw-border-opacity,1))}.hover\:border-cyan-500\/20:hover{border-color:rgba(6,182,212,.2)}.hover\:border-cyan-500\/30:hover{border-color:rgba(6,182,212,.3)}.hover\:border-cyan-500\/40:hover{border-color:rgba(6,182,212,.4)}.hover\:border-cyan-500\/50:hover{border-color:rgba(6,182,212,.5)}.hover\:border-cyan-500\/60:hover{border-color:rgba(6,182,212,.6)}.hover\:border-purple-500\/30:hover{border-color:rgba(168,85,247,.3)}.hover\:border-sky-500\/30:hover{border-color:rgba(14,165,233,.3)}.hover\:border-sky-500\/40:hover{border-color:rgba(14,165,233,.4)}.hover\:border-slate-600:hover{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.hover\:bg-cyan-500:hover{--tw-bg-opacity:1;background-color:rgb(6 182 212/var(--tw-bg-opacity,1))}.hover\:bg-cyan-500\/5:hover{background-color:rgba(6,182,212,.05)}.hover\:bg-purple-500:hover{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.hover\:bg-purple-500\/5:hover{background-color:rgba(168,85,247,.05)}.hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:bg-rose-500\/10:hover{background-color:rgba(244,63,94,.1)}.hover\:bg-sky-400:hover{--tw-bg-opacity:1;background-color:rgb(56 189 248/var(--tw-bg-opacity,1))}.hover\:bg-slate-700:hover{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.hover\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.hover\:bg-slate-800\/50:hover{background-color:rgba(30,41,59,.5)}.hover\:bg-slate-800\/60:hover{background-color:rgba(30,41,59,.6)}.hover\:bg-slate-900:hover{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.hover\:bg-slate-900\/70:hover{background-color:rgba(15,23,42,.7)}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:text-cyan-400:hover{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}.hover\:text-red-400:hover{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.hover\:text-sky-300:hover{--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[0_0_50px_rgba\(8\2c 145\2c 178\2c 0\.4\)\]:hover{--tw-shadow:0 0 50px rgba(8,145,178,.4);--tw-shadow-colored:0 0 50px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_50px_rgba\(8\2c 145\2c 178\2c 0\.5\)\]:hover{--tw-shadow:0 0 50px rgba(8,145,178,.5);--tw-shadow-colored:0 0 50px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:brightness-125:hover{--tw-brightness:brightness(1.25);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:border-cyan-500:focus{--tw-border-opacity:1;border-color:rgb(6 182 212/var(--tw-border-opacity,1))}.focus\:border-cyan-500\/50:focus{border-color:rgba(6,182,212,.5)}.focus\:border-purple-500:focus{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-cyan-500\/20:focus{--tw-ring-color:rgba(6,182,212,.2)}.focus\:ring-sky-500\/40:focus{--tw-ring-color:rgba(14,165,233,.4)}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95}.active\:scale-95:active,.active\:scale-\[0\.98\]:active{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))}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98}.group:hover .group-hover\:rotate-180{--tw-rotate:180deg}.group:hover .group-hover\:rotate-180,.group:hover .group-hover\:scale-125{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))}.group:hover .group-hover\:scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25}.group:hover .group-hover\:border-cyan-500\/30{border-color:rgba(6,182,212,.3)}.group:hover .group-hover\:bg-cyan-500\/10{background-color:rgba(6,182,212,.1)}.group:hover .group-hover\:bg-cyan-600\/10{background-color:rgba(8,145,178,.1)}.group:hover .group-hover\:bg-slate-800\/60{background-color:rgba(30,41,59,.6)}.group:hover .group-hover\:text-cyan-400{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-cyan-500{--tw-text-opacity:1;color:rgb(6 182 212/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:focus .group-focus\:border-\[var\(--mh-accent\)\]{border-color:var(--mh-accent)}.group:focus .group-focus\:ring-\[var\(--mh-accent-soft\)\]{--tw-ring-color:var(--mh-accent-soft)}.peer:checked~.peer-checked\:border-pink-500{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\:border-purple-500{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\:border-sky-500{--tw-border-opacity:1;border-color:rgb(14 165 233/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\:bg-\[rgba\(14\2c 165\2c 233\2c 0\.1\)\]{background-color:rgba(14,165,233,.1)}.peer:checked~.peer-checked\:bg-\[rgba\(168\2c 85\2c 247\2c 0\.1\)\]{background-color:rgba(168,85,247,.1)}.peer:checked~.peer-checked\:bg-\[rgba\(236\2c 72\2c 153\2c 0\.1\)\]{background-color:rgba(236,72,153,.1)}.peer:checked~.peer-checked\:text-pink-500{--tw-text-opacity:1;color:rgb(236 72 153/var(--tw-text-opacity,1))}.peer:checked~.peer-checked\:text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity,1))}.peer:checked~.peer-checked\:text-sky-500{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity,1))}@media not all and (min-width:1024px){.max-lg\:inline-flex{display:inline-flex}}@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:inline-flex{display:inline-flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:p-12{padding:3rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:py-24{padding-top:6rem;padding-bottom:6rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:768px){.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:block{display:block}.md\:w-1\/4{width:25%}.md\:w-64{width:16rem}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:self-auto{align-self:auto}.md\:rounded-\[4rem\]{border-radius:4rem}.md\:p-10{padding:2.5rem}.md\:p-6{padding:1.5rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:tracking-\[0\.4em\]{letter-spacing:.4em}.md\:tracking-\[0\.5em\]{letter-spacing:.5em}}@media (min-width:1024px){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:inline-flex{display:inline-flex}.lg\:w-72{width:18rem}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-12{gap:3rem}.lg\:border-l-4{border-left-width:4px}.lg\:p-10{padding:2.5rem}.lg\:pl-8{padding-left:2rem}.lg\:pr-6{padding-right:1.5rem}}@media (min-width:1280px){.xl\:flex{display:flex}.xl\:w-auto{width:auto}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}}@media (prefers-color-scheme:dark){.dark\:border-purple-500\/30{border-color:rgba(168,85,247,.3)}.dark\:border-white\/10{border-color:hsla(0,0%,100%,.1)}.dark\:border-white\/5{border-color:hsla(0,0%,100%,.05)}.dark\:bg-white\/5{background-color:hsla(0,0%,100%,.05)}.dark\:bg-white\/\[0\.04\]{background-color:hsla(0,0%,100%,.04)}.dark\:text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.dark\:text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.dark\:text-emerald-300{--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.dark\:text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.dark\:text-purple-300{--tw-text-opacity:1;color:rgb(216 180 254/var(--tw-text-opacity,1))}.dark\:text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.dark\:text-rose-400{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity,1))}.dark\:text-sky-300{--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity,1))}.dark\:text-sky-400{--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity,1))}.dark\:text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.dark\:opacity-20{opacity:.2}}
/* ---- css/site-overrides.css ---- */
.mh-site-footer {
  position: relative;
  margin-top: clamp(2rem, 6vw, 4.5rem);
  padding-top: clamp(0.4rem, 2vw, 1rem);
  background: transparent;
}

.mh-site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 14% 84%, rgba(0, 217, 255, 0.045), transparent 24%),
    radial-gradient(circle at 88% 18%, rgba(33, 230, 193, 0.04), transparent 22%);
  opacity: 0.6;
}

/* Shared feature dialogs use real stylesheet classes so strict style-src
   policies do not strip the styles needed for the share flows. */
.mh-share-overlay {
  position: fixed !important; inset: 0 !important; z-index: 999999 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  padding: 1rem !important; overflow-y: auto !important; box-sizing: border-box !important;
  background: rgba(8, 15, 27, .72) !important;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
.mh-share-dialog {
  position: relative; width: min(100%, 32rem); max-height: calc(100dvh - 2rem); overflow: auto;
  box-sizing: border-box; padding: clamp(1rem, 3vw, 1.5rem);
  border: 1px solid var(--mh-glass-border, rgba(148, 163, 184, .24)); border-radius: 1.4rem;
  background: var(--mh-surface-strong, #e7eef8); color: var(--mh-text, #172033);
  box-shadow: 0 24px 72px rgba(0, 0, 0, .3);
}
[data-theme="dark"] .mh-share-dialog { background: var(--mh-surface-strong, #1e293b); color: var(--mh-text, #f8fafc); }
.mh-share-dialog--wide { width: min(100%, 50rem); }
.mh-share-dialog--compact { width: min(100%, 27.5rem); }
.mh-share-dialog--medium { width: min(100%, 28.75rem); }
.mh-share-dialog--narrow { width: min(100%, 26.25rem); }
.mh-share-capture-stage.info-slide-capture { display: flex !important; }
.info-slide-card {
  display: block;
  width: 100%;
  overflow: hidden;
  padding: 0.5rem;
  border: 1px solid var(--info-card-border);
  border-radius: 12px;
  background: var(--info-surface);
  color: var(--info-text);
  font: inherit;
  text-align: center;
  cursor: pointer;
}
.info-slide-card:hover { transform: translateY(-1px); }
.info-slide-card:focus-visible { outline: 3px solid var(--mh-accent); outline-offset: 2px; }
.info-slide-thumb { display: block; width: 100%; object-fit: cover; border-radius: 8px; margin-bottom: 0.35rem; }
.info-slide-thumb--portrait { aspect-ratio: 4 / 5; }
.info-slide-thumb--square { aspect-ratio: 1 / 1; }
.info-slide-thumb--story { aspect-ratio: 9 / 16; }
.info-slide-title { display: block; overflow: hidden; font-size: 0.75rem; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; }
.mh-share-progress {
  position: fixed !important; inset: 0 !important; z-index: 1000000 !important; display: flex;
  flex-direction: column; align-items: center; justify-content: center; gap: 1rem; padding: 1rem;
  background: rgba(7, 13, 24, .84); color: #fff; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
.mh-share-progress:not(.is-visible) { display: none !important; }
.mh-share-toast {
  position: fixed !important; inset-inline-start: 50% !important;
  bottom: max(1.25rem, env(safe-area-inset-bottom)) !important; z-index: 1000001 !important;
  transform: translateX(-50%); max-width: min(90vw, 36rem); padding: .75rem 1.25rem;
  border-radius: .85rem; color: #fff; background: #334155;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .3); text-align: center;
}
.mh-share-toast--error { background: #b91c1c; }
.mh-share-image-failed { display: none !important; }
.mh-share-toast--success { background: #047857; }
.mh-share-toast.is-leaving { opacity: 0; transition: opacity .3s; }
.mh-share-capture-stage {
  position: fixed !important; inset-block-start: 0 !important; inset-inline-start: -10000px !important;
  z-index: -1 !important; display: block !important; width: max-content; max-width: none;
  pointer-events: none !important;
}
body.mh-share-modal-open { overflow: hidden !important; }
.mh-share-print-frame { position:fixed !important; top:-9999px !important; left:-9999px !important; width:0 !important; height:0 !important; border:0 !important; }
@media (max-height: 620px) {
  .mh-share-dialog { max-height: calc(100dvh - 1rem); }
  .mh-share-overlay { align-items: flex-start !important; padding-block: .5rem !important; }
}

.mh-site-footer > .mh-container {
  position: relative;
  z-index: 1;
}

.mh-site-footer .mh-divider {
  opacity: 0.58;
}

.mh-toast-viewport {
  position: fixed;
  top: calc(var(--mh-header-h) + 1rem);
  right: clamp(0.85rem, 2vw, 1.5rem);
  z-index: 320;
  display: grid;
  gap: 0.75rem;
  width: min(25rem, calc(100vw - 1.7rem));
  pointer-events: none;
}

[dir="rtl"] .mh-toast-viewport,
.mh-shell[data-rtl="true"] .mh-toast-viewport {
  left: clamp(0.85rem, 2vw, 1.5rem);
  right: auto;
}

.mh-toast {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.9rem;
  align-items: start;
  padding: 1rem 1rem 0.95rem;
  overflow: hidden;
  border-radius: 1.45rem;
  border: 1px solid color-mix(in srgb, var(--mh-glass-edge) 78%, var(--mh-card-border));
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 100%),
    linear-gradient(160deg, color-mix(in srgb, var(--mh-card-highlight) 94%, transparent), color-mix(in srgb, var(--mh-surface-strong) 96%, transparent));
  backdrop-filter: blur(22px) saturate(1.3);
  -webkit-backdrop-filter: blur(22px) saturate(1.3);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 18px 44px rgba(7, 15, 24, 0.2);
  color: var(--mh-text);
  opacity: 0;
  transform: translateY(-10px) scale(0.985);
  transition: opacity 180ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: auto;
}

.mh-toast::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--mh-muted) 50%, transparent);
}

.mh-toast.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.mh-toast.is-leaving {
  opacity: 0;
  transform: translateY(-8px) scale(0.985);
}

.mh-toast[data-tone="success"]::after {
  background: linear-gradient(180deg, #34d399, #10b981);
}

.mh-toast[data-tone="warning"]::after {
  background: linear-gradient(180deg, #fbbf24, #f59e0b);
}

.mh-toast[data-tone="danger"]::after {
  background: linear-gradient(180deg, #fb7185, #ef4444);
}

.mh-toast__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.95rem;
  background: color-mix(in srgb, var(--mh-surface-soft) 90%, transparent);
  color: var(--mh-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.mh-toast__icon svg,
.mh-toast__close svg {
  width: 1.1rem;
  height: 1.1rem;
  fill: currentColor;
}

.mh-toast[data-tone="success"] .mh-toast__icon {
  color: #10b981;
}

.mh-toast[data-tone="warning"] .mh-toast__icon {
  color: #f59e0b;
}

.mh-toast[data-tone="danger"] .mh-toast__icon {
  color: #ef4444;
}

.mh-toast__copy {
  padding-top: 0.15rem;
  font-size: 0.93rem;
  line-height: 1.6;
  color: var(--mh-text);
}

.mh-toast__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.15rem;
  height: 2.15rem;
  border: 0;
  border-radius: 0.95rem;
  background: color-mix(in srgb, var(--mh-surface-soft) 84%, transparent);
  color: var(--mh-muted);
  transition: background 180ms ease, color 180ms ease, transform 180ms ease;
}

.mh-toast__close:hover {
  background: color-mix(in srgb, var(--mh-accent-soft) 72%, var(--mh-surface-soft));
  color: var(--mh-text);
  transform: translateY(-1px);
}

.mh-toast__progress {
  position: absolute;
  left: 0.85rem;
  right: 0.85rem;
  bottom: 0.5rem;
  height: 2px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--mh-card-border) 84%, transparent);
  overflow: hidden;
}

.mh-toast__progress-fill {
  display: block;
  width: 100%;
  height: 100%;
  transform-origin: left center;
  background: linear-gradient(90deg, var(--mh-accent), color-mix(in srgb, var(--mh-accent-secondary) 78%, white));
}

.mh-toast[data-persistent="true"] .mh-toast__progress {
  display: none;
}

.mh-password-field {
  position: relative;
}

.mh-password-field .mh-field {
  padding-inline-end: 3.45rem;
}

[dir="rtl"] .mh-password-field:not([dir="ltr"] *) .mh-field,
.mh-shell[data-rtl="true"] .mh-password-field:not(.mh-content-ltr *) .mh-field {
  padding-inline-end: 1rem;
  padding-inline-start: 3.45rem;
}

.mh-password-toggle {
  position: absolute;
  top: 50%;
  right: 0.65rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.45rem;
  height: 2.45rem;
  border: 0;
  border-radius: 0.95rem;
  background: color-mix(in srgb, var(--mh-surface-soft) 88%, transparent);
  color: var(--mh-muted);
  transform: translateY(-50%);
  transition: background 180ms ease, color 180ms ease, transform 180ms ease;
}

[dir="rtl"] .mh-password-toggle:not([dir="ltr"] *),
.mh-shell[data-rtl="true"] .mh-password-toggle:not(.mh-content-ltr *) {
  left: 0.65rem;
  right: auto;
}

.mh-password-toggle:hover {
  background: color-mix(in srgb, var(--mh-accent-soft) 72%, var(--mh-surface-soft));
  color: var(--mh-text);
}

.mh-password-toggle:active {
  transform: translateY(calc(-50% + 1px));
}

.mh-password-toggle svg {
  width: 1.15rem;
  height: 1.15rem;
  stroke: currentColor;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.9;
}

.mh-password-toggle [data-password-icon="visible"] {
  display: none;
}

.mh-password-toggle[data-password-state="visible"] [data-password-icon="hidden"] {
  display: none;
}

.mh-password-toggle[data-password-state="visible"] [data-password-icon="visible"] {
  display: block;
}

.mh-account-menu {
  position: relative;
  display: none;
}

.mh-account-menu summary {
  list-style: none;
  cursor: pointer;
}

.mh-account-menu summary::-webkit-details-marker {
  display: none;
}

.mh-header-actions {
  margin-right: 0.65rem !important;
  gap: 0.75rem !important;
  display: flex !important;
  align-items: center !important;
}

/* ─── Profile Avatar & Account Chip (Single border on tablet/mobile, Card on desktop) ─── */
@media (min-width: 1280px) {
  .mh-account-chip {
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid var(--mh-card-border, rgba(255, 255, 255, 0.12)) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    padding: 3px 12px 3px 3px !important;
    border-radius: 14px !important;
    min-width: 0 !important;
    width: auto !important;
    transition: color 0.2s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }

  [data-theme="dark"] .mh-account-chip,
  .dark .mh-account-chip {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
  }

  .mh-account-chip:hover {
    background: rgba(56, 189, 248, 0.1) !important;
    border-color: rgba(56, 189, 248, 0.35) !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(56, 189, 248, 0.15) !important;
  }

  .mh-account-avatar--squircle {
    border-radius: 11px !important;
    width: 36px !important;
    height: 36px !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    flex-shrink: 0 !important;
  }
}

@media (max-width: 1279px) {
  .mh-account-chip {
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 12px !important;
  }

  .mh-account-chip:hover {
    background: transparent !important;
    border: none !important;
    transform: translateY(-1px) scale(1.05) !important;
  }

  .mh-account-avatar--squircle {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    border: 1.5px solid var(--mh-card-border, rgba(255, 255, 255, 0.18)) !important;
    background: color-mix(in srgb, var(--mh-surface-soft) 82%, transparent) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    flex-shrink: 0 !important;
    transition: border-color 0.2s ease !important;
  }

  .mh-account-chip:hover .mh-account-avatar--squircle {
    border-color: #38bdf8 !important;
  }

  [data-theme="dark"] .mh-account-avatar--squircle,
  .dark .mh-account-avatar--squircle {
    border-color: rgba(255, 255, 255, 0.16) !important;
  }
}

/* --- VERTICAL LANGUAGE CAPSULE --- */
.mh-lang-capsule {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 31px;
  height: 56px;
  padding: 8px 4px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--mh-card-border) 92%, transparent);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.04)),
    color-mix(in srgb, var(--mh-surface-soft) 82%, transparent);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 8px 18px rgba(7, 16, 28, 0.1);
  cursor: pointer;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}

.mh-lang-capsule:hover {
  background: color-mix(in srgb, var(--mh-surface-strong) 92%, transparent);
  border-color: var(--mh-muted);
  transform: translateY(-1px);
}

.mh-lang-capsule__icon {
  color: var(--mh-muted);
  display: flex;
  align-items: center;
  justify-content: center;
}

.mh-lang-capsule__code {
  font-size: 9px;
  font-weight: 800;
  color: var(--mh-text);
  letter-spacing: 0.02em;
  line-height: 1;
}

.mh-account-menu[open] .mh-account-trigger {
  color: var(--mh-text);
  border-color: color-mix(in srgb, var(--mh-accent) 24%, var(--mh-card-border));
}

.mh-account-dropdown {
  position: absolute;
  top: calc(100% + 0.9rem);
  right: 0;
  width: min(22rem, 92vw);
  padding: 0.8rem;
  border-radius: 1.65rem;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 100%),
    linear-gradient(160deg, color-mix(in srgb, var(--mh-card-highlight) 92%, transparent), color-mix(in srgb, var(--mh-surface-strong) 96%, transparent));
  border: 1px solid color-mix(in srgb, var(--mh-glass-edge) 82%, var(--mh-card-border));
  backdrop-filter: blur(22px) saturate(1.32);
  -webkit-backdrop-filter: blur(22px) saturate(1.32);
  box-shadow: var(--mh-shadow);
  opacity: 0;
  transform: translateY(10px) scale(0.985);
  transform-origin: top right;
  pointer-events: none;
  transition: opacity 180ms ease, transform 220ms ease;
  z-index: 25;
}

[dir="rtl"] .mh-account-dropdown,
.mh-shell[data-rtl="true"] .mh-account-dropdown {
  left: 0;
  right: auto;
  transform-origin: top left;
}

.mh-account-menu[open] .mh-account-dropdown {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.mh-account-dropdown__item,
.mh-account-dropdown__section {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  width: 100%;
  padding: 0.88rem 0.95rem;
  border-radius: 1.15rem;
  color: var(--mh-text);
  background: transparent;
  border: 1px solid transparent;
}

.mh-account-dropdown__item {
  text-decoration: none;
  justify-content: space-between;
}

.mh-account-dropdown__item:hover,
.mh-account-dropdown__section:hover {
  border-color: color-mix(in srgb, var(--mh-accent) 22%, var(--mh-card-border));
  background: color-mix(in srgb, var(--mh-accent-soft) 58%, var(--mh-surface-soft));
}

.mh-account-dropdown__item-copy,
.mh-account-dropdown__section-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 0.12rem;
}

.mh-account-dropdown__item-title {
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--mh-text);
}

.mh-account-dropdown__section-note,
.mh-account-dropdown__value {
  font-size: 0.78rem;
  color: var(--mh-muted);
}

.mh-account-dropdown__item--danger {
  color: #ff8c98;
}

.mh-account-dropdown__item--danger .mh-account-dropdown__item-title,
.mh-account-dropdown__item--danger svg {
  color: inherit;
}

/* ── Header Single-Icon Theme Button ── */
.mh-header-theme-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--mh-surface-soft) 82%, transparent);
  border: 1px solid color-mix(in srgb, var(--mh-card-border) 92%, transparent);
  color: var(--mh-text);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: color 0.2s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 4px 12px rgba(0, 0, 0, 0.05);
}

.mh-header-theme-btn:hover {
  background: color-mix(in srgb, var(--mh-surface-strong) 92%, transparent);
  border-color: var(--mh-accent);
  color: var(--mh-accent);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0, 217, 255, 0.18);
}

.mh-header-theme-btn .mh-theme-icon--to-dark[hidden],
.mh-header-theme-btn .mh-theme-icon--to-light[hidden] {
  display: none !important;
}

/* Light Theme: show Crescent / Moon icon */
[data-theme="light"] .mh-header-theme-btn .mh-theme-icon--to-dark {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0f172a;
}
[data-theme="light"] .mh-header-theme-btn .mh-theme-icon--to-light {
  display: none;
}

/* Dark Theme: show Sun icon */
[data-theme="dark"] .mh-header-theme-btn .mh-theme-icon--to-dark {
  display: none;
}
[data-theme="dark"] .mh-header-theme-btn .mh-theme-icon--to-light {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fbbf24;
}

/* ── Header Language Code Button ── */
.mh-header-lang-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 9px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--mh-surface-soft) 82%, transparent);
  border: 1px solid color-mix(in srgb, var(--mh-card-border) 92%, transparent);
  color: var(--mh-text);
  font-family: inherit;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  cursor: pointer;
  flex-shrink: 0;
  transition: color 0.2s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 4px 12px rgba(0, 0, 0, 0.05);
}

.mh-header-lang-btn:hover {
  background: color-mix(in srgb, var(--mh-surface-strong) 92%, transparent);
  border-color: var(--mh-accent);
  color: var(--mh-accent);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0, 217, 255, 0.18);
}

.mh-theme-switch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  padding: 0;
  background: transparent;
  flex-shrink: 0;
}

.mh-theme-switch__track {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  width: 5rem;
  height: 2.8rem;
  padding: 0.3rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--mh-card-border) 92%, transparent);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.04)),
    color-mix(in srgb, var(--mh-surface-soft) 82%, transparent);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 8px 18px rgba(7, 16, 28, 0.1);
}

.mh-theme-switch__thumb {
  position: absolute;
  inset: 0.26rem auto 0.26rem 0.28rem;
  width: 2rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--mh-accent), color-mix(in srgb, var(--mh-accent-secondary) 84%, white));
  box-shadow:
    0 10px 18px rgba(0, 217, 255, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.22);
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1), background 220ms ease;
}

.mh-theme-switch__icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--mh-muted);
  transition: color 180ms ease, transform 180ms ease;
}

.mh-theme-switch[data-theme-state="dark"] .mh-theme-switch__thumb {
  transform: translateX(2.18rem);
  background: linear-gradient(135deg, color-mix(in srgb, var(--mh-surface-strong) 78%, #111827), #06111d);
}

.mh-theme-switch[data-theme-state="light"] [data-theme-icon="sun"],
.mh-theme-switch[data-theme-state="dark"] [data-theme-icon="moon"] {
  color: var(--mh-text);
  transform: scale(1.04);
}

.mh-mobile-theme-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  padding: 0.95rem 1rem;
  border-radius: 1.25rem;
  background: color-mix(in srgb, var(--mh-surface-soft) 82%, transparent);
  border: 1px solid color-mix(in srgb, var(--mh-card-border) 92%, transparent);
}

.mh-mobile-theme-card__label {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--mh-text);
}

.mh-logout-modal {
  width: min(100%, 31rem);
}

.mh-logout-modal__body {
  margin-top: 1rem;
  color: var(--mh-muted-strong);
  line-height: 1.75;
}

.mh-logout-modal__actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 1.5rem;
}

.mh-logout-modal__actions form {
  margin: 0;
}

.mh-feedback-modal {
  width: min(100%, 28rem);
  text-align: center;
}

.mh-feedback-modal__eyebrow {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--mh-muted);
}

.mh-feedback-modal__title {
  margin-top: 0.65rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--mh-text);
}

.mh-feedback-modal__body {
  margin-top: 0.95rem;
  color: var(--mh-muted-strong);
  line-height: 1.75;
}

.mh-feedback-modal__spinner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
}

.mh-feedback-modal__actions {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}

.mh-feedback-modal[data-tone="success"] .mh-feedback-modal__title {
  color: #10b981;
}

.mh-feedback-modal[data-tone="warning"] .mh-feedback-modal__title {
  color: #f59e0b;
}

.mh-feedback-modal[data-tone="danger"] .mh-feedback-modal__title {
  color: #ef4444;
}

.iti {
  width: 100%;
  position: relative;
}

.iti input.mh-field[type="tel"] {
  min-height: 3.45rem;
  padding-inline: 6.1rem 1rem;
}

[dir="rtl"] .iti:not([dir="ltr"] *) input.mh-field[type="tel"],
.mh-shell[data-rtl="true"] .iti:not(.mh-content-ltr *) input.mh-field[type="tel"] {
  padding-inline: 1rem 6.1rem;
}

.iti--separate-dial-code .iti__selected-country-primary {
  height: calc(100% - 2px);
  margin: 1px;
  padding-inline: 0.95rem 0.8rem;
  border-radius: 1rem 0 0 1rem;
  background: color-mix(in srgb, var(--mh-surface-soft) 92%, transparent);
  border-inline-end: 1px solid color-mix(in srgb, var(--mh-card-border) 96%, transparent);
}

[dir="rtl"] .iti--separate-dial-code:not([dir="ltr"] *) .iti__selected-country-primary,
.mh-shell[data-rtl="true"] .iti--separate-dial-code:not(.mh-content-ltr *) .iti__selected-country-primary {
  border-radius: 0 1rem 1rem 0;
  border-inline-end: 0;
  border-inline-start: 1px solid color-mix(in srgb, var(--mh-card-border) 96%, transparent);
}

.iti__selected-dial-code {
  color: var(--mh-text) !important;
  font-weight: 700 !important;
}

.iti__arrow {
  border-top-color: var(--mh-muted) !important;
}

.iti__country-list {
  background: var(--mh-surface-strong) !important;
  border: 1px solid var(--mh-card-border) !important;
  color: var(--mh-text) !important;
  border-radius: 1.25rem !important;
  box-shadow: var(--mh-shadow) !important;
  margin-top: 8px !important;
  padding: 8px !important;
  z-index: 10000 !important;
  width: 100% !important;
  left: 0 !important;
}

.iti__country {
  border-radius: 0.75rem !important;
  padding: 10px 12px !important;
  transition: background 0.2s ease !important;
}

.iti__country.iti__highlight {
  background: var(--mh-surface-soft) !important;
}

.iti__dial-code {
  color: var(--mh-muted) !important;
}

.iti__search-input {
  width: 100%;
  padding: 0.8rem 0.95rem;
  border-radius: 0.95rem;
  border: 1px solid var(--mh-card-border);
  background: color-mix(in srgb, var(--mh-surface-soft) 86%, transparent);
  color: var(--mh-text);
  margin-bottom: 0.55rem;
}

.iti__search-input:focus {
  outline: none;
  border-color: var(--mh-accent);
}

/* Correct z-index for intl-tel-input dropdown to appear above modals */
.iti--container {
  z-index: 10000 !important;
}

@media (min-width: 768px) {
  .mh-account-menu {
    display: inline-flex;
  }
}

@media (max-width: 1023px) {
  .mh-mobile-menu__actions {
    gap: 0.85rem;
  }

  .mh-mobile-theme-card {
    margin-top: 0.15rem;
  }
}

@media (max-width: 767px) {
  .mh-site-footer {
    margin-top: 2.4rem;
    padding-top: 0.4rem;
  }

  .mh-toast-viewport {
    top: calc(var(--mh-header-h) + 0.7rem);
    right: 0.85rem;
    left: 0.85rem;
    width: auto;
  }

  .mh-logout-modal__actions {
    flex-direction: column-reverse;
  }

  .mh-logout-modal__actions .mh-btn-primary,
  .mh-logout-modal__actions .mh-btn-secondary {
    width: 100%;
    justify-content: center;
  }
}

@keyframes mh-toast-progress {
  from {
    transform: scaleX(1);
  }

  to {
    transform: scaleX(0);
  }
}

/* ══════════════════════════════════════════════
   MONOGRAPH MODAL OVERLAY — NUCLEAR FIX
   These classes must ALWAYS cover the full viewport regardless
   of any ancestor stacking context.
   ══════════════════════════════════════════════ */
.mon-ai-backdrop,
.mon-result-backdrop,
.mon-voice-backdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 2147483640 !important;
  transform: none !important;
  will-change: auto !important;
  contain: none !important;
  isolation: auto !important;
  -webkit-transform: none !important;
}

/* ══════════════════════════════════════════════
   GLOBAL HEADER FULL-WIDTH & NOTIFICATIONS FLYOUT
   ══════════════════════════════════════════════ */
.mh-site-header .mh-container {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 1.5rem !important;
}

#mh-notif-container {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}

.mh-notif-btn {
  position: relative !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid var(--mh-card-border, rgba(255, 255, 255, 0.12)) !important;
  color: var(--mh-text, #f8fafc) !important;
  cursor: pointer !important;
  transition: color 0.2s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.mh-notif-btn:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(56, 189, 248, 0.4) !important;
  color: #38bdf8 !important;
}

.mh-notif-badge-count {
  position: absolute !important;
  top: -4px !important;
  right: -4px !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 4px !important;
  border-radius: 999px !important;
  background: #ef4444 !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  display: none;
  line-height: 18px !important;
  text-align: center !important;
  border: 2px solid var(--mh-surface, #0f172a) !important;
  box-shadow: 0 2px 6px rgba(239, 68, 68, 0.5) !important;
}

.mh-notif-flyout {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  width: 380px !important;
  max-width: calc(100vw - 2rem) !important;
  border-radius: 20px !important;
  z-index: 999999 !important;
  overflow: hidden !important;
  backdrop-filter: blur(28px) !important;
  -webkit-backdrop-filter: blur(28px) !important;
  
  /* Theme-aware flyout */
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: #0f172a !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .mh-notif-flyout,
.dark .mh-notif-flyout {
  background: rgba(15, 23, 42, 0.97) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f8fafc !important;
  box-shadow: 0 25px 60px -10px rgba(0, 0, 0, 0.75) !important;
}

.mh-notif-flyout.active {
  display: block !important;
}

.mh-notif-flyout-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 1rem 1.25rem !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: rgba(0, 0, 0, 0.02) !important;
}

[data-theme="dark"] .mh-notif-flyout-header,
.dark .mh-notif-flyout-header {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
  background: rgba(255, 255, 255, 0.02) !important;
}

.mh-notif-flyout-title {
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  color: inherit !important;
  margin: 0 !important;
}

.mh-notif-flyout-list {
  max-height: 380px !important;
  overflow-y: auto !important;
  padding: 0.65rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.45rem !important;
}

.mh-notif-flyout-list .mh-notif-item {
  padding: 0.85rem 1rem !important;
  border-radius: 14px !important;
  background: rgba(0, 0, 0, 0.025) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
}

[data-theme="dark"] .mh-notif-flyout-list .mh-notif-item,
.dark .mh-notif-flyout-list .mh-notif-item {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}

.mh-notif-flyout-list .mh-notif-item:hover {
  background: rgba(56, 189, 248, 0.08) !important;
  border-color: rgba(56, 189, 248, 0.35) !important;
  transform: translateY(-1px) !important;
}

.mh-notif-flyout-list .mh-notif-item.unread {
  border-left: 3px solid #38bdf8 !important;
  background: rgba(56, 189, 248, 0.07) !important;
}

.mh-notif-item-title {
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  color: inherit !important;
}

.mh-notif-item-time {
  font-size: 0.68rem !important;
  color: var(--mh-muted, #94a3b8) !important;
  white-space: nowrap !important;
}

.mh-notif-item-body {
  font-size: 0.76rem !important;
  color: var(--mh-muted, #94a3b8) !important;
  margin: 0.25rem 0 0 !important;
  line-height: 1.35 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* ══════════════════════════════════════════════
   THEME-AWARE ACCOUNT DROPDOWN & LIST ROWS
   ══════════════════════════════════════════════ */
.mh-account-dropdown {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  min-width: 320px !important;
  max-width: calc(100vw - 2rem) !important;
  border-radius: 20px !important;
  padding: 14px !important;
  z-index: 999999 !important;
  backdrop-filter: blur(28px) !important;
  -webkit-backdrop-filter: blur(28px) !important;
  box-shadow: 0 25px 50px -10px rgba(0, 0, 0, 0.25) !important;
  
  /* Light theme default */
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: #0f172a !important;
}

[data-theme="dark"] .mh-account-dropdown,
.dark .mh-account-dropdown {
  background: rgba(15, 23, 42, 0.97) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f8fafc !important;
  box-shadow: 0 25px 60px -10px rgba(0, 0, 0, 0.75) !important;
}

.mh-profile-list-item {
  display: flex !important;
  align-items: center !important;
  gap: 0.85rem !important;
  padding: 0.65rem 0.85rem !important;
  border-radius: 12px !important;
  margin-bottom: 0.35rem !important;
  text-decoration: none !important;
  transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease, transform 0.18s ease !important;
  
  /* Light theme */
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  color: #0f172a !important;
}

[data-theme="dark"] .mh-profile-list-item,
.dark .mh-profile-list-item {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  color: #f8fafc !important;
}

.mh-profile-list-item:hover {
  background: rgba(56, 189, 248, 0.1) !important;
  border-color: rgba(56, 189, 248, 0.35) !important;
  transform: translateX(2px) !important;
}

.mh-profile-list-icon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  background: rgba(56, 189, 248, 0.1) !important;
}

.mh-profile-list-icon img {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  object-fit: contain !important;
  display: block !important;
}

.mh-profile-list-body {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

.mh-profile-list-label {
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: #64748b !important;
}

[data-theme="dark"] .mh-profile-list-label,
.dark .mh-profile-list-label {
  color: #94a3b8 !important;
}

.mh-profile-list-val {
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #0f172a !important;
}

[data-theme="dark"] .mh-profile-list-val,
.dark .mh-profile-list-val {
  color: #f8fafc !important;
}

/* ─── Hero CTA Buttons Enhancement ─── */
#hero-cta-download {
  padding: 0.85rem 2.25rem !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  border-radius: 9999px !important;
  background: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 50%, #6366f1 100%) !important;
  color: #0f172a !important;
  box-shadow: 0 10px 30px rgba(14, 165, 233, 0.4), 0 0 20px rgba(56, 189, 248, 0.25) !important;
  transition: color 0.25s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

#hero-cta-download:hover {
  transform: translateY(-2px) scale(1.03) !important;
  box-shadow: 0 14px 40px rgba(14, 165, 233, 0.55), 0 0 30px rgba(56, 189, 248, 0.4) !important;
}

#hero-cta-login {
  padding: 0.85rem 2rem !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  border-radius: 9999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1.5px solid var(--mh-card-border, rgba(255, 255, 255, 0.15)) !important;
  color: var(--mh-text, #ffffff) !important;
  backdrop-filter: blur(16px) !important;
  transition: color 0.25s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

#hero-cta-login:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(56, 189, 248, 0.4) !important;
  color: #38bdf8 !important;
  transform: translateY(-2px) !important;
}

/* ─── Unified Header Action Buttons & Patterns ─── */
.mh-header-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.5rem !important;
  flex-shrink: 0 !important;
}

@media (max-width: 640px) {
  .mh-header-actions {
    gap: 0.35rem !important;
  }
}

.mh-header-theme-btn,
.mh-header-lang-btn,
.mh-header-icon-btn {
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  transition: color 0.2s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Hamburger button: STRICTLY HIDDEN ON DESKTOP (both logged-in and logged-out) */
.mh-hamburger {
  display: none !important;
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  transition: color 0.2s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  background: color-mix(in srgb, var(--mh-surface-soft) 82%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--mh-card-border) 92%, transparent) !important;
  color: var(--mh-text) !important;
}

/* Hamburger button: ONLY SHOW ON TABLETS & PHONES (< 1024px) */
@media (max-width: 1023px) {
  .mh-hamburger {
    display: inline-flex !important;
  }
  .mh-header-icon-btn--download,
  .mh-header-icon-btn--login {
    display: none !important;
  }
}

/* Enforce non-squishing, non-stretching logo dimensions */
.mh-logo-squircle {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
  border-radius: 12px !important;
  aspect-ratio: 1 / 1 !important;
  display: block !important;
}

.mh-header-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  flex-shrink: 0 !important;
  text-decoration: none !important;
}

.mh-header-brand picture {
  display: inline-flex !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  justify-content: center !important;
}

@media (max-width: 480px) {
  .mh-header-theme-btn,
  .mh-header-lang-btn,
  .mh-header-icon-btn,
  .mh-hamburger {
    width: 35px !important;
    min-width: 35px !important;
    height: 35px !important;
    border-radius: 10px !important;
  }
  .mh-header-brand-sub {
    display: none !important;
  }
  .mh-header-brand-name {
    font-size: 1.1rem !important;
  }
}

.mh-header-icon-btn--download {
  background: rgba(16, 185, 129, 0.12) !important;
  color: #10b981 !important;
  border: 1.5px solid rgba(16, 185, 129, 0.3) !important;
}

.mh-header-icon-btn--download:hover {
  background: rgba(16, 185, 129, 0.22) !important;
  border-color: #10b981 !important;
  color: #059669 !important;
  transform: translateY(-1px) scale(1.05) !important;
  box-shadow: 0 4px 14px rgba(16, 185, 129, 0.25) !important;
}

.mh-header-icon-btn--login {
  background: #0284c7 !important;
  color: #ffffff !important;
  border: 1.5px solid #0284c7 !important;
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.25) !important;
}

.mh-header-icon-btn--login:hover {
  background: #0369a1 !important;
  border-color: #0369a1 !important;
  color: #ffffff !important;
  transform: translateY(-1px) scale(1.05) !important;
  box-shadow: 0 6px 18px rgba(2, 132, 199, 0.4) !important;
}

.mh-hamburger:hover {
  background: color-mix(in srgb, var(--mh-surface-strong) 92%, transparent) !important;
  border-color: var(--mh-accent) !important;
  color: var(--mh-accent) !important;
  transform: translateY(-1px) !important;
}

.mh-hamburger.is-active {
  background: rgba(244, 63, 94, 0.14) !important;
  border-color: rgba(244, 63, 94, 0.4) !important;
  color: #f43f5e !important;
}

.mh-hamburger.is-active:hover {
  background: rgba(244, 63, 94, 0.22) !important;
  border-color: #f43f5e !important;
  color: #fb7185 !important;
}

[data-theme="dark"] .mh-header-icon-btn--download,
.dark .mh-header-icon-btn--download {
  background: rgba(16, 185, 129, 0.16) !important;
  color: #34d399 !important;
  border-color: rgba(52, 211, 153, 0.35) !important;
}

[data-theme="dark"] .mh-header-icon-btn--download:hover,
.dark .mh-header-icon-btn--download:hover {
  color: #6ee7b7 !important;
  background: rgba(16, 185, 129, 0.28) !important;
}

[data-theme="dark"] .mh-header-icon-btn--login,
.dark .mh-header-icon-btn--login {
  background: linear-gradient(135deg, #0284c7, #0369a1) !important;
  color: #ffffff !important;
  border-color: rgba(56, 189, 248, 0.4) !important;
}

/* ═════════════════════════════════════════════════════════════════════════
   HERO CTA REDESIGN (Primary vs Secondary, QR Popover, Trust Micro-Copy)
   ═════════════════════════════════════════════════════════════════════════ */
.mh-hero-cta-wrap {
  margin-top: 0.5rem;
  margin-bottom: 1.75rem;
}

.mh-hero-btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  padding: 0.85rem 1.75rem !important;
  border-radius: 9999px !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #0284c7 0%, #2563eb 100%) !important;
  box-shadow: 0 8px 24px -4px rgba(2, 132, 199, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.15) inset !important;
  text-decoration: none !important;
  transition: color 0.25s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
}

.mh-hero-btn-primary:hover {
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 12px 30px -4px rgba(2, 132, 199, 0.55), 0 0 0 1.5px rgba(255, 255, 255, 0.25) inset !important;
  background: linear-gradient(135deg, #0ea5e9 0%, #3b82f6 100%) !important;
  color: #ffffff !important;
}

.mh-hero-btn-secondary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  padding: 0.85rem 1.5rem !important;
  border-radius: 9999px !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: var(--mh-text, #0f172a) !important;
  background: rgba(0, 0, 0, 0.04) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
  text-decoration: none !important;
  transition: color 0.25s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
}

[data-theme="dark"] .mh-hero-btn-secondary,
.dark .mh-hero-btn-secondary {
  color: #f8fafc !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

.mh-hero-btn-secondary:hover {
  transform: translateY(-2px) !important;
  background: rgba(0, 0, 0, 0.08) !important;
  border-color: #0284c7 !important;
  color: #0284c7 !important;
  box-shadow: 0 8px 20px -4px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="dark"] .mh-hero-btn-secondary:hover,
.dark .mh-hero-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: #38bdf8 !important;
  color: #38bdf8 !important;
  box-shadow: 0 8px 20px -4px rgba(0, 0, 0, 0.35) !important;
}

#mh-hero-download-trigger-wrap {
  position: relative !important;
  z-index: 50 !important;
}

/* QR Code Popover (Rendered in Foreground Above Buttons) */
.mh-hero-qr-popover {
  position: absolute !important;
  bottom: calc(100% + 14px) !important;
  top: auto !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(-6px) !important;
  z-index: 999999 !important;
  width: 210px !important;
  background: #ffffff !important;
  border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 1.25rem !important;
  padding: 1rem !important;
  box-shadow: 0 25px 50px -10px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: color 0.25s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

[data-theme="dark"] .mh-hero-qr-popover,
.dark .mh-hero-qr-popover {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 25px 50px -10px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
}

#mh-hero-download-trigger-wrap:hover .mh-hero-qr-popover,
#mh-hero-download-trigger-wrap:focus-within .mh-hero-qr-popover {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateX(-50%) translateY(0) !important;
}

.mh-hero-qr-popover-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.5rem;
}

.mh-hero-qr-code-box {
  width: 130px;
  height: 130px;
  background: #ffffff;
  padding: 0.35rem;
  border-radius: 0.85rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.mh-hero-qr-text {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--mh-muted, #64748b);
  line-height: 1.35;
  margin: 0;
}

/* Trust Bar Micro-Copy */
.mh-hero-trust-bar {
  margin-top: 0.85rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.mh-hero-trust-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--mh-muted, #64748b);
  line-height: 1.4;
  letter-spacing: 0.01em;
}

[data-theme="dark"] .mh-hero-trust-badge,
.dark .mh-hero-trust-badge {
  color: #94a3b8;
}

/* ─── Global App Layout & Sidebar (Essential Shell Styles) ──── */
.mh-app-layout {
  display: flex !important;
  min-height: calc(100vh - var(--mh-header-h, 64px)) !important;
  position: relative !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  width: 100% !important;
}

.mh-sidebar {
  width: 230px !important;
  flex-shrink: 0 !important;
  position: sticky !important;
  top: calc(var(--mh-header-h, 64px) + 16px) !important;
  height: calc(100vh - var(--mh-header-h, 64px) - 32px) !important;
  padding: 1rem 0.75rem !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  z-index: 20 !important;
}

@media (max-width: 768px) {
  .mh-sidebar {
    display: none !important;
  }
}

.mh-sidebar-inner {
  background: var(--mh-card-bg, rgba(255, 255, 255, 0.03)) !important;
  border: 1px solid var(--mh-card-border, rgba(255, 255, 255, 0.08)) !important;
  border-radius: 24px !important;
  padding: 1rem 0.6rem !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  height: 100% !important;
  box-sizing: border-box !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
  overflow-y: auto !important;
}

[data-theme="light"] .mh-sidebar-inner {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.05) !important;
}

.mh-sidebar-nav {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.4rem !important;
}

.mh-sidebar-link {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  padding: 0.7rem 0.85rem !important;
  border-radius: 14px !important;
  color: var(--mh-muted, #94a3b8) !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  width: 100% !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease, transform 0.2s ease !important;
  box-sizing: border-box !important;
}

.mh-sidebar-link:hover {
  background: rgba(14, 165, 233, 0.08) !important;
  color: var(--mh-text, #ffffff) !important;
  transform: translateX(3px) !important;
}

.mh-sidebar-link.active {
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.2), rgba(99, 102, 241, 0.15)) !important;
  border: 1px solid rgba(14, 165, 233, 0.35) !important;
  color: var(--mh-text, #ffffff) !important;
  box-shadow: 0 4px 15px rgba(14, 165, 233, 0.2) !important;
}

[data-theme="light"] .mh-sidebar-link {
  color: #64748b !important;
}

[data-theme="light"] .mh-sidebar-link:hover {
  color: #0f172a !important;
  background: rgba(14, 165, 233, 0.08) !important;
}

[data-theme="light"] .mh-sidebar-link.active {
  color: #0284c7 !important;
  background: rgba(14, 165, 233, 0.12) !important;
  border-color: rgba(14, 165, 233, 0.35) !important;
}

.mh-sidebar-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
  max-width: 26px !important;
  max-height: 26px !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
}

.mh-sidebar-icon img,
.mh-sidebar-icon svg {
  width: 22px !important;
  height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  object-fit: contain !important;
  display: block !important;
}

.mh-sidebar-label {
  white-space: nowrap !important;
}

.mh-header-actions--auth #mh-account-menu {
  order: 1;
}

.mh-header-actions--auth #mh-notif-container {
  order: 2;
}

.mh-header-actions--auth .mh-header-icon-btn--download {
  order: 3;
}

.mh-header-actions--auth .mh-header-theme-btn {
  order: 4;
}

.mh-header-actions--auth .mh-hamburger {
  order: 5;
}

.mh-main-content {
  flex: 1 !important;
  min-width: 0 !important;
  padding: 1rem 1.5rem 4rem !important;
  box-sizing: border-box !important;
}

.mh-web-locked .mh-bento-card,
.mh-web-locked .mh-spotlight-card,
.mh-web-locked .mh-app-hero,
.mh-web-locked .br-cat-card,
.mh-web-locked .br-class-card,
.mh-web-locked .br-swipe-card,
[data-requires-web-access] {
  position: relative;
  cursor: pointer !important;
}

.mh-web-locked .mh-bento-card,
.mh-web-locked .mh-spotlight-card,
.mh-web-locked .br-cat-card,
.mh-web-locked .br-class-card,
.mh-web-locked .br-swipe-card {
  filter: saturate(0.82);
}

.mh-web-locked .mh-bento-card::after,
.mh-web-locked .mh-spotlight-card::after,
.mh-web-locked .br-cat-card::after,
.mh-web-locked .br-class-card::after,
.mh-web-locked .br-swipe-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(2, 6, 23, 0.08), rgba(14, 165, 233, 0.08));
  pointer-events: none;
}

.mh-locked-chip,
.mh-sidebar-lock-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border-radius: 999px;
  border: 1px solid rgba(14, 165, 233, 0.28);
  background: rgba(14, 165, 233, 0.12);
  color: #38bdf8;
  font-size: 0.7rem;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.mh-locked-chip {
  padding: 0.38rem 0.7rem;
}

.mh-sidebar-lock-chip {
  margin-left: auto;
  padding: 0.28rem 0.45rem;
  font-size: 0.58rem;
}

.mh-web-upgrade-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999999 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1.25rem !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  padding-top: max(1rem, env(safe-area-inset-top)) !important;
  padding-bottom: max(1rem, env(safe-area-inset-bottom)) !important;
  background: rgba(2, 6, 23, 0.58) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

.mh-web-upgrade-backdrop.is-open,
.mh-web-upgrade-backdrop[style*="display: flex"] {
  display: flex !important;
}

.mh-modal-backdrop.is-open,
.mh-modal-backdrop.active,
.mh-modal-backdrop[style*="display: flex"] {
  display: flex !important;
}

.mh-web-upgrade-panel {
  position: relative;
  width: min(100%, 34rem);
  max-height: calc(100dvh - 2rem);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  border-radius: 2rem;
  padding: 1.4rem;
  color: var(--mh-text, #f8fafc);
  border: 1px solid rgba(14, 165, 233, 0.24);
  background:
    radial-gradient(circle at 86% 10%, rgba(14, 165, 233, 0.22), transparent 36%),
    radial-gradient(circle at 8% 85%, rgba(99, 102, 241, 0.18), transparent 42%),
    color-mix(in srgb, var(--mh-surface, #07111a) 94%, transparent);
  box-shadow: 0 28px 80px rgba(2, 6, 23, 0.5), 0 0 42px rgba(14, 165, 233, 0.18);
}

.mh-web-upgrade-close {
  position: absolute;
  top: 1rem;
  inset-inline-end: 1rem;
  width: 2.4rem;
  height: 2.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid var(--mh-card-border, rgba(255,255,255,0.1));
  background: rgba(255,255,255,0.06);
  color: currentColor;
}

.mh-web-upgrade-icon {
  width: 4rem;
  height: 4rem;
  display: grid;
  place-items: center;
  border-radius: 1.35rem;
  color: #67e8f9;
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.2), rgba(16, 185, 129, 0.14));
  border: 1px solid rgba(103, 232, 249, 0.28);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 0 28px rgba(14,165,233,0.22);
}

.mh-web-upgrade-kicker {
  margin: 1rem 0 0.35rem;
  color: #38bdf8;
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.mh-web-upgrade-panel h2 {
  margin: 0;
  font-size: clamp(1.6rem, 4vw, 2.35rem);
  line-height: 1.06;
  font-weight: 900;
}

.mh-web-upgrade-copy {
  margin: 0.75rem 0 0;
  color: var(--mh-muted-strong, #cbd5e1);
  line-height: 1.6;
}

.mh-web-upgrade-price {
  margin-top: 1rem;
  padding: 1rem;
  border-radius: 1.25rem;
  border: 1px solid rgba(14, 165, 233, 0.2);
  background: rgba(14, 165, 233, 0.08);
}

.mh-web-upgrade-price span,
.mh-web-upgrade-price small,
.mh-web-upgrade-price em {
  display: block;
}

.mh-web-upgrade-price [hidden] {
  display: none !important;
}

.mh-web-upgrade-price span {
  font-size: 1.45rem;
  font-weight: 950;
}

.mh-web-upgrade-price small,
.mh-web-upgrade-price em {
  margin-top: 0.25rem;
  color: var(--mh-muted, #94a3b8);
  font-size: 0.78rem;
  line-height: 1.45;
}

.mh-web-upgrade-list {
  margin: 1rem 0 0;
  padding: 0;
  display: grid;
  gap: 0.55rem;
  list-style: none;
}

.mh-web-upgrade-list li {
  padding-left: 1.45rem;
  position: relative;
  color: var(--mh-muted-strong, #cbd5e1);
  font-size: 0.9rem;
}

.mh-web-upgrade-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45rem;
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 14px rgba(34, 197, 94, 0.45);
}

.mh-web-upgrade-discount {
  margin-top: 1rem;
  display: grid;
  gap: 0.45rem;
}

.mh-web-upgrade-discount label {
  color: var(--mh-muted-strong, #cbd5e1);
  font-size: 0.75rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.mh-web-upgrade-discount input {
  width: 100%;
  min-width: 0;
  height: 2.85rem;
  border-radius: 0.95rem;
  border: 1px solid rgba(14, 165, 233, 0.28);
  background: rgba(15, 23, 42, 0.62);
  color: var(--mh-text, #f8fafc);
  font-size: 0.95rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
  padding: 0 0.95rem;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}

.mh-web-upgrade-discount input:focus {
  border-color: #38bdf8;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.18), inset 0 1px 0 rgba(255,255,255,0.1);
}

.mh-web-upgrade-discount input::placeholder {
  color: rgba(148, 163, 184, 0.72);
}

.mh-web-upgrade-discount small {
  color: var(--mh-muted, #94a3b8);
  font-size: 0.75rem;
  line-height: 1.45;
}

.mh-web-upgrade-discount small[data-tone="success"] {
  color: #34d399;
}

.mh-web-upgrade-discount small[data-tone="danger"] {
  color: #fb7185;
}

.mh-web-upgrade-discount small[data-tone="info"] {
  color: #38bdf8;
}

.mh-web-upgrade-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.2rem;
  position: sticky;
  bottom: -1px;
  z-index: 2;
  padding-block: 0.55rem;
  background: color-mix(in srgb, var(--mh-surface, #07111a) 94%, transparent);
  backdrop-filter: blur(12px);
}

.mh-web-upgrade-note {
  margin: 0.8rem 0 0;
  color: var(--mh-muted, #94a3b8);
  font-size: 0.78rem;
  line-height: 1.5;
}

.mh-web-upgrade-note[data-tone="success"] {
  color: #34d399;
}

.mh-web-upgrade-note[data-tone="danger"] {
  color: #fb7185;
}

.mh-web-upgrade-note[data-tone="info"] {
  color: #38bdf8;
}

.mh-web-upgrade-security {
  margin-top: 0.75rem;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  color: var(--mh-muted-strong, #cbd5e1);
  font-size: 0.78rem;
  line-height: 1.45;
}

.mh-web-upgrade-security svg {
  flex: 0 0 auto;
  color: #34d399;
  filter: drop-shadow(0 0 10px rgba(52, 211, 153, 0.28));
}

@media (max-width: 640px) {
  .mh-web-upgrade-backdrop {
    align-items: flex-start !important;
    padding-inline: max(0.55rem, env(safe-area-inset-left)) !important;
  }

  .mh-web-upgrade-panel {
    width: 100%;
    max-height: calc(100dvh - 1rem);
    border-radius: 1.35rem;
    padding: 1.1rem;
  }

  .mh-web-upgrade-close {
    position: sticky;
    top: 0;
    z-index: 3;
    float: inline-end;
    margin-block-start: -0.5rem;
    margin-inline-end: -0.5rem;
  }

  .mh-web-plan-choice {
    width: 100%;
  }

  .mh-web-upgrade-actions {
    flex-direction: column;
  }
  .mh-web-upgrade-actions .mh-btn-primary,
  .mh-web-upgrade-actions .mh-btn-secondary {
    width: 100%;
    justify-content: center;
  }
}

.mh-web-plan-choice {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(7.5rem, 1fr));
  align-items: stretch;
  gap: 0.25rem;
  margin: 1rem 0;
  padding: 0.3rem;
  border: 1px solid color-mix(in srgb, var(--mh-accent) 30%, var(--mh-card-border));
  border-radius: 999px;
  background: color-mix(in srgb, var(--mh-surface-soft) 88%, transparent);
}

.mh-web-plan-choice button {
  min-height: 2.75rem;
  padding: 0.65rem 1rem;
  border: 0;
  border-radius: 999px;
  color: var(--mh-muted-strong, #cbd5e1);
  background: transparent;
  font: inherit;
  font-size: 0.9rem;
  font-weight: 800;
  cursor: pointer;
  transition: color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

.mh-web-plan-choice button[aria-pressed="true"] {
  color: #04131f;
  background: linear-gradient(135deg, var(--mh-accent), var(--mh-accent-secondary));
  box-shadow: 0 4px 16px rgba(0, 217, 255, 0.2);
}

.mh-web-plan-choice button:focus-visible {
  position: relative;
  z-index: 1;
  outline: 3px solid color-mix(in srgb, var(--mh-accent) 60%, white);
  outline-offset: 2px;
}

@media (max-width: 380px) {
  .mh-web-plan-choice { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-height: 700px) {
  .mh-web-upgrade-panel {
    max-height: calc(100dvh - 1rem);
    padding: 1rem;
  }
  .mh-web-upgrade-icon { width: 3rem; height: 3rem; }
  .mh-web-upgrade-kicker { margin-top: 0.65rem; }
  .mh-web-upgrade-price { margin-top: 0.7rem; padding: 0.8rem; }
}

/* ─── Dynamic Clinical Post / Promo Hero Banner with Glowing Borders ─── */
.ci-topic-type--drug { color: var(--mh-accent); }
.ci-topic-type--condition { color: #ec4899; }
.ci-detail-topic-glow--drug { background: radial-gradient(circle, rgba(0,217,255,.18), transparent 60%); }
.ci-detail-topic-glow--condition { background: radial-gradient(circle, rgba(236,72,153,.18), transparent 60%); }
.mh-hero-banner-card {
  position: relative;
  border-radius: 26px;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 2rem;
  border: 2px solid var(--promo-glow, #8b5cf6);
  box-shadow: 0 0 25px color-mix(in srgb, var(--promo-glow, #8b5cf6) 45%, transparent);
  transition: color 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), background-color 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
  background: var(--mh-surface, #0f172a);
}

.mh-hero-banner-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 40px color-mix(in srgb, var(--promo-glow, #8b5cf6) 75%, transparent);
}

.mh-hero-banner-inner {
  position: relative;
  width: 100%;
}

.mh-hero-banner-img {
  width: 100%;
  height: auto;
  max-height: 240px;
  object-fit: cover;
  display: block;
}

.mh-hero-banner-badge {
  position: absolute;
  top: 14px;
  right: 14px;
  padding: 4px 14px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 800;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* ─── Floating Promotion / Big Poster Dialog ─── */
.mh-promo-dialog-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999999 !important;
  background: rgba(2, 6, 23, 0.75) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}

.mh-promo-dialog-backdrop[style*="display: flex"] {
  display: flex !important;
}

.mh-promo-dialog-panel {
  position: relative;
  width: min(100%, 38rem);
  max-height: 90vh;
  overflow-y: auto;
  border-radius: 28px;
  padding: 2rem;
  background: color-mix(in srgb, var(--mh-surface, #07111a) 96%, transparent);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6), 0 0 45px rgba(139, 92, 246, 0.25);
  color: var(--mh-text, #f8fafc);
}

.mh-promo-dialog-close {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  width: 2.25rem;
  height: 2.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.06);
  color: inherit;
  font-size: 1.25rem;
  cursor: pointer;
  line-height: 1;
  transition: color 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s, transform 0.2s;
  z-index: 10;
}

.mh-promo-dialog-close:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: scale(1.05);
}

.mh-promo-poster-img {
  width: 100%;
  max-height: 440px;
  object-fit: contain;
  border-radius: 20px;
  margin-bottom: 1.25rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.25);
}

.mh-promo-pill {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background: rgba(139, 92, 246, 0.2);
  color: #c084fc;
  border: 1px solid rgba(139, 92, 246, 0.35);
  margin-bottom: 0.75rem;
}

.mh-promo-title {
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1.2;
  margin: 0 0 0.75rem 0;
  color: var(--mh-text, #f8fafc);
}

.mh-promo-desc {
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--mh-muted, #94a3b8);
  margin: 0 0 1.5rem 0;
  white-space: pre-line;
}

.mh-promo-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
}

/* ═════════════════════════════════════════════════════════════════════════
   AUTH / LOGIN PAGE AMBIENT BACKGROUND & GLOSSY CARD
   ═════════════════════════════════════════════════════════════════════════ */
.mh-login-page {
  background: transparent !important;
  min-height: calc(100vh - var(--mh-header-h, 72px)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 2.5rem 1rem 4rem !important;
  position: relative !important;
  z-index: 10 !important;
}

.mh-login-card {
  position: relative !important;
  background: linear-gradient(165deg, rgba(15, 23, 42, 0.85), rgba(11, 19, 35, 0.94)) !important;
  border: 1px solid rgba(56, 189, 248, 0.24) !important;
  backdrop-filter: blur(28px) saturate(1.5) !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.5) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 24px 60px rgba(0, 0, 0, 0.45),
    0 0 45px rgba(14, 165, 233, 0.08) !important;
  border-radius: 2rem !important;
}

[data-theme="light"] .mh-login-card {
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.92)) !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1),
    0 20px 50px rgba(15, 23, 42, 0.08),
    0 0 35px rgba(14, 165, 233, 0.06) !important;
}

/* ─── Full-Screen Responsive Mobile Menu Drawer ─── */
.mh-mobile-menu {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  background: var(--mh-surface, #0f172a) !important;
  backdrop-filter: blur(36px) saturate(1.8) !important;
  -webkit-backdrop-filter: blur(36px) saturate(1.8) !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  overflow: hidden !important;
  transform: translateY(-100%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease !important;
}

.mh-mobile-menu.is-open {
  transform: translateY(0) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

[data-theme="dark"] .mh-mobile-menu,
.dark .mh-mobile-menu {
  background: rgba(11, 19, 32, 0.98) !important;
}

[data-theme="light"] .mh-mobile-menu {
  background: rgba(255, 255, 255, 0.98) !important;
}

/* Sticky top header bar inside drawer */
.mh-mobile-menu__header {
  position: sticky !important;
  top: 0 !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 1rem 1.25rem !important;
  border-bottom: 1px solid var(--mh-card-border, rgba(255, 255, 255, 0.08)) !important;
  background: color-mix(in srgb, var(--mh-surface, #0f172a) 92%, transparent) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  flex-shrink: 0 !important;
}

.mh-mobile-menu__close {
  width: 36px !important;
  height: 36px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid var(--mh-card-border, rgba(255, 255, 255, 0.12)) !important;
  color: var(--mh-text, #f8fafc) !important;
  cursor: pointer !important;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease, transform 0.2s ease !important;
}

[data-theme="light"] .mh-mobile-menu__close {
  background: rgba(0, 0, 0, 0.05) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  color: #0f172a !important;
}

.mh-mobile-menu__close:hover {
  background: rgba(244, 63, 94, 0.15) !important;
  border-color: rgba(244, 63, 94, 0.35) !important;
  color: #f43f5e !important;
  transform: scale(1.05) !important;
}

/* Scrollable container inside drawer */
.mh-mobile-menu__scroll {
  flex: 1 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  padding: 1.25rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1.25rem !important;
}

/* User Card */
.mh-mobile-user-card {
  padding: 1rem 1.15rem !important;
  border-radius: 20px !important;
  background: color-mix(in srgb, var(--mh-card-highlight, #1e293b) 60%, transparent) !important;
  border: 1px solid var(--mh-card-border, rgba(255, 255, 255, 0.1)) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

/* Nav Groups */
.mh-mobile-nav-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.35rem !important;
}

.mh-mobile-group-title {
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--mh-muted, #94a3b8) !important;
  padding: 0 0.5rem 0.25rem !important;
}

.mh-mobile-menu__link {
  display: flex !important;
  align-items: center !important;
  gap: 0.85rem !important;
  padding: 0.75rem 1rem !important;
  border-radius: 14px !important;
  color: var(--mh-text, #f8fafc) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease, transform 0.2s ease !important;
}

.mh-mobile-menu__link:hover,
.mh-mobile-menu__link:active {
  background: rgba(14, 165, 233, 0.1) !important;
  border-color: rgba(14, 165, 233, 0.25) !important;
  color: #38bdf8 !important;
  transform: translateX(3px) !important;
}

.mh-mobile-link-icon {
  font-size: 1.15rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  flex-shrink: 0 !important;
}

/* Preferences rows */
.mh-mobile-pref-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0.75rem 1rem !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid var(--mh-card-border, rgba(255, 255, 255, 0.08)) !important;
  width: 100% !important;
  box-sizing: border-box !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease, transform 0.2s ease !important;
}

[data-theme="light"] .mh-mobile-pref-row {
  background: rgba(0, 0, 0, 0.03) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
}

.mh-mobile-pref-row:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(56, 189, 248, 0.3) !important;
}

/* Actions */
.mh-mobile-menu__actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.65rem !important;
  margin-top: 0.5rem !important;
  padding-top: 1rem !important;
  border-top: 1px solid var(--mh-card-border, rgba(255, 255, 255, 0.08)) !important;
}

.mh-mobile-menu__actions .mh-btn-primary,
.mh-mobile-menu__actions .mh-btn-secondary {
  height: 46px !important;
  border-radius: 14px !important;
  font-weight: 800 !important;
  font-size: 0.95rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
}

@media (min-width: 1024px) {
  .mh-mobile-menu {
    display: none !important;
  }
}

/* ─── Header dropdown scroll + tablet breakpoint repair ─── */
.mh-notif-flyout,
.mh-account-dropdown {
  max-height: min(calc(100vh - 7rem), 560px) !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin !important;
}

.mh-account-dropdown {
  overflow-y: auto !important;
}

/* Phones: anchor the notifications flyout to the viewport, not the bell, so the
   360-380px panel can't hang off the left edge (it sat ~98px off-screen at 390px). */
@media (max-width: 639.98px) {
  .mh-notif-flyout {
    position: fixed !important;
    top: calc(env(safe-area-inset-top, 0px) + 84px) !important;
    inset-inline: 12px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100dvh - 100px) !important;
  }
}

.mh-notif-flyout-list {
  max-height: min(calc(100vh - 13rem), 410px) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin !important;
}

@media (max-width: 1279px) {
  .mh-header-nav {
    display: none !important;
  }

  .mh-hamburger {
    display: inline-flex !important;
  }

  .mh-header-actions--auth .mh-account-meta {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  .mh-header-nav {
    display: flex !important;
  }

  .mh-hamburger {
    display: none !important;
  }

  .mh-mobile-menu {
    display: none !important;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .mh-mobile-menu {
    display: flex !important;
  }
}

/* ─── Edit profile identity grid spacing ─── */
.mh-profile-form-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 1.25rem !important;
}

.mh-profile-form-grid > div {
  min-width: 0 !important;
}

.mh-profile-form-grid .mh-form-input {
  min-height: 3.25rem !important;
}

@media (min-width: 760px) {
  .mh-profile-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.25rem 1.5rem !important;
  }
}

/* ─── Global Theme-Aware Download Modal ─── */
#mh-download-modal.mh-modal-backdrop {
  background: rgba(15, 23, 42, 0.45) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

#mh-download-modal .mh-modal-panel {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid rgba(14, 165, 233, 0.25) !important;
  border-radius: 28px !important;
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.15), 0 0 35px rgba(14, 165, 233, 0.08) !important;
}

#mh-download-modal .mh-eyebrow {
  color: #0284c7 !important;
}

#mh-download-modal .mh-modal-panel__title {
  color: #0f172a !important;
}

#mh-download-modal p {
  color: #475569 !important;
}

#mh-download-modal .mh-modal-close-btn {
  background: #f1f5f9 !important;
  color: #475569 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 9999px !important;
}

#mh-download-modal .mh-modal-close-btn:hover {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}

#mh-download-modal .mh-btn-secondary {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 1rem !important;
  padding: 0.75rem 1.25rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

#mh-download-modal .mh-btn-secondary:hover {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}

#mh-download-modal .mh-btn-primary {
  background: #0ea5e9 !important;
  color: #ffffff !important;
  border: 1px solid #0284c7 !important;
  border-radius: 1rem !important;
  padding: 0.75rem 1.25rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

[data-theme="dark"] #mh-download-modal.mh-modal-backdrop,
.dark #mh-download-modal.mh-modal-backdrop {
  background: rgba(0, 0, 0, 0.7) !important;
}

[data-theme="dark"] #mh-download-modal .mh-modal-panel,
.dark #mh-download-modal .mh-modal-panel {
  background: #0b1523 !important;
  color: #f8fafc !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.75) !important;
}

[data-theme="dark"] #mh-download-modal .mh-eyebrow,
.dark #mh-download-modal .mh-eyebrow {
  color: #38bdf8 !important;
}

[data-theme="dark"] #mh-download-modal .mh-modal-panel__title,
.dark #mh-download-modal .mh-modal-panel__title {
  color: #f8fafc !important;
}

[data-theme="dark"] #mh-download-modal p,
.dark #mh-download-modal p {
  color: #94a3b8 !important;
}

[data-theme="dark"] #mh-download-modal .mh-modal-close-btn,
.dark #mh-download-modal .mh-modal-close-btn {
  background: #1e293b !important;
  color: #94a3b8 !important;
  border-color: #334155 !important;
}

[data-theme="dark"] #mh-download-modal .mh-btn-secondary,
.dark #mh-download-modal .mh-btn-secondary {
  background: #1e293b !important;
  color: #f8fafc !important;
  border-color: #334155 !important;
}

/* ─── Hero Phone Layout (< 768px): Centered & Compact ─── */
@media (max-width: 767px) {
  .mh-hero-section {
    padding-top: 1rem !important;
    text-align: center !important;
  }

  .mh-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 2rem !important;
  }

  .mh-hero-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 580px !important;
  }

  .mh-hero-copy__top {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    gap: 0.85rem !important;
  }

  .mh-pill--trust {
    margin: 0 auto 0.25rem auto !important;
    font-size: 0.78rem !important;
    padding: 0.4rem 1rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .mh-hero-brand {
    font-size: clamp(2.8rem, 11vw, 4.2rem) !important;
    line-height: 1.1 !important;
    text-align: center !important;
    margin: 0 auto !important;
  }

  .mh-hero-subtitle {
    font-size: clamp(1.25rem, 5.5vw, 1.85rem) !important;
    line-height: 1.35 !important;
    text-align: center !important;
    margin: 0 auto 1.5rem auto !important;
    max-width: 92% !important;
  }

  .mh-hero-cta-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    margin-bottom: 1.25rem !important;
  }

  .mh-hero-cta-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
    gap: 0.85rem !important;
  }

  #mh-hero-download-trigger-wrap {
    width: 100% !important;
    display: block !important;
  }

  .mh-hero-btn-primary,
  .mh-hero-btn-secondary {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    height: 48px !important;
    font-size: 0.98rem !important;
    box-sizing: border-box !important;
  }

  /* Disable hover QR popover on touch screens so clicking opens download modal/scrolls directly */
  .mh-hero-qr-popover {
    display: none !important;
  }

  .mh-hero-trust-bar {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    margin-top: 1rem !important;
  }

  .mh-hero-trust-badge {
    justify-content: center !important;
    text-align: center !important;
    font-size: 0.76rem !important;
    line-height: 1.5 !important;
    max-width: 330px !important;
    margin: 0 auto !important;
  }

  .mh-hero-stage {
    margin-top: 2rem !important;
    display: flex !important;
    justify-content: center !important;
  }
}

/* ─── Hero Tablet Layout (768px – 1023px): 2-Column Desktop-Style ─── */
@media (min-width: 768px) and (max-width: 1023px) {
  .mh-hero-section {
    padding-top: 1.5rem !important;
  }

  .mh-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) !important;
    gap: 2rem !important;
    align-items: center !important;
  }

  .mh-hero-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    margin: 0 !important;
    max-width: 100% !important;
  }

  [dir="rtl"] .mh-hero-copy {
    align-items: flex-start !important;
    text-align: right !important;
  }

  .mh-hero-copy__top {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    width: 100% !important;
    gap: 1rem !important;
  }

  [dir="rtl"] .mh-hero-copy__top {
    align-items: flex-start !important;
    text-align: right !important;
  }

  .mh-pill--trust {
    margin: 0 0 0.25rem 0 !important;
    display: inline-flex !important;
  }

  .mh-hero-brand {
    font-size: clamp(3.2rem, 6.5vw, 4.5rem) !important;
    line-height: 0.95 !important;
    text-align: left !important;
    margin: 0 !important;
  }

  [dir="rtl"] .mh-hero-brand {
    text-align: right !important;
  }

  .mh-hero-subtitle {
    font-size: clamp(1.4rem, 2.6vw, 2rem) !important;
    line-height: 1.15 !important;
    text-align: left !important;
    margin: 0 0 1.5rem 0 !important;
    max-width: 100% !important;
  }

  [dir="rtl"] .mh-hero-subtitle {
    text-align: right !important;
  }

  .mh-hero-cta-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    margin-bottom: 1.5rem !important;
  }

  [dir="rtl"] .mh-hero-cta-wrap {
    align-items: flex-start !important;
  }

  .mh-hero-cta-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    gap: 0.85rem !important;
  }

  #mh-hero-download-trigger-wrap {
    width: auto !important;
    display: inline-block !important;
  }

  .mh-hero-btn-primary,
  .mh-hero-btn-secondary {
    width: auto !important;
    display: inline-flex !important;
    height: auto !important;
    padding: 0.85rem 1.4rem !important;
  }

  .mh-hero-qr-popover {
    display: none !important;
  }

  .mh-hero-trust-bar {
    display: flex !important;
    justify-content: flex-start !important;
    text-align: left !important;
    width: 100% !important;
    margin-top: 1rem !important;
  }

  [dir="rtl"] .mh-hero-trust-bar {
    justify-content: flex-start !important;
    text-align: right !important;
  }

  .mh-hero-trust-badge {
    justify-content: flex-start !important;
    text-align: left !important;
    max-width: none !important;
    margin: 0 !important;
  }

  [dir="rtl"] .mh-hero-trust-badge {
    text-align: right !important;
  }

  .mh-hero-stage {
    display: flex !important;
    justify-content: center !important;
    margin-top: 0 !important;
  }
}


/* CSP-safe runtime state used by modal and result views. */
[hidden] { display: none !important; }
body.mh-modal-open { overflow: hidden !important; }
.mh-csrf-hidden { display: none !important; }

/* Light theme text contrast.
   --mh-accent (#00d9ff) is a fill/glow colour: as text on the light
   background it measures ~1.5:1. Text uses an "ink" variant that clears
   WCAG AA (>= 4.5:1 on --mh-bg and on white cards). Fills keep --mh-accent. */
:root {
  --mh-accent-ink: var(--mh-accent);
  --mh-accent-secondary-ink: var(--mh-accent-secondary);
}
:root[data-theme="light"] {
  --mh-accent-ink: #0b7189;
  --mh-accent-secondary-ink: #0f766e;
  --mh-muted: #586c81;
}
:root[data-theme="light"] .mh-eyebrow,
:root[data-theme="light"] .mh-pill--trust,
:root[data-theme="light"] .mh-how-id,
:root[data-theme="light"] .mh-compare-time--good,
:root[data-theme="light"] .ci-topic-type--drug {
  color: var(--mh-accent-ink);
}
:root[data-theme="light"] .mh-pricing-save { color: var(--mh-accent-secondary-ink); }
:root[data-theme="light"] .mh-compare-time--bad { color: #b91c1c; }
:root[data-theme="light"] .ci-topic-type--condition { color: #be185d; }

/* RTL: the pricing "Popular" badge is pinned with a physical right offset,
   where RTL puts the plan name. Mirror it to the inline end. */
[dir="rtl"] .mh-plan-badge { right: auto; left: 1rem; }

/* RTL: Latin tokens ending in a neutral ("20K+", "4.8★") are reordered by
   the bidi algorithm into "+20K" / "★4.8". Isolate them as LTR. */
[dir="rtl"] .mh-stat-value { direction: ltr; unicode-bidi: isolate; display: inline-block; }

/* ── Former inline styles: templates/core/site_header.html, templates/core/_clinical_content.html, web_auth/templates/web_auth/banned.html, web_auth/templates/web_auth/login.html, web_auth/templates/web_auth/complete_phone.html, web_auth/templates/web_auth/complete_profile.html, ai_jobs/templates/ai_jobs/result.html (strict CSP) ── */

/* site_header.html
   (The inline border/background on the Settings/Sign-out .mh-profile-list-item rows and
   icons, and width/height on .mh-logo-squircle, were dropped: !important rules above already
   overrode them, so they never rendered.) */
.mh-hdr-avatar-gradient { background-size: 300% 300% !important; }
/* Badge: notifications.js shows it with style.display = 'block' (no !important here). */
.mh-notif-badge-count.mh-notif-badge-count--hidden { display: none; }
/* Non-!important, like the inline value: hub/settings/patient-hub .mh-modal-panel
   max-width !important rules still win on those pages, as before. */
#mh-download-modal .mh-hdr-download-panel { max-width: 520px; }
/* "Get the app" dialog: two columns (App Store | Google Play), each badge with its own QR code under it.
   The codes stay dark-on-white in both themes (best contrast for phone cameras); 132px desktop/tablet,
   never under ~120px on a 360px phone (about 3 cm on screen, comfortably scannable). */
#mh-download-modal .mh-dlq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
#mh-download-modal .mh-dlq__store { display: flex; flex-direction: column; align-items: stretch; gap: 12px; min-width: 0; }
#mh-download-modal .mh-dlq__store > a { width: 100%; min-height: 48px; white-space: nowrap; padding-inline: 10px; gap: 8px; }
#mh-download-modal .mh-dlq__qr {
  align-self: center; box-sizing: border-box; width: min(132px, 100%); aspect-ratio: 1;
  padding: 6px; border-radius: 14px; background: #fff; color: #0b1824;
  border: 1px solid #e2e8f0;
}
#mh-download-modal .mh-dlq__qr svg { display: block; width: 100%; height: 100%; }
#mh-download-modal .mh-dlq__qr .hm-qr__bg, #mh-download-modal .mh-dlq__qr .hm-qr__logo-bg { fill: #fff; }
#mh-download-modal p.mh-dlq__hint { margin: 12px 0 0 !important; text-align: center; font-size: .8125rem; font-weight: 600; }
[data-theme="dark"] #mh-download-modal .mh-dlq__qr, .dark #mh-download-modal .mh-dlq__qr { border-color: transparent; }
@media (max-width: 380px) { #mh-download-modal .mh-dlq { gap: 8px; } }
.mh-hdr-logout-cancel {
  background: var(--mh-surface-strong) !important;
  border: 1px solid var(--mh-card-border) !important;
}

/* _clinical_content.html (infographics + medical pearls detail) */
.mh-clinical { width: 100% !important; margin: 1rem 0 !important; }
.mh-clinical__img { width: 100% !important; height: auto !important; border-radius: 18px !important; }
.mh-clinical__card {
  padding: 1.25rem !important;
  margin-bottom: 1rem !important;
  border-radius: 18px !important;
  border: 1px solid var(--mh-border, rgba(128,128,128,.25)) !important;
  background: var(--mh-surface, transparent) !important;
}
.mh-clinical__title { font-size: 1.1rem !important; line-height: 1.4 !important; margin: 0 0 .6rem !important; }
.mh-clinical__body { line-height: 1.75 !important; white-space: pre-line !important; margin: 0 !important; }
.mh-clinical__checked { font-size: .85rem !important; opacity: .75 !important; }

/* web_auth/banned.html */
.mh-banned-orb-a { background: radial-gradient(circle, rgba(239,68,68,0.25) 0%, transparent 70%) !important; }
.mh-banned-orb-b { background: radial-gradient(circle, rgba(239,68,68,0.15) 0%, transparent 70%) !important; }
.mh-banned-icon-ring { background: rgba(239,68,68,0.12) !important; border: 2px solid rgba(239,68,68,0.3) !important; }
.mh-banned-red { color: #f87171 !important; }
.mh-banned-text { color: var(--mh-text) !important; }
.mh-banned-muted { color: var(--mh-muted) !important; }
.mh-banned-btn-primary { background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%) !important; }
.mh-banned-btn-secondary {
  background: var(--mh-surface-soft) !important;
  color: var(--mh-muted) !important;
  border: 1px solid var(--mh-card-border) !important;
}
.mh-banned-link { color: var(--mh-accent) !important; }

/* web_auth/login.html, web_auth/complete_phone.html */
.mh-login-glow-mesh {
  background:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(14, 165, 233, 0.22), transparent 70%),
    radial-gradient(ellipse 60% 50% at 85% 85%, rgba(99, 102, 241, 0.16), transparent 70%),
    radial-gradient(ellipse 50% 45% at 10% 70%, rgba(16, 185, 129, 0.12), transparent 70%),
    radial-gradient(circle at 50% 45%, rgba(2, 132, 199, 0.10), transparent 75%) !important;
}
.mh-login-dot-grid {
  background-image: radial-gradient(circle, currentColor 1px, transparent 1px) !important;
  background-size: 28px 28px !important;
}
.mh-phone-input-full { width: 100% !important; }

/* web_auth/complete_profile.html — former <style> block, scoped to the birthday modal
   (the inline flatpickr calendar is rendered inside #birthday-modal). */
#birthday-modal .flatpickr-calendar { background: transparent !important; border: none !important; box-shadow: none !important; font-family: inherit !important; margin: 0 auto !important; }
#birthday-modal .flatpickr-day { color: var(--mh-text) !important; }
#birthday-modal .flatpickr-day.selected { background: var(--mh-accent) !important; color: #000 !important; border-color: var(--mh-accent) !important; font-weight: bold !important; }
#birthday-modal .flatpickr-month, #birthday-modal .flatpickr-current-month, #birthday-modal .flatpickr-weekday { color: var(--mh-text) !important; fill: var(--mh-text) !important; }
#birthday-modal .flatpickr-prev-month svg, #birthday-modal .flatpickr-next-month svg { fill: var(--mh-text) !important; }

/* ai_jobs/result.html */
.mh-ai-job__layout { max-width: 760px !important; margin: 0 auto !important; padding: 32px 16px !important; }
.mh-ai-job__heading { font-size: 1.5rem !important; font-weight: 900 !important; margin: 0 0 16px !important; color: var(--mh-text, #fff) !important; }
.mh-ai-job__state {
  padding: 20px !important;
  border-radius: 18px !important;
  background: var(--mh-surface, rgba(15,23,42,0.6)) !important;
  border: 1px solid var(--mh-border, rgba(148,163,184,0.2)) !important;
}
.mh-ai-job__title { font-weight: 800 !important; color: var(--mh-text, #fff) !important; }
/* display is toggled by ai-job-result.js, so it stays out of these rules */
.mh-ai-job__body { margin-top: 6px !important; color: var(--mh-muted, #94a3b8) !important; line-height: 1.5 !important; }
.mh-ai-job__actions { margin-top: 12px !important; gap: 8px !important; }
.mh-ai-job__result { margin-top: 16px !important; color: var(--mh-text, #e2e8f0) !important; line-height: 1.6 !important; }
/* Initially hidden; ai-job-result.js shows #mh-ai-job-actions with style.display = 'flex'
   and the retry button by removing this class. Not !important, so inline display wins. */
.mh-ai-job .mh-ai-job__hidden { display: none; }

/* ── js/mh-errors.js: inline error state with retry + "open link" fallback when a popup was blocked ── */
.mh-inline-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1.25rem 1rem;
  border: 1px solid var(--mh-card-border, rgba(148, 163, 184, 0.35));
  border-radius: 1rem;
  background: var(--mh-surface-soft, rgba(148, 163, 184, 0.08));
  color: var(--mh-text, inherit);
  text-align: center;
}
.mh-inline-error__text { margin: 0; font-size: 0.95rem; line-height: 1.5; color: var(--mh-muted-strong, inherit); }
.mh-inline-error__retry,
.mh-open-link__go {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.5rem 1.25rem;
  border: 0;
  border-radius: 999px;
  /* Text on the accent fill: a dark ink (>= 9:1 on #00d9ff). --mh-accent-ink is the accent used AS
     text on the page background, so it must never colour text sitting on the accent itself. */
  background: var(--mh-accent, #00d9ff);
  color: #03202a;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}
:root[data-theme="light"] .mh-inline-error__retry,
:root[data-theme="light"] .mh-open-link__go {
  background: #0b7189;
  color: #fff;
}
.mh-inline-error__retry:disabled { opacity: 0.6; cursor: progress; }
.mh-inline-error__retry:focus-visible,
.mh-open-link__go:focus-visible,
.mh-open-link__close:focus-visible {
  outline: 3px solid var(--mh-text, #0f172a);
  outline-offset: 2px;
}
/* body.mh-shell prefix: beats the `body.mh-shell > *:not(...)` stacking rule in site.css
   (position: relative; z-index: 1), which left the dialog as a static box after the footer. */
body.mh-shell > .mh-open-link,
.mh-open-link {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(15, 23, 42, 0.6);
}
.mh-open-link__panel {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
  width: min(100%, 24rem);
  padding: 1.5rem 1.25rem 1rem;
  border: 1px solid var(--mh-card-border, rgba(148, 163, 184, 0.35));
  border-radius: 1.25rem;
  background: #fff;
  color: #0f172a;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
  text-align: center;
}
:root[data-theme="dark"] .mh-open-link__panel { background: #142233; color: #e2e8f0; }
.mh-open-link__title { margin: 0; font-size: 1.1rem; font-weight: 800; line-height: 1.3; }
.mh-open-link__panel p { margin: 0; line-height: 1.55; font-size: 0.95rem; }
.mh-open-link__close {
  min-height: 2.5rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: inherit;
  font-weight: 600;
  cursor: pointer;
}
.mh-open-link__close:hover { background: rgba(148, 163, 184, 0.16); }

/* MHErrors.confirm / MHErrors.prompt (js/mh-errors.js): same backdrop + panel as the link dialog. */
.mh-dialog__panel { text-align: start; width: min(100%, 26rem); }
.mh-dialog__message { color: inherit; opacity: 0.85; }
.mh-dialog__label { font-size: 0.85rem; font-weight: 700; }
.mh-dialog__input {
  width: 100%;
  min-height: 2.75rem;
  padding: 0.55rem 0.85rem;
  border: 1px solid rgba(148, 163, 184, 0.55);
  border-radius: 0.75rem;
  background: transparent;
  color: inherit;
  font: inherit;
}
.mh-dialog__input[aria-invalid="true"] { border-color: #dc2626; }
.mh-dialog__error { margin: 0; color: #dc2626; font-size: 0.85rem; font-weight: 600; }
:root[data-theme="dark"] .mh-dialog__error { color: #fca5a5; }
.mh-dialog__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.5rem; margin-top: 0.25rem; }
.mh-dialog__cancel,
.mh-dialog__ok {
  min-height: 2.75rem;
  padding: 0.5rem 1.25rem;
  border-radius: 999px;
  font-weight: 700;
  cursor: pointer;
}
.mh-dialog__cancel { border: 1px solid rgba(148, 163, 184, 0.55); background: transparent; color: inherit; }
.mh-dialog__cancel:hover { background: rgba(148, 163, 184, 0.16); }
.mh-dialog__ok { border: 0; background: #0b7189; color: #fff; }
:root[data-theme="dark"] .mh-dialog__ok { background: var(--mh-accent, #00d9ff); color: #03202a; }
.mh-dialog__ok--danger,
:root[data-theme="dark"] .mh-dialog__ok--danger { background: #dc2626; color: #fff; }
.mh-dialog__ok--danger:hover { background: #b91c1c; }
.mh-dialog__cancel:focus-visible,
.mh-dialog__ok:focus-visible,
.mh-dialog__input:focus-visible {
  outline: 3px solid var(--mh-text, #0f172a);
  outline-offset: 2px;
}
@media (max-width: 420px) {
  .mh-dialog__actions > button { flex: 1 1 auto; }
}

/* Current section in the signed-in top nav and mobile menu (nav_section, MediHelpAd/navigation.py). */
.mh-nav-link.active {
  color: var(--mh-text);
  background: color-mix(in srgb, var(--mh-accent) 14%, transparent);
  font-weight: 700;
}

.mh-mobile-menu__link.active {
  background: rgba(14, 165, 233, 0.12) !important;
  border-color: rgba(14, 165, 233, 0.35) !important;
  color: #38bdf8 !important;
}

/* Busy state for submit buttons (settings change-password, edit profile): a small ring spinner. */
.mh-btn-spinner {
  display: inline-block;
  width: 1em;
  height: 1em;
  border: 2px solid currentColor;
  border-inline-end-color: transparent;
  border-radius: 50%;
  vertical-align: -0.125em;
  animation: mh-btn-spin 0.7s linear infinite;
}
@keyframes mh-btn-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .mh-btn-spinner { animation-duration: 2s; } }

/* Untranslated signed-in pages in an RTL UI (base.html, MediHelpAd/navigation.py): the wrapper only
   sets dir="ltr"/lang="en" for the content; it must not add a layout box of its own. */
.mh-content-ltr { display: contents; }

/* g59: scripts Outfit / Cairo do not cover. core/base.html loads the Noto family from Google Fonts
   on these locales only (context_processors.SCRIPT_FONTS). CJK: Outfit stays first for Latin text
   (its @font-face unicode-range is Latin only), the Noto family draws the CJK glyphs. Hebrew: Noto
   Sans Hebrew for everything instead of Cairo (AR3 rule above), which has no Hebrew glyphs.
   :root:lang() outranks the [dir="rtl"] Cairo rules. */
:root:lang(ja) .mh-shell,
:root:lang(ja) body.mh-shell :where(h1, h2, h3, h4, h5, h6, .font-outfit, .font-display, .mh-header-brand-name) { font-family: 'Outfit', 'Noto Sans JP', sans-serif; }
:root:lang(ko) .mh-shell,
:root:lang(ko) body.mh-shell :where(h1, h2, h3, h4, h5, h6, .font-outfit, .font-display, .mh-header-brand-name) { font-family: 'Outfit', 'Noto Sans KR', sans-serif; }
:root:lang(zh-hant) .mh-shell,
:root:lang(zh-hant) body.mh-shell :where(h1, h2, h3, h4, h5, h6, .font-outfit, .font-display, .mh-header-brand-name) { font-family: 'Outfit', 'Noto Sans TC', sans-serif; }
:root:lang(he) .mh-shell,
:root:lang(he) body.mh-shell :where(h1, h2, h3, h4, h5, h6, .font-outfit, .font-display, .font-arabic, .mh-header-brand-name) { font-family: 'Noto Sans Hebrew', 'Outfit', sans-serif; }
/* CJK has no letter case and wide glyphs: no forced uppercase / tracking on small labels (as AR2). */
:root:is(:lang(ja), :lang(ko), :lang(zh-hant)) :is(.mh-eyebrow, .mh-footer-heading) { letter-spacing: 0; text-transform: none; }
/* ---- css/mh-ui.css ---- */
/* MediHelp shared building blocks for signed-in pages (wsC1 / N3).
   Page head + breadcrumb, action bar, buttons, modal shell (+ legacy dialog adapter), share sheet,
   upgrade dialog, locked state, empty / error / loading states. Behaviour: js/mh-ui.js.
   Calm and clinical (C8): solid colours, line icons, no gradients, no glow. Touch targets >= 44px,
   text >= 12px (C6). Logical properties for RTL. */

:root {
  --mh-ui-panel: var(--mh-bg-alt, var(--mh-bg, #0f1419));
  --mh-ui-line: var(--mh-card-border, rgba(160, 214, 255, 0.14));
  --mh-ui-raise: color-mix(in srgb, var(--mh-text, #fff) 5%, transparent);
  --mh-ui-raise-strong: color-mix(in srgb, var(--mh-text, #fff) 9%, transparent);
  --mh-ui-accent: var(--mh-accent, #00d9ff);
  --mh-ui-on-accent: #04131f;
  --mh-ui-radius: 16px;
  --mh-ui-tap: 44px;
  --mh-ui-danger: #f87171;
  --mh-ui-success: #34d399;
}
[data-theme="light"] {
  --mh-ui-accent: #0277a8;
  --mh-ui-on-accent: #ffffff;
  --mh-ui-danger: #b91c1c;
  --mh-ui-success: #047857;
}

.mh-visually-hidden {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
[dir="rtl"] .mh-flip-rtl { transform: scaleX(-1); }

/* ── Buttons (C7: one primary style) ───────────────────────────────── */
.mh-ui-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-height: var(--mh-ui-tap); padding: .625rem 1.25rem; border-radius: 999px;
  border: 1px solid transparent; background: var(--mh-ui-accent); color: var(--mh-ui-on-accent);
  font: inherit; font-size: .9375rem; font-weight: 700; line-height: 1.2; text-align: center;
  text-decoration: none; cursor: pointer; transition: filter .15s ease, background-color .15s ease;
}
.mh-ui-btn:hover { filter: brightness(1.06); }
.mh-ui-btn:focus-visible, .mh-action:focus-visible, .mh-dialog__close:focus-visible, .mh-share-option:focus-visible,
.mh-plan:focus-visible, .mh-segmented button:focus-visible, .mh-crumbs a:focus-visible {
  outline: 2px solid var(--mh-ui-accent); outline-offset: 2px;
}
.mh-ui-btn[disabled], .mh-ui-btn[aria-busy="true"] { opacity: .6; cursor: progress; }
.mh-ui-btn--secondary { background: var(--mh-ui-raise); color: var(--mh-text); border-color: var(--mh-ui-line); }
.mh-ui-btn--secondary:hover { background: var(--mh-ui-raise-strong); filter: none; }
.mh-ui-btn--ghost { background: transparent; color: var(--mh-muted-strong, var(--mh-text)); border-color: transparent; }
.mh-ui-btn--ghost:hover { background: var(--mh-ui-raise); filter: none; }
/* Strong primary (owner, Labs v2.2): the site's strongest button, the same look as .mh-btn-primary on the Exam Prep
   purchase buttons (blue to indigo gradient, soft shadow, lift on hover, press on active), with room for an icon.
   Used for the main step of a tool: Analyse, Ask AI, Share. */
.mh-ui-btn--strong {
  gap: .55rem; min-height: 3rem; padding: .75rem 1.5rem; border-radius: 14px; border: 0;
  background: linear-gradient(135deg, #0ea5e9, #6366f1); color: #ffffff; font-weight: 800; font-size: 1rem;
  box-shadow: 0 4px 15px rgba(14, 165, 233, .3), inset 0 1px 0 rgba(255, 255, 255, .28);
  transition: transform .2s ease, box-shadow .2s ease, filter .15s ease;
}
.mh-ui-btn--strong:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(14, 165, 233, .4), inset 0 1px 0 rgba(255, 255, 255, .28); filter: none; }
.mh-ui-btn--strong:active { transform: scale(.97); box-shadow: 0 2px 8px rgba(14, 165, 233, .35); }
.mh-ui-btn--strong:focus-visible { outline: 3px solid color-mix(in srgb, #6366f1 55%, #fff); outline-offset: 3px; }
.mh-ui-btn--strong[disabled], .mh-ui-btn--strong[aria-busy="true"] { opacity: .6; transform: none; box-shadow: none; cursor: progress; }
.mh-ui-btn--strong svg { width: 1.25rem; height: 1.25rem; flex: none; }
.mh-ui-btn--block { width: 100%; }
@media (prefers-reduced-motion: reduce) { .mh-ui-btn--strong, .mh-ui-btn--strong:hover, .mh-ui-btn--strong:active { transition: none; transform: none; } }

/* ── Page head (B15) ───────────────────────────────────────────────── */
.mh-page-head { display: grid; gap: .5rem; margin: 0 0 1.25rem; min-width: 0; text-align: start; }
.mh-crumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 0 .25rem; margin: 0; padding: 0; list-style: none; font-size: .875rem; color: var(--mh-muted); }
.mh-crumbs li { display: inline-flex; align-items: center; min-width: 0; }
.mh-crumbs li:not(:last-child)::after { content: "/"; margin-inline: .25rem; opacity: .6; }
.mh-crumbs a { display: inline-flex; align-items: center; min-height: var(--mh-ui-tap); padding-inline: .125rem; color: inherit; text-decoration: none; }
.mh-crumbs a:hover { color: var(--mh-text); text-decoration: underline; }
.mh-crumbs [aria-current="page"] { color: var(--mh-muted-strong, var(--mh-text)); overflow-wrap: anywhere; }
.mh-page-head__row { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: .75rem 1rem; }
.mh-page-head__text { flex: 1 1 18rem; min-width: 0; }
.mh-page-head__title { margin: 0; font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2rem); font-weight: 800; line-height: 1.2; color: var(--mh-text); overflow-wrap: break-word; hyphens: manual; }
.mh-page-head__purpose { margin: .375rem 0 0; max-width: 46rem; font-size: 1rem; line-height: 1.5; color: var(--mh-muted); }

/* ── Action bar (header actions; never floating — B9) ─────────────── */
.mh-action-bar { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.mh-action {
  display: inline-flex; align-items: center; justify-content: center; gap: .4rem;
  min-height: var(--mh-ui-tap); min-width: var(--mh-ui-tap); padding: .5rem .875rem; border-radius: 999px;
  border: 1px solid var(--mh-ui-line); background: var(--mh-ui-raise); color: var(--mh-text);
  font: inherit; font-size: .875rem; font-weight: 600; line-height: 1.2; text-decoration: none; cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.mh-action:hover { background: var(--mh-ui-raise-strong); }
.mh-action[aria-pressed="true"] { color: var(--mh-ui-accent); border-color: color-mix(in srgb, var(--mh-ui-accent) 45%, transparent); }
.mh-action[aria-pressed="true"] svg { fill: currentColor; }
.mh-action--primary { background: var(--mh-ui-accent); color: var(--mh-ui-on-accent); border-color: transparent; }
.mh-action--primary:hover { background: var(--mh-ui-accent); filter: brightness(1.06); }
.mh-action[disabled] { opacity: .55; cursor: default; }
@media (max-width: 639.98px) {
  .mh-page-head__row { gap: .625rem; }
}

/* ── Modal shell (B11) ─────────────────────────────────────────────── */
html.mh-ui-scroll-lock, html.mh-ui-scroll-lock body { overflow: hidden !important; }
html.mh-ui-scroll-lock body { padding-inline-end: var(--mh-scrollbar-gap, 0px); overscroll-behavior: none; }

/* !important: beats site.css `body.mh-shell > :not(...)` (position:relative; z-index:1); above the MediMate FAB/sheet. */
.mh-dialog { position: fixed !important; inset: 0; z-index: 10000 !important; display: flex; align-items: center; justify-content: center; padding: 1rem; }
.mh-dialog[hidden] { display: none !important; }
.mh-dialog__backdrop { position: absolute; inset: 0; background: rgba(3, 8, 14, .62); }
.mh-dialog__panel {
  position: relative; display: flex; flex-direction: column; width: min(32rem, 100%); max-height: calc(100dvh - 2rem);
  border: 1px solid var(--mh-ui-line); border-radius: 20px; background: var(--mh-ui-panel); color: var(--mh-text);
  box-shadow: 0 24px 64px rgba(0, 0, 0, .35); overflow: hidden; outline: none;
}
.mh-dialog__head { display: flex; align-items: center; gap: .75rem; padding: 1rem 1rem .5rem 1.25rem; padding-inline: 1.25rem .75rem; }
.mh-dialog__title { flex: 1; margin: 0; font-size: 1.125rem; font-weight: 800; line-height: 1.3; }
.mh-dialog__close, .mh-dialog-legacy__close {
  display: inline-flex !important; align-items: center; justify-content: center; flex: none;
  min-width: var(--mh-ui-tap) !important; min-height: var(--mh-ui-tap) !important; border-radius: 999px;
  border: 0; background: transparent; color: var(--mh-muted-strong, var(--mh-text)); cursor: pointer;
}
.mh-dialog__close:hover { background: var(--mh-ui-raise); color: var(--mh-text); }
.mh-dialog__body { padding: .25rem 1.25rem 1.25rem; overflow-y: auto; overscroll-behavior: contain; min-height: 0; }
.mh-dialog__foot { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: flex-end; padding: .875rem 1.25rem 1.25rem; border-top: 1px solid var(--mh-ui-line); }
.mh-dialog__foot > .mh-ui-btn { flex: 1 1 10rem; }

@media (max-width: 639.98px) {
  .mh-dialog { align-items: flex-end; padding: 0; }
  .mh-dialog__panel {
    width: 100%; max-height: 92dvh; border-radius: 20px 20px 0 0; border-bottom: 0;
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  .mh-dialog__foot { flex-direction: column-reverse; }
  .mh-dialog__foot > .mh-ui-btn { flex: none; width: 100%; }
}
@media (prefers-reduced-motion: no-preference) {
  .mh-dialog:not([hidden]) .mh-dialog__panel { animation: mh-ui-rise .18s ease-out; }
  @keyframes mh-ui-rise { from { transform: translateY(12px); opacity: 0; } to { transform: none; opacity: 1; } }
}

/* Legacy dialogs migrated with data-mh-dialog: same behaviour, bottom sheet on phones. */
@media (max-width: 639.98px) {
  .mh-dialog-legacy:not(.mh-dialog-legacy--no-sheet) {
    align-items: flex-end !important; justify-content: center !important; padding: 0 !important;
  }
  .mh-dialog-legacy:not(.mh-dialog-legacy--no-sheet) > .mh-dialog-legacy__panel,
  .mh-dialog-legacy:not(.mh-dialog-legacy--no-sheet) .mh-dialog-legacy__panel {
    width: 100% !important; max-width: 100% !important; margin: 0 !important; max-height: 92dvh !important;
    overflow-y: auto !important; overscroll-behavior: contain; border-radius: 20px 20px 0 0 !important;
    padding-bottom: max(1rem, env(safe-area-inset-bottom, 0px)) !important; transform: none !important;
    inset: auto !important; position: relative !important;
  }
}

/* Native <dialog> elements: the dialog itself is the sheet. */
dialog.mh-dialog-legacy::backdrop { background: rgba(3, 8, 14, .62); }
@media (max-width: 639.98px) {
  dialog.mh-dialog-legacy:not(.mh-dialog-legacy--no-sheet) {
    margin: auto 0 0 !important; width: 100% !important; max-width: 100% !important; max-height: 92dvh !important;
    border-radius: 20px 20px 0 0 !important; padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  dialog.mh-dialog-legacy:not(.mh-dialog-legacy--no-sheet) > .mh-dialog-legacy__panel {
    width: 100% !important; max-width: 100% !important; border-radius: 20px 20px 0 0 !important; max-height: 92dvh !important;
  }
}

/* ── Share sheet (C1: one design everywhere) ───────────────────────── */
.mh-share-list { display: grid; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.mh-share-option {
  display: flex; align-items: center; gap: .875rem; width: 100%; min-height: 56px; padding: .625rem .875rem;
  border: 1px solid var(--mh-ui-line); border-radius: 14px; background: var(--mh-ui-raise); color: var(--mh-text);
  font: inherit; text-align: start; cursor: pointer;
}
.mh-share-option:hover { background: var(--mh-ui-raise-strong); }
.mh-share-option__icon {
  display: inline-flex; align-items: center; justify-content: center; flex: none; width: 40px; height: 40px;
  border-radius: 12px; background: color-mix(in srgb, var(--mh-ui-accent) 14%, transparent); color: var(--mh-ui-accent);
}
.mh-share-option__icon--whatsapp { background: color-mix(in srgb, #25d366 16%, transparent); color: #1aa851; }
.mh-share-option__text { display: grid; gap: .125rem; min-width: 0; }
.mh-share-option__label { font-size: 1rem; font-weight: 700; }
.mh-share-option__sub { font-size: .8125rem; color: var(--mh-muted); }

/* ── Upgrade dialog (decision 15) ──────────────────────────────────── */
.mh-upgrade .mh-dialog__panel { width: min(34rem, 100%); }
.mh-upgrade__lock { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 36px; height: 36px; border-radius: 10px; background: color-mix(in srgb, var(--mh-ui-accent) 14%, transparent); color: var(--mh-ui-accent); }
.mh-upgrade__body { margin: 0 0 1rem; font-size: 1rem; line-height: 1.55; color: var(--mh-muted-strong, var(--mh-text)); }
.mh-upgrade__h3 { margin: 1rem 0 .5rem; font-size: .9375rem; font-weight: 800; }
.mh-upgrade__unlocks { display: grid; gap: .375rem; margin: 0; padding: 0; list-style: none; }
.mh-upgrade__unlocks li { position: relative; padding-inline-start: 1.5rem; font-size: .9375rem; line-height: 1.45; color: var(--mh-muted-strong, var(--mh-text)); }
.mh-upgrade__unlocks li::before { content: ""; position: absolute; inset-inline-start: .25rem; top: .4em; width: .55rem; height: .3rem; border-inline-start: 2px solid var(--mh-ui-success); border-bottom: 2px solid var(--mh-ui-success); transform: rotate(-45deg); }
[dir="rtl"] .mh-upgrade__unlocks li::before { transform: rotate(45deg); }
.mh-segmented { display: inline-flex; gap: .25rem; padding: .25rem; margin-bottom: .75rem; border: 1px solid var(--mh-ui-line); border-radius: 999px; background: var(--mh-ui-raise); }
.mh-segmented button { min-height: 40px; min-width: 6rem; padding: .375rem 1rem; border: 0; border-radius: 999px; background: transparent; color: var(--mh-muted-strong, var(--mh-text)); font: inherit; font-size: .875rem; font-weight: 700; cursor: pointer; }
.mh-segmented button[aria-checked="true"] { background: var(--mh-ui-accent); color: var(--mh-ui-on-accent); }
.mh-upgrade__plans { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .625rem; }
.mh-plan { display: grid; gap: .25rem; align-content: start; min-height: var(--mh-ui-tap); padding: .875rem; border: 1.5px solid var(--mh-ui-line); border-radius: 14px; background: var(--mh-ui-raise); color: var(--mh-text); font: inherit; text-align: start; cursor: pointer; }
.mh-plan[aria-checked="true"] { border-color: var(--mh-ui-accent); background: color-mix(in srgb, var(--mh-ui-accent) 9%, transparent); }
.mh-plan__top { display: flex; flex-wrap: wrap; align-items: center; gap: .375rem; }
.mh-plan__name { font-size: 1.0625rem; font-weight: 800; }
.mh-plan__badge { padding: .125rem .5rem; border-radius: 999px; background: var(--mh-ui-accent); color: var(--mh-ui-on-accent); font-size: .75rem; font-weight: 700; }
.mh-plan__tagline { font-size: .8125rem; color: var(--mh-muted); }
.mh-plan__price { margin-top: .25rem; font-size: 1.0625rem; font-weight: 800; }
.mh-plan__per { font-size: .8125rem; font-weight: 600; color: var(--mh-muted); }
.mh-upgrade__onetime { display: flex; align-items: center; gap: .45rem; margin: .75rem 0 0; padding: .55rem .75rem; border-radius: 10px; border: 1px solid color-mix(in srgb, var(--mh-ui-success) 40%, transparent); background: color-mix(in srgb, var(--mh-ui-success) 12%, transparent); color: var(--mh-text); font-size: .9375rem; font-weight: 700; line-height: 1.35; }
.mh-upgrade__onetime svg { flex: none; color: var(--mh-ui-success); }
.mh-state__note { margin: 0; font-size: .8125rem; font-weight: 700; color: var(--mh-ui-success); }
.mh-upgrade__note, .mh-upgrade__trial-note { margin: .75rem 0 0; font-size: .8125rem; line-height: 1.45; color: var(--mh-muted); }
.mh-upgrade__trial-note { width: 100%; margin: 0; text-align: center; }
.mh-upgrade__status { margin: .75rem 0 0; padding: .625rem .75rem; border-radius: 10px; font-size: .875rem; background: var(--mh-ui-raise); }
.mh-upgrade__status[data-tone="danger"] { color: var(--mh-ui-danger); }
.mh-upgrade__status[data-tone="success"] { color: var(--mh-ui-success); }
@media (max-width: 380px) { .mh-upgrade__plans { grid-template-columns: 1fr; } }
/* Email code step before a website trial (web_auth/trial_guard.py: verified email needed). */
.mh-upgrade__verify { margin: .75rem 0 0; display: grid; gap: .5rem; }
.mh-upgrade__verify p { margin: 0; font-size: .875rem; line-height: 1.45; }
.mh-upgrade__verify-code { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.mh-upgrade__verify-code label { width: 100%; font-size: .8125rem; color: var(--mh-muted); }
.mh-upgrade__verify-code input {
  flex: 1 1 8rem; min-width: 0; min-height: 44px; padding: .5rem .75rem; border-radius: 10px;
  border: 1px solid var(--mh-ui-line); background: var(--mh-ui-raise); color: var(--mh-text);
  font-size: 1.125rem; letter-spacing: .3em; direction: ltr; text-align: center;
}

/* ── Locked state (decision 15) ────────────────────────────────────── */
.mh-locked { position: relative; cursor: pointer; }
.mh-locked > :not(.mh-lock-chip) { opacity: .62; filter: saturate(.35); }
.mh-lock-chip {
  position: absolute; inset-block-start: .625rem; inset-inline-end: .625rem; z-index: 2;
  display: inline-flex; align-items: center; gap: .3rem; min-height: 26px; padding: .2rem .6rem; border-radius: 999px;
  border: 1px solid var(--mh-ui-line); background: var(--mh-ui-panel); color: var(--mh-text);
  font-size: .75rem; font-weight: 800; line-height: 1; pointer-events: none;
}
.mh-locked:hover > :not(.mh-lock-chip), .mh-locked:focus-visible > :not(.mh-lock-chip) { opacity: .8; }

/* ── Empty / error / loading states ────────────────────────────────── */
.mh-state { display: grid; justify-items: center; gap: .5rem; padding: 2.5rem 1rem; text-align: center; color: var(--mh-muted); }
.mh-state[hidden] { display: none; }
.mh-state__icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 14px; background: var(--mh-ui-raise); color: var(--mh-muted-strong, var(--mh-text)); }
.mh-state--error .mh-state__icon { color: var(--mh-ui-danger); }
.mh-state__title { margin: .25rem 0 0; font-size: 1.0625rem; font-weight: 800; color: var(--mh-text); }
.mh-state__body { margin: 0; max-width: 28rem; font-size: .9375rem; line-height: 1.5; }
.mh-state .mh-ui-btn { margin-top: .5rem; }
.mh-spinner-ring { width: 22px; height: 22px; border: 2.5px solid var(--mh-ui-line); border-top-color: var(--mh-ui-accent); border-radius: 50%; animation: mh-ui-spin .8s linear infinite; }
@keyframes mh-ui-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .mh-spinner-ring { animation-duration: 2.4s; } }

/* Device-specific copy: pointer (drag, paste, Ctrl+V) vs touch (camera, gallery) — B19. */
@media (hover: none) and (pointer: coarse) { .mh-only-pointer { display: none !important; } }
@media (hover: hover), (pointer: fine) { .mh-only-touch { display: none !important; } }

/* ── Voice summary player (B14) ────────────────────────────────────── */
.mh-voice__subject { margin: 0 0 .25rem; font-size: 1.0625rem; font-weight: 800; color: var(--mh-text); overflow-wrap: break-word; hyphens: none; }
.mh-voice__status { margin: 0 0 .75rem; font-size: .9375rem; line-height: 1.5; color: var(--mh-muted); }
.mh-voice__status[hidden] { display: none; }
.mh-voice__status[data-tone="error"] { color: var(--mh-ui-danger); }
.mh-voice__player { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; padding: .75rem; border: 1px solid var(--mh-ui-line); border-radius: 14px; background: var(--mh-ui-raise); }
.mh-voice__toggle { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: var(--mh-ui-tap); min-width: 7.5rem; padding: .5rem 1rem; border: 0; border-radius: 999px; background: var(--mh-ui-accent); color: var(--mh-ui-on-accent); font: inherit; font-size: .9375rem; font-weight: 700; cursor: pointer; }
.mh-voice__toggle[disabled] { opacity: .75; cursor: progress; }
.mh-voice__toggle:focus-visible { outline: 2px solid var(--mh-ui-accent); outline-offset: 2px; }
.mh-voice__toggle-icon { display: inline-flex; }
.mh-voice__toggle .mh-spinner-ring { width: 18px; height: 18px; border-color: color-mix(in srgb, var(--mh-ui-on-accent) 35%, transparent); border-top-color: var(--mh-ui-on-accent); }
.mh-voice__progress { flex: 1 1 8rem; min-width: 0; height: var(--mh-ui-tap); accent-color: var(--mh-ui-accent); cursor: pointer; }
.mh-voice__progress[disabled] { cursor: default; opacity: .5; }
.mh-voice__time { min-width: 5.5rem; font-size: .875rem; font-variant-numeric: tabular-nums; color: var(--mh-muted-strong, var(--mh-text)); text-align: end; direction: ltr; }
.mh-voice__caption { margin-top: .875rem; max-height: 40vh; overflow-y: auto; padding: .875rem 1rem; border-radius: 12px; border: 1px solid var(--mh-ui-line); font-size: 1rem; line-height: 1.65; color: var(--mh-text); white-space: pre-line; }
.mh-voice__caption[hidden] { display: none; }
.mh-lock-chip--static { position: static; pointer-events: auto; }
.mh-locked-inline { display: grid; justify-items: start; gap: .5rem; }

/* ── Line icons replacing emoji in signed-in UI (C8); markup: <i class=mhi-NAME aria-hidden=true></i> ── */
[class^="mhi-"] { display: inline-block; flex: none; width: 1.1em; height: 1.1em; vertical-align: -0.18em; background-color: currentColor; -webkit-mask: var(--mhi) center / contain no-repeat; mask: var(--mhi) center / contain no-repeat; }
.mhi-pill { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10.5 20.5 10-10a4.95 4.95 0 1 0-7-7l-10 10a4.95 4.95 0 1 0 7 7Z'/%3E%3Cpath d='m8.5 8.5 7 7'/%3E%3C/svg%3E"); }
.mhi-alert { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E"); }
.mhi-ban { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m4.9 4.9 14.2 14.2'/%3E%3C/svg%3E"); }
.mhi-box { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.7l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.7l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7 8.7 5 8.7-5'/%3E%3Cpath d='M12 22V12'/%3E%3C/svg%3E"); }
.mhi-clock { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E"); }
.mhi-food { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2'/%3E%3Cpath d='M7 2v20'/%3E%3Cpath d='M21 15V2a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3Zm0 0v7'/%3E%3C/svg%3E"); }
.mhi-person { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3C/svg%3E"); }
.mhi-baby { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 12h.01'/%3E%3Cpath d='M15 12h.01'/%3E%3Cpath d='M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5'/%3E%3Cpath d='M19 6.3a9 9 0 0 1 1.8 3.9 2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1'/%3E%3C/svg%3E"); }
.mhi-heart { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.5-1.5 3-3.2 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.8 0-3 .5-4.5 2-1.5-1.5-2.7-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.1 3 5.5l7 7Z'/%3E%3C/svg%3E"); }
.mhi-list { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6h13'/%3E%3Cpath d='M8 12h13'/%3E%3Cpath d='M8 18h13'/%3E%3Cpath d='M3 6h.01'/%3E%3Cpath d='M3 12h.01'/%3E%3Cpath d='M3 18h.01'/%3E%3C/svg%3E"); }
.mhi-book { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20'/%3E%3C/svg%3E"); }
.mhi-check { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); }
.mhi-shield { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E"); }
.mhi-spark { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9z'/%3E%3C/svg%3E"); }
.mhi-flask { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 2v7.3'/%3E%3Cpath d='M14 9.3V2'/%3E%3Cpath d='M8.5 2h7'/%3E%3Cpath d='M14 9.3 19.7 19a2 2 0 0 1-1.7 3H6a2 2 0 0 1-1.7-3L10 9.3'/%3E%3C/svg%3E"); }
.mhi-leaf { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.5 19 2c1 2 2 4.2 2 8 0 5.5-4.8 10-10 10Z'/%3E%3Cpath d='M2 21c0-3 1.9-5.4 5.1-6'/%3E%3C/svg%3E"); }
.mhi-bulb { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3C/svg%3E"); }
.mhi-search { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E"); }
.mhi-info { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E"); }
.mhi-zap { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E"); }
.mhi-steth { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.8 2.3A.3.3 0 1 0 5 2H4a2 2 0 0 0-2 2v5a6 6 0 0 0 6 6 6 6 0 0 0 6-6V4a2 2 0 0 0-2-2h-1a.2.2 0 1 0 .3.3'/%3E%3Cpath d='M8 15v1a6 6 0 0 0 6 6 6 6 0 0 0 6-6v-4'/%3E%3Ccircle cx='20' cy='10' r='2'/%3E%3C/svg%3E"); }
.mhi-gear { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z'/%3E%3C/svg%3E"); }
.mhi-note { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E"); }
.mhi-building { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Cpath d='M9 22v-4h6v4'/%3E%3Cpath d='M8 6h.01'/%3E%3Cpath d='M16 6h.01'/%3E%3Cpath d='M12 6h.01'/%3E%3Cpath d='M12 10h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M16 10h.01'/%3E%3Cpath d='M16 14h.01'/%3E%3Cpath d='M8 10h.01'/%3E%3Cpath d='M8 14h.01'/%3E%3C/svg%3E"); }
.mhi-drop { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5S5 13 5 15a7 7 0 0 0 7 7z'/%3E%3C/svg%3E"); }
.mhi-target { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E"); }
.mhi-chart { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='m19 9-5 5-4-4-3 3'/%3E%3C/svg%3E"); }
.mhi-bookmark { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z'/%3E%3C/svg%3E"); }
.mhi-globe { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E"); }
.mhi-brain { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5a3 3 0 1 0-6 0 3 3 0 0 0-2 5 3 3 0 0 0 1 5 3 3 0 0 0 4 3 3 3 0 0 0 3-1V5z'/%3E%3Cpath d='M12 5a3 3 0 1 1 6 0 3 3 0 0 1 2 5 3 3 0 0 1-1 5 3 3 0 0 1-4 3 3 3 0 0 1-3-1'/%3E%3C/svg%3E"); }
.mhi-syringe { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 2 4 4'/%3E%3Cpath d='m17 7 3-3'/%3E%3Cpath d='M19 9 8.7 19.3a2.4 2.4 0 0 1-3.4 0l-.6-.6a2.4 2.4 0 0 1 0-3.4L15 5'/%3E%3Cpath d='m9 11 4 4'/%3E%3Cpath d='m5 19-3 3'/%3E%3Cpath d='m14 4 6 6'/%3E%3C/svg%3E"); }
.mhi-money { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='6' width='20' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M6 12h.01M18 12h.01'/%3E%3C/svg%3E"); }
.mhi-camera { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E"); }
.mhi-copy { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='14' height='14' rx='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E"); }
.mhi-repeat { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m17 2 4 4-4 4'/%3E%3Cpath d='M3 11v-1a4 4 0 0 1 4-4h14'/%3E%3Cpath d='m7 22-4-4 4-4'/%3E%3Cpath d='M21 13v1a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E"); }
.mhi-share { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='m8.6 13.5 6.8 4'/%3E%3Cpath d='m15.4 6.5-6.8 4'/%3E%3C/svg%3E"); }
.mhi-star { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.9-6.2-3.3-6.2 3.3L7 14.2 2 9.3l6.9-1L12 2z'/%3E%3C/svg%3E"); }
.mhi-mic { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='2' width='6' height='12' rx='3'/%3E%3Cpath d='M5 10a7 7 0 0 0 14 0'/%3E%3Cpath d='M12 17v5'/%3E%3C/svg%3E"); }
.mhi-robot { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='10' rx='2'/%3E%3Ccircle cx='12' cy='5' r='2'/%3E%3Cpath d='M12 7v4'/%3E%3Cpath d='M8 16h.01'/%3E%3Cpath d='M16 16h.01'/%3E%3C/svg%3E"); }
.mhi-eye { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
.mhi-thermo { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4v10.5a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0z'/%3E%3C/svg%3E"); }
.mhi-scale { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 16 3-8 3 8c-.9.7-1.9 1-3 1s-2.1-.3-3-1Z'/%3E%3Cpath d='m2 16 3-8 3 8c-.9.7-1.9 1-3 1s-2.1-.3-3-1Z'/%3E%3Cpath d='M7 21h10'/%3E%3Cpath d='M12 3v18'/%3E%3Cpath d='M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2'/%3E%3C/svg%3E"); }
.mhi-calendar { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E"); }
.mhi-bell { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10.3 21a1.9 1.9 0 0 0 3.4 0'/%3E%3C/svg%3E"); }
.mhi-lock { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='10' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E"); }
.mhi-folder { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.7-.9l-.8-1.2A2 2 0 0 0 7.9 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z'/%3E%3C/svg%3E"); }
.mhi-save { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z'/%3E%3Cpath d='M17 21v-8H7v8'/%3E%3Cpath d='M7 3v5h8'/%3E%3C/svg%3E"); }
.mhi-chat { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-12.4 7.4L3 21l2.1-5.4A8.5 8.5 0 1 1 21 11.5z'/%3E%3C/svg%3E"); }
.mhi-printer { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V2h12v7'/%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Crect x='6' y='14' width='12' height='8'/%3E%3C/svg%3E"); }
.mhi-image { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.1-3.1a2 2 0 0 0-2.8 0L6 21'/%3E%3C/svg%3E"); }
.mhi-dot { --mhi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }

/* ── Per-section translate button (js/mh-translate.js, owner decision 4) ── */
.mh-tr-btn { display: inline-flex; align-items: center; justify-content: center; gap: .3rem; flex: 0 0 auto; width: 32px; height: 32px; min-width: 32px; margin-inline-start: .5rem; padding: 0; border: 1px solid var(--mh-ui-line); border-radius: 999px; background: var(--mh-ui-raise); color: var(--mh-muted-strong, var(--mh-text)); font: inherit; font-size: .75rem; font-weight: 700; line-height: 1; vertical-align: middle; cursor: pointer; white-space: nowrap; }
.mh-tr-btn[hidden] { display: none; }
.mh-tr-btn svg { flex: 0 0 auto; }
.mh-tr-btn--text { width: auto; padding: 0 .65rem 0 .5rem; }
.mh-tr-btn:hover { border-color: var(--mh-ui-accent); color: var(--mh-ui-accent); }
.mh-tr-btn:focus-visible { outline: 2px solid var(--mh-ui-accent); outline-offset: 2px; }
.mh-tr-btn[aria-pressed="true"] { border-color: var(--mh-ui-accent); color: var(--mh-ui-accent); background: color-mix(in srgb, var(--mh-ui-accent) 12%, transparent); }
.mh-tr-btn[aria-busy="true"] { cursor: progress; }
.mh-tr-btn--locked { opacity: .85; }
/* Collapsible tiles whose whole header is the toggle button (drug detail AI tiles): the icon sits in the
   header row, next to the chevron, instead of on a line of its own. */
.ais-tile { position: relative; }
.ais-tile > .mh-tr-slot--after { position: absolute; top: 15px; inset-inline-end: 14px; }
.ais-tile > .mh-tr-slot--after .mh-tr-btn { margin: 0; }
.ais-tile > .mh-tr-note, .ais-tile > .mh-tr-status { margin: 0; padding: 0 18px .5rem; }
.ais-tile:has(> .mh-tr-slot--after) > .ais-tile-header { padding-inline-end: 56px; }
.ais-tile:has(> .mh-tr-slot--after .mh-tr-btn--text) > .ais-tile-header { padding-inline-end: 150px; }
/* Pregnancy / breastfeeding tab rows: the icon closes the row. */
.ais-safety-toggle > .mh-tr-btn, .safety-tabs > .mh-tr-btn { align-self: center; flex: 0 0 auto; margin-inline: .35rem; }
.mh-tr-live { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.mh-tr-btn .mh-tr-spin { width: 14px; height: 14px; border-width: 2px; }
.mh-tr-slot { display: flex; justify-content: flex-end; }
.mh-tr-slot--after { display: inline-flex; }
.mh-tr-note { margin: .25rem 0 .5rem; font-size: .75rem; color: var(--mh-muted); }
.mh-tr-status:empty, .mh-tr-status[hidden] { display: none; }
.mh-state--compact { padding: .5rem .75rem; gap: .25rem; }
.mh-state--compact .mh-state__icon { width: 28px; height: 28px; border-radius: 8px; }
.mh-state--compact .mh-state__title { font-size: .875rem; font-weight: 700; }
.mh-tr-translated[dir="rtl"] { text-align: start; }
/* RTL pages: content text blocks in their own direction (js/mh-translate.js bidi pass). */
.mh-bidi { unicode-bidi: isolate; }
.mh-bidi--start { text-align: start; }
@media (max-width: 480px) { .mh-tr-btn { width: 36px; height: 36px; min-width: 36px; } .mh-tr-btn--text { width: auto; } .ais-tile > .mh-tr-slot--after { top: 13px; } }

/* ── Background AI job page and "My AI requests" (ai_jobs/result.html, ai_jobs/list.html) ── */
.mh-ai-job__spinner { margin: 0 auto .5rem; }
.mh-ai-job__spinner[hidden], .mh-ai-job__progress[hidden] { display: none; }
.mh-ai-job__elapsed { margin-top: .35rem; font-size: .8125rem; color: var(--mh-muted); font-variant-numeric: tabular-nums; }
.mh-ai-job__progress { position: relative; height: 4px; margin-top: .875rem; overflow: hidden; border-radius: 999px; background: var(--mh-ui-line); }
.mh-ai-job__progress span { position: absolute; inset-block: 0; inset-inline-start: -40%; width: 40%; border-radius: inherit; background: var(--mh-ui-accent); animation: mh-ai-job-slide 1.6s ease-in-out infinite; }
@keyframes mh-ai-job-slide { to { inset-inline-start: 100%; } }
@media (prefers-reduced-motion: reduce) { .mh-ai-job__progress span { animation-duration: 4s; } }
.mh-ai-job__notify { margin-top: 1rem; display: grid; justify-items: start; gap: .5rem; }
.mh-ai-job__notify[hidden], .mh-ai-job__notify-note[hidden] { display: none; }
.mh-ai-job__notify-note { margin: 0; font-size: .875rem; color: var(--mh-muted); }
.mh-ai-job__more { margin-top: 1.5rem; }
.mh-ai-job__lede { margin: -.5rem 0 1.25rem; color: var(--mh-muted); }
.mh-ai-jobs { display: grid; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.mh-ai-jobs__row { display: flex; align-items: center; justify-content: space-between; gap: .75rem; min-height: var(--mh-ui-tap, 44px); padding: .75rem 1rem; border: 1px solid var(--mh-ui-line); border-radius: 12px; background: var(--mh-ui-raise); color: var(--mh-text); text-decoration: none; }
.mh-ai-jobs__row:hover { border-color: var(--mh-ui-accent); }
.mh-ai-jobs__text { display: grid; gap: .15rem; min-width: 0; }
.mh-ai-jobs__kind { font-weight: 700; }
.mh-ai-jobs__time { font-size: .8125rem; color: var(--mh-muted); }
.mh-ai-jobs__status { flex: none; padding: .2rem .6rem; border-radius: 999px; font-size: .75rem; font-weight: 800; background: var(--mh-ui-panel, transparent); border: 1px solid var(--mh-ui-line); }
.mh-ai-jobs__status--succeeded { color: var(--mh-ui-success); border-color: color-mix(in srgb, var(--mh-ui-success) 45%, transparent); }
.mh-ai-jobs__status--failed { color: var(--mh-ui-danger); border-color: color-mix(in srgb, var(--mh-ui-danger) 45%, transparent); }
.mh-ai-jobs__status--running, .mh-ai-jobs__status--queued { color: var(--mh-ui-accent); }
/* ---- css/pro.css ---- */
/* MediHelp signed-out design system (DESIGN.md): tokens and the shared components used by the
 * marketing pages (buttons, store badges, QR card, drawn phone, section type, forms, dialog).
 * Loaded on every signed-out page (core/base.html) and by /subscribe/ for signed-in visitors.
 * The header and footer for signed-out pages live in pro-chrome.css. No inline styles anywhere
 * (strict CSP); RTL through logical properties only. */

/* ---------------------------------------------------------------- tokens */
:root,
:root[data-theme="dark"] {
  --pr-bg: #050e15;
  --pr-bg-2: #081620;
  --pr-raised: #0b1b26;
  --pr-raised-2: #10232f;
  --pr-glass: rgba(255, 255, 255, .04);
  --pr-glass-strong: rgba(9, 22, 31, .78);
  --pr-line: rgba(170, 214, 240, .12);
  --pr-line-2: rgba(170, 214, 240, .24);
  --pr-ink: #eaf4fa;
  --pr-ink-2: #a6baca;
  --pr-ink-3: #8199ac;
  --pr-accent: #00d9ff;
  --pr-accent-hover: #3fe4ff;
  --pr-on-accent: #02121b;
  --pr-accent-soft: rgba(0, 217, 255, .1);
  --pr-link: #5fe3ff;
  --pr-mint: #21e6c1;
  --pr-mint-soft: rgba(33, 230, 193, .12);
  --pr-warn: #ffb547;
  --pr-danger: #ff6b7a;
  --pr-shadow: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 24px 48px -24px rgba(0, 0, 0, .7);
  --pr-phone-shadow: 0 40px 80px -30px rgba(0, 0, 0, .85), 0 12px 24px -12px rgba(0, 0, 0, .6);
  --pr-bezel: #0d1a23;
  --pr-bezel-edge: rgba(170, 214, 240, .22);
  --pr-focus: 0 0 0 3px rgba(0, 217, 255, .45);
  --pr-badge-bg: #000;
  --pr-badge-ink: #fff;
  --pr-badge-edge: rgba(255, 255, 255, .28);

  --pr-font: Outfit, "Noto Sans", system-ui, sans-serif;
  --pr-s1: 4px; --pr-s2: 8px; --pr-s3: 12px; --pr-s4: 16px; --pr-s5: 24px;
  --pr-s6: 32px; --pr-s7: 48px; --pr-s8: 64px; --pr-s9: 96px; --pr-s10: 128px;
  --pr-r-sm: 10px; --pr-r-md: 16px; --pr-r-lg: 22px; --pr-r-phone: 44px;
  --pr-section: 48px;
  --pr-ease: cubic-bezier(.2, .7, .2, 1);

  --pr-t-display: clamp(2.5rem, 1.6rem + 3.6vw, 4rem);
  --pr-t-h2: clamp(1.875rem, 1.45rem + 1.9vw, 2.75rem);
  --pr-t-h3: clamp(1.25rem, 1.18rem + .3vw, 1.375rem);
  --pr-t-lead: clamp(1.0625rem, 1rem + .3vw, 1.25rem);
  --pr-t-body: clamp(1rem, .97rem + .12vw, 1.0625rem);
  --pr-t-small: .9375rem;
  --pr-t-caption: .8125rem;
  --pr-track-display: -.035em;
  --pr-track-h2: -.025em;
  --pr-lh-display: 1.04;
  --pr-lh-body: 1.6;
  color-scheme: dark;
}
:root[data-theme="light"] {
  --pr-bg: #f3f7f9;
  --pr-bg-2: #e9f0f4;
  --pr-raised: #ffffff;
  --pr-raised-2: #f6fafc;
  --pr-glass: rgba(255, 255, 255, .72);
  --pr-glass-strong: rgba(255, 255, 255, .86);
  --pr-line: rgba(10, 40, 60, .11);
  --pr-line-2: rgba(10, 40, 60, .22);
  --pr-ink: #0a1f2d;
  --pr-ink-2: #43606f;
  --pr-ink-3: #587080;
  --pr-accent: #00c2ea;
  --pr-accent-hover: #00b2d8;
  --pr-on-accent: #02121b;
  --pr-accent-soft: rgba(0, 150, 190, .09);
  --pr-link: #006f8c;
  --pr-mint: #047c67;
  --pr-mint-soft: rgba(4, 124, 103, .1);
  --pr-warn: #9a5b00;
  --pr-danger: #b4232f;
  --pr-shadow: 0 1px 2px rgba(10, 40, 60, .06), 0 20px 40px -24px rgba(10, 40, 60, .22);
  --pr-phone-shadow: 0 40px 70px -32px rgba(10, 40, 60, .45), 0 10px 20px -12px rgba(10, 40, 60, .3);
  --pr-bezel: #0d1a23;
  --pr-bezel-edge: rgba(10, 40, 60, .35);
  --pr-focus: 0 0 0 3px rgba(0, 140, 180, .4);
  --pr-badge-bg: #000;
  --pr-badge-ink: #fff;
  --pr-badge-edge: rgba(0, 0, 0, .9);
  color-scheme: light;
}
@media (min-width: 768px) { :root { --pr-section: 72px; } }
@media (min-width: 1100px) { :root { --pr-section: 104px; } }
@media (min-width: 1280px) { :root { --pr-section: 120px; } }

/* Arabic-script, Hebrew and CJK pages: no negative tracking, looser leading (DESIGN.md 4). */
:root[dir="rtl"], :root:lang(ja), :root:lang(ko), :root:lang(zh-hant) {
  --pr-track-display: 0;
  --pr-track-h2: 0;
  --pr-lh-display: 1.3;
  --pr-lh-body: 1.85;
}

/* ---------------------------------------------------------------- page ground */
body.mh-shell {
  background: var(--pr-bg);
  color: var(--pr-ink);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
body.mh-shell::before, body.mh-shell::after { content: none; }
.mh-shell :focus-visible { outline: none; box-shadow: var(--pr-focus); }
.mh-shell ::selection { background: rgba(0, 217, 255, .28); }

/* ---------------------------------------------------------------- buttons */
.mh-shell .mh-btn-primary,
.mh-shell .mh-btn-secondary {
  min-height: 44px;
  padding: 0 20px;
  border-radius: var(--pr-r-sm);
  font-size: .9375rem;
  font-weight: 600;
  letter-spacing: 0;
  transform: none;
  box-shadow: none;
  transition: background-color .18s var(--pr-ease), border-color .18s var(--pr-ease), color .18s var(--pr-ease);
}
.mh-shell .mh-btn-primary {
  background: var(--pr-accent);
  color: var(--pr-on-accent);
  border: 1px solid transparent;
}
.mh-shell .mh-btn-primary:hover { background: var(--pr-accent-hover); transform: none; box-shadow: none; }
.mh-shell .mh-btn-secondary {
  background: transparent;
  color: var(--pr-ink);
  border: 1px solid var(--pr-line-2);
}
.mh-shell .mh-btn-secondary:hover { border-color: var(--pr-ink-3); background: var(--pr-glass); }

.pr-link {
  color: var(--pr-link);
  font-weight: 600;
  text-decoration: none;
  text-underline-offset: 4px;
}
.pr-link:hover { text-decoration: underline; }

/* ---------------------------------------------------------------- store badges (Home/_store_badges.html) */
.hm-stores { display: flex; flex-wrap: wrap; gap: var(--pr-s3); }
.mh-shell .mh-store-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  min-width: 164px;
  padding: 0 18px 0 14px;
  border-radius: 12px;
  background: var(--pr-badge-bg);
  color: var(--pr-badge-ink);
  border: 1px solid var(--pr-badge-edge);
  box-shadow: none;
  text-decoration: none;
  transform: none;
  transition: border-color .18s var(--pr-ease), background-color .18s var(--pr-ease);
}
.mh-shell .mh-store-btn:hover { background: #111; border-color: rgba(255, 255, 255, .5); color: #fff; transform: none; }
.mh-shell .mh-store-btn svg { width: 26px; height: 26px; flex: none; }
.hm-store__text { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.1; }
.hm-store__small { font-size: 11px; font-weight: 500; opacity: .86; letter-spacing: .01em; }
.hm-store__big { font-size: 19px; font-weight: 600; letter-spacing: -.01em; }
[dir="rtl"] .hm-store__small { letter-spacing: 0; }
[dir="rtl"] .hm-store__big { letter-spacing: 0; font-size: 18px; }
@media (max-width: 359px) { .mh-shell .mh-store-btn { min-width: 0; flex: 1 1 140px; } }

/* ---------------------------------------------------------------- QR card (Home/_qr_card.html) */
.hm-qr {
  display: none;
  align-items: center;
  gap: var(--pr-s4);
  padding: 12px 18px 12px 12px;
  border-radius: var(--pr-r-md);
  border: 1px solid var(--pr-line);
  background: var(--pr-glass);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  max-width: 400px;
}
[dir="rtl"] .hm-qr { padding: 12px 12px 12px 18px; }
@media (min-width: 768px) { .hm-qr { display: flex; } }
.hm-qr__code { flex: none; width: 96px; height: 96px; padding: 6px; border-radius: 10px; background: #fff; }
.hm-qr__code svg, .hm-qr__svg { display: block; width: 100%; height: 100%; }
.hm-qr__code { color: #0b1824; }
.hm-qr__bg, .hm-qr__logo-bg { fill: #fff; }
.hm-qr__eyes { color: #05475a; }
.hm-qr__title { margin: 0 0 4px; font-size: var(--pr-t-small); font-weight: 600; color: var(--pr-ink); }
.hm-qr__body { margin: 0; font-size: var(--pr-t-caption); line-height: 1.5; color: var(--pr-ink-2); }

/* ---------------------------------------------------------------- the drawn phone (any whole app screen) */
.hm-phone {
  position: relative;
  width: 100%;
  padding: 9px;
  border-radius: var(--pr-r-phone);
  background: var(--pr-bezel);
  box-shadow: 0 0 0 1px var(--pr-bezel-edge), var(--pr-phone-shadow);
}
.hm-phone img {
  display: block;
  width: 100%;
  height: auto;            /* the screen keeps its own ratio: never cropped */
  aspect-ratio: 600 / 1304;
  border-radius: calc(var(--pr-r-phone) - 9px);
  /* Until the (lazy) screen has loaded: the theme's ground, not a black panel. */
  background: var(--pr-bg-2);
}

/* ---------------------------------------------------------------- shared section type */
.pr-h1, .hm-hero__title {
  margin: 0;
  font-size: var(--pr-t-display);
  line-height: var(--pr-lh-display);
  letter-spacing: var(--pr-track-display);
  font-weight: 600;
  color: var(--pr-ink);
  text-wrap: balance;
}
.pr-h2, .hm-h2 {
  margin: 0;
  font-size: var(--pr-t-h2);
  line-height: 1.1;
  letter-spacing: var(--pr-track-h2);
  font-weight: 600;
  color: var(--pr-ink);
  text-wrap: balance;
}
:root[dir="rtl"] :is(.pr-h1, .hm-hero__title, .pr-h2, .hm-h2) { font-weight: 700; line-height: 1.3; }
.pr-h3, .hm-h3 { margin: 0; font-size: var(--pr-t-h3); line-height: 1.3; font-weight: 600; letter-spacing: -.01em; color: var(--pr-ink); }
.pr-lead, .hm-lead {
  margin: 0;
  max-width: 62ch;
  font-size: var(--pr-t-lead);
  line-height: var(--pr-lh-body);
  color: var(--pr-ink-2);
  text-wrap: pretty;
}
.pr-fine, .hm-fine { margin: 0; font-size: var(--pr-t-caption); line-height: 1.5; color: var(--pr-ink-3); }

/* The old eyebrow labels: plain, sentence case, small. Kept only where they name a real category. */
.mh-shell .mh-eyebrow {
  text-transform: none;
  letter-spacing: 0;
  font-size: var(--pr-t-small);
  font-weight: 600;
  color: var(--pr-link);
}

/* ---------------------------------------------------------------- forms (sign-in, create account, reset) */
.mh-shell .mh-field {
  min-height: 48px;
  border-radius: var(--pr-r-sm);
  border: 1px solid var(--pr-line-2);
  background: var(--pr-raised-2);
  color: var(--pr-ink);
  font-size: 1rem;
  box-shadow: none;
}
:root[data-theme="dark"] .mh-shell .mh-field { background: rgba(255, 255, 255, .03); }
.mh-shell .mh-field:hover { border-color: var(--pr-ink-3); }
.mh-shell .mh-field:focus { border-color: var(--pr-accent); box-shadow: var(--pr-focus); }
.mh-shell .mh-social-btn {
  display: flex;
  width: 100%;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: var(--pr-r-sm);
  border: 1px solid var(--pr-line-2);
  background: transparent;
  color: var(--pr-ink);
  font-weight: 600;
  font-size: .9375rem;
  box-shadow: none;
  transform: none;
}
.mh-shell .mh-social-btn:hover:not(:disabled) { background: var(--pr-glass); border-color: var(--pr-ink-3); transform: none; }
.mh-shell .mh-social-btn:disabled { opacity: .55; cursor: not-allowed; }

/* ---------------------------------------------------------------- dialogs (create account, download) */
.mh-shell .mh-modal-backdrop { background: rgba(2, 10, 16, .66); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
:root[data-theme="light"] .mh-shell .mh-modal-backdrop { background: rgba(10, 31, 45, .36); }
.mh-shell .mh-modal-panel.mh-auth-modal {
  width: min(100% - 24px, 480px);
  padding: 28px;
  border-radius: 20px;
  border: 1px solid var(--pr-line);
  background: var(--pr-raised);
  box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .6);
}
@media (max-width: 479px) { .mh-shell .mh-modal-panel.mh-auth-modal { padding: 22px 18px; } }

/* ---------------------------------------------------------------- sign-in, create account, reset */
.mh-shell .mh-login-page { position: relative; z-index: 1; padding: 48px 16px 80px; align-items: flex-start !important; }
.mh-shell .mh-login-card {
  max-width: 440px;
  padding: 36px 32px 28px;
  border-radius: 20px;
  background: var(--pr-raised) !important;
  border: 1px solid var(--pr-line) !important;
  box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .55) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
:root[data-theme="dark"] .mh-shell .mh-login-card { background: color-mix(in srgb, var(--pr-raised) 92%, transparent) !important; }
:root[data-theme="light"] .mh-shell .mh-login-card { box-shadow: 0 30px 60px -36px rgba(10, 40, 60, .35) !important; }
@media (max-width: 479px) { .mh-shell .mh-login-card { padding: 28px 20px 22px; } .mh-shell .mh-login-page { padding-top: 24px; } }
.mh-shell .mh-login-card > .text-center:first-of-type { text-align: start; }
.mh-shell .mh-login-card .mh-logo-squircle { margin: 0 0 20px !important; width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; max-width: 44px !important; max-height: 44px !important; }
.mh-shell .mh-login-card h1,
.mh-shell .mh-auth-modal h2 { font-size: 1.75rem; line-height: 1.2; font-weight: 600; letter-spacing: -.02em; color: var(--pr-ink); }
[dir="rtl"] .mh-shell :is(.mh-login-card h1, .mh-auth-modal h2) { letter-spacing: 0; font-weight: 700; }
.mh-shell .mh-login-card h1 + p,
.mh-shell .mh-auth-modal h2 + p { margin-top: 6px; font-size: var(--pr-t-small); color: var(--pr-ink-2); }
.mh-shell :is(.mh-login-card, .mh-auth-modal) label { color: var(--pr-ink); font-weight: 500; }
.mh-shell :is(.mh-login-card, .mh-auth-modal) .text-mh-accent { color: var(--pr-link); font-weight: 500; }
.mh-shell :is(.mh-login-card, .mh-auth-modal) .text-mh-muted { color: var(--pr-ink-3); }
.mh-shell .mh-login-separator { gap: 12px; margin: 24px 0; font-size: var(--pr-t-caption); color: var(--pr-ink-3); }
.mh-shell .mh-login-separator span { white-space: nowrap; font-weight: 500; }
.mh-shell .mh-login-separator-line { flex: 1; height: 1px; background: var(--pr-line); }
.mh-shell .mh-login-card #login-submit, .mh-shell .mh-auth-modal #signup-submit { min-height: 48px; margin-top: 8px; font-size: 1rem; }
/* Google + Apple side by side (one full-width button when only Google is on). */
.mh-shell .mh-social-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; }
.mh-shell .mh-social-row .mh-social-btn span { white-space: nowrap; }
.mh-shell .mh-social-row > * { margin: 0 !important; }
/* "Need an account?" sits as a plain row under the form, not a card inside the card. */
.mh-shell .mh-login-card .mt-6.rounded-\[1\.4rem\] { margin-top: 24px; padding: 20px 0 0; border: 0; border-top: 1px solid var(--pr-line); border-radius: 0; background: none; text-align: start; }
.mh-shell .mh-login-card .mt-6.rounded-\[1\.4rem\] p { color: var(--pr-ink-2); font-size: var(--pr-t-small); }
.mh-shell .mh-login-footer-links { display: flex; justify-content: center; gap: 20px; margin-top: 24px; font-size: var(--pr-t-caption); }
.mh-shell .mh-login-footer-links a { color: var(--pr-ink-3); text-decoration: none; }
.mh-shell .mh-login-footer-links a:hover { color: var(--pr-ink); text-decoration: underline; }
.mh-shell .mh-modal-panel__header--auth { align-items: flex-start; }
.mh-shell .mh-modal-close-btn { width: 40px; height: 40px; min-height: 40px; padding: 0; border-radius: 10px; border: 1px solid var(--pr-line); background: transparent; color: var(--pr-ink-2); }
.mh-shell .mh-modal-close-btn:hover { color: var(--pr-ink); border-color: var(--pr-line-2); }
.mh-shell .mh-reset-page { position: relative; z-index: 1; max-width: 760px; padding-top: 40px; padding-bottom: 80px; }
.mh-shell .mh-reset-page .mh-panel { border-radius: 20px !important; padding: 32px; border: 1px solid var(--pr-line); background: var(--pr-raised); box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
:root[data-theme="dark"] .mh-shell .mh-reset-page .mh-panel { background: color-mix(in srgb, var(--pr-raised) 92%, transparent); }
.mh-shell .mh-reset-page h1, .mh-shell .mh-reset-page h2 { font-weight: 600; letter-spacing: -.02em; color: var(--pr-ink); }
.mh-shell .mh-reset-page .text-mh-muted { color: var(--pr-ink-2); }

/* ---------------------------------------------------------------- phone + tablet action bar (Home/_mobile_cta.html) */
/* Owner (2026-10-20): "download app banner only on tabs and phones". Phones: every width under 768 px.
   Tablets: up to 1180 px (iPad landscape), portrait and landscape, on touch screens only (hover: none,
   pointer: coarse), so a narrow desktop window never gets it. Desktop (above 1180 px, or a mouse) never does. */
.pr-bar, .pr-bar-spacer { display: none; }
@media (max-width: 767px), (max-width: 1180px) and (hover: none) and (pointer: coarse) {
  /* !important: site.css makes every direct child of body.mh-shell position: relative (id-level :not() chain). */
  body.mh-shell > .pr-bar {
    position: fixed !important; z-index: 290 !important; inset-inline: 0; bottom: 0; display: flex; gap: 8px;
    padding: 10px max(16px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
    justify-content: center;
    background: color-mix(in srgb, var(--pr-bg) 86%, transparent);
    -webkit-backdrop-filter: blur(18px) saturate(1.3); backdrop-filter: blur(18px) saturate(1.3);
    border-top: 1px solid var(--pr-line);
  }
  .pr-bar-spacer { display: block; height: calc(70px + env(safe-area-inset-bottom)); }
  /* The spacer sits before the footer (it ships with the page body), so the footer's last rows ended up under the
     bar. Where :has() works the room goes after everything instead: body padding of the bar's height. */
  body.mh-shell:has(> .pr-bar) { padding-bottom: calc(70px + env(safe-area-inset-bottom)); }
  body.mh-shell:has(> .pr-bar) > .pr-bar-spacer { display: none; }
  .mh-shell .pr-bar .mh-btn-primary, .mh-shell .pr-bar .mh-btn-secondary { min-height: 48px; border-radius: 14px; font-size: 1rem; }
  .pr-bar__main { flex: 1.6; gap: 8px; max-width: 400px; }
  .pr-bar__web { max-width: 250px; }
  .pr-bar__web { flex: 1; }
  .pr-bar-js body.mh-shell > .pr-bar { transform: translateY(110%); transition: transform .28s var(--pr-ease); }
  .pr-bar-js body.mh-shell > .pr-bar.is-shown { transform: none; }
  body:has(.pr-bar) .mh-android-prompt { display: none !important; }
}
@media (max-width: 767px) and (prefers-reduced-motion: reduce), (max-width: 1180px) and (hover: none) and (pointer: coarse) and (prefers-reduced-motion: reduce) { .pr-bar-js body.mh-shell > .pr-bar { transition: none; } }

/* ---------------------------------------------------------------- motion (js/pro-motion.js) */
.pr-motion [data-reveal]:not(.is-in) { opacity: 0; transform: translateY(22px); }
.pr-motion [data-reveal] {
  transition: opacity .7s var(--pr-ease), transform .7s var(--pr-ease);
  transition-delay: var(--pr-delay, 0ms);
}
.pr-motion [data-reveal].is-in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  .pr-motion [data-reveal] { opacity: 1 !important; transform: none !important; transition: none; }
  .mh-shell .mh-btn-primary, .mh-shell .mh-btn-secondary, .mh-shell .mh-store-btn { transition: none; }
  /* Hover depth is a motion layer too (DESIGN.md 8): cards, phones, chevrons and footer links stay put. */
  .mh-shell :is(.hm-top__card, .hm-top__card .hm-phone--card, .hm-review, .hm-plan, .ci-feat-card, .ci-chevron) { transition: none !important; }
  .mh-shell :is(.hm-top__card:hover, .hm-top__card:hover .hm-phone--card, .hm-review:hover, .hm-plan:hover, .ci-feat-card:hover, .ci-item:hover .ci-chevron) { transform: none !important; }
  .mh-shell .xm-track__name a:hover::after { transform: none !important; }
  .mh-shell .mh-site-footer a.block:hover { translate: none !important; }
}

/* ---------------------------------------------------------------- RTL: directional icons point the reading way */
/* Right-pointing arrows and chevrons (by their path) are mirrored on RTL pages. `scale` composes with any
   existing transform (hover nudges); icons already mirrored by their own rule are excluded. */
[dir="rtl"] svg:has(> path[d="M5 12h14M12 5l7 7-7 7"], > path[d="M9 18l6-6-6-6"], > path[d="m9 18 6-6-6-6"],
  > path[d="M9 5l7 7-7 7"], > path[d="M9 6l6 6-6 6"], > path[d="M13 5l7 7-7 7M5 12h15"]):not(.ep-chev):not(.hm-carousel__btn svg) { scale: -1 1; }
[dir="rtl"] .pr-dir-arrow, [dir="rtl"] .sb-pack__cta > span[aria-hidden="true"] { display: inline-block; scale: -1 1; }

/* ---------------------------------------------------------------- long words and CJK line breaking (21 locales) */
/* German / Hungarian / Polish compounds hyphenate (the page lang selects the dictionary) instead of overflowing. */
.mh-shell :is(h1, h2, h3, .pm-card h3, .hm-top__title, .hm-plan__name, .mh-btn-primary, .mh-btn-secondary, .hm-proof__label, .pm-card__text) {
  overflow-wrap: break-word; hyphens: auto;
}
:root:lang(ja) body.mh-shell, :root:lang(zh-hant) body.mh-shell { line-break: strict; }
:root:lang(ko) body.mh-shell { word-break: keep-all; line-break: strict; }
:root:is(:lang(ja), :lang(ko), :lang(zh-hant)) .mh-shell :is(h1, h2, h3) { hyphens: manual; }
/* ---- css/pro-chrome.css ---- */
/* Signed-out header and footer (DESIGN.md 6). Loaded by core/base.html for signed-out visitors only,
 * after site.css / site-overrides.css (whose !important rules are matched here where needed). */

:root { --mh-header-h: 4.5rem; }

/* ---------------------------------------------------------------- container gutters */
.mh-shell .mh-container { padding-inline: 16px; max-width: 1232px; }
@media (min-width: 768px) { .mh-shell .mh-container { padding-inline: 24px; max-width: 1248px; } }
@media (min-width: 1280px) { .mh-shell .mh-container { padding-inline: 32px; max-width: 1264px; } }

/* ---------------------------------------------------------------- header */
.mh-shell .mh-site-header {
  padding: 0;
  background: color-mix(in srgb, var(--pr-bg) 78%, transparent);
  -webkit-backdrop-filter: blur(18px) saturate(1.3);
  backdrop-filter: blur(18px) saturate(1.3);
  border-bottom: 1px solid var(--pr-line);
}
.mh-shell .mh-site-header .mh-container {
  max-width: 1264px !important;
  width: 100% !important;
  padding: 0 16px !important;
}
@media (min-width: 768px) { .mh-shell .mh-site-header .mh-container { padding: 0 24px !important; } }
@media (min-width: 1280px) { .mh-shell .mh-site-header .mh-container { padding: 0 32px !important; } }
.mh-shell .mh-header-shell {
  min-height: 72px;
  padding: 0;
  gap: 16px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.mh-shell .mh-header-brand { gap: 10px !important; color: var(--pr-ink); }
.mh-shell .mh-header-brand .mh-logo-squircle {
  width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important;
  max-width: 36px !important; max-height: 36px !important; border-radius: 10px; box-shadow: none;
}
.mh-shell .mh-header-brand-name { font-size: 1.125rem !important; font-weight: 600; letter-spacing: -.02em; color: var(--pr-ink); }
[dir="rtl"] .mh-shell .mh-header-brand-name { letter-spacing: 0; }
.mh-shell .mh-header-brand-sub { text-transform: none; letter-spacing: 0; font-size: .75rem; color: var(--pr-ink-3); }
.mh-shell .mh-header-nav { gap: 4px; }
.mh-shell .mh-nav-link {
  padding: 8px 12px;
  border-radius: 8px;
  font-size: .9375rem;
  font-weight: 500;
  color: var(--pr-ink-2);
  background: transparent;
}
.mh-shell .mh-nav-link:hover { color: var(--pr-ink); background: var(--pr-glass); }
.mh-shell .mh-nav-link.active { color: var(--pr-ink); background: transparent; box-shadow: inset 0 -2px 0 var(--pr-accent); border-radius: 0; }
.mh-shell .mh-header-actions { gap: 8px; }
.mh-shell .mh-header-theme-btn,
.mh-shell .mh-header-lang-btn,
.mh-shell .mh-hamburger {
  width: 40px !important; min-width: 40px !important; height: 40px !important;
  border-radius: 10px !important;
  background: transparent !important;
  border: 1px solid var(--pr-line) !important;
  color: var(--pr-ink-2) !important;
  box-shadow: none !important;
  transform: none !important;
}
.mh-shell .mh-header-lang-btn { width: auto !important; padding: 0 10px !important; font-size: .8125rem; font-weight: 600; }
.mh-shell .mh-header-theme-btn:hover,
.mh-shell .mh-header-lang-btn:hover,
.mh-shell .mh-hamburger:hover { border-color: var(--pr-line-2) !important; color: var(--pr-ink) !important; background: var(--pr-glass) !important; }
[data-theme="dark"] .mh-shell .mh-header-theme-btn .mh-theme-icon--to-light { color: var(--pr-ink-2); }
[data-theme="light"] .mh-shell .mh-header-theme-btn .mh-theme-icon--to-dark { color: var(--pr-ink-2); }
.mh-shell .mh-header-signin {
  min-height: 40px; padding: 0 12px; border-radius: 10px;
  font-size: .9375rem; font-weight: 600; color: var(--pr-ink);
}
.mh-shell .mh-header-signin:hover { text-decoration: none; background: var(--pr-glass); }
.mh-shell .mh-header-cta.mh-btn-primary { min-height: 40px; padding: 0 16px; font-size: .9375rem; }
@media (max-width: 1023px) {
  .mh-shell .mh-header-shell { min-height: 60px; }
  :root { --mh-header-h: 3.75rem; }
}
@media (max-width: 767px) {
  .mh-shell .mh-header-shell { min-height: 56px; gap: 8px; }
  :root { --mh-header-h: 3.5rem; }
  .mh-shell .mh-header-brand .mh-logo-squircle { width: 32px !important; height: 32px !important; min-width: 32px !important; min-height: 32px !important; max-width: 32px !important; max-height: 32px !important; border-radius: 9px; }
  .mh-shell .mh-header-brand-sub { display: none !important; }
}
@media (max-width: 400px) {
  .mh-shell .mh-header-brand-name { font-size: 1rem !important; }
  .mh-shell .mh-header-actions { gap: 6px; }
}

/* ---------------------------------------------------------------- mobile menu */
.mh-shell .mh-mobile-menu { background: var(--pr-bg); }

/* ---------------------------------------------------------------- footer */
.mh-shell .mh-site-footer {
  margin-top: 0;
  padding-top: 0;
  background: var(--pr-bg-2);
  border-top: 1px solid var(--pr-line);
  color: var(--pr-ink-2);
}
.mh-shell .mh-site-footer::before { content: none; }
.mh-shell .mh-site-footer > .mh-container { padding-top: 56px; padding-bottom: 32px; }
.mh-shell .mh-site-footer > .mh-container > .mh-divider:first-child { display: none; }
.mh-shell .mh-site-footer .mh-divider { opacity: 1; background: var(--pr-line); }
.mh-shell .mh-site-footer .mh-footer-heading {
  text-transform: none;
  letter-spacing: 0;
  font-size: .875rem;
  font-weight: 600;
  color: var(--pr-ink);
}
.mh-shell .mh-site-footer a.block { color: var(--pr-ink-2); font-size: .9375rem; }
.mh-shell .mh-site-footer a.block:hover { color: var(--pr-ink); }
.mh-shell .mh-site-footer p.text-sm { color: var(--pr-ink-2); font-size: .9375rem; line-height: 1.6; }
/* "Reviewed by the MediHelp clinical team": a plain line with a mint mark, not an all-caps pill. */
.mh-shell .mh-site-footer .rounded-full.w-max { padding: 0; border: 0; background: none; gap: 8px; }
.mh-shell .mh-site-footer .rounded-full.w-max > span:last-child {
  text-transform: none; letter-spacing: 0; font-size: .8125rem; font-weight: 500; color: var(--pr-ink-2);
}
.mh-shell .mh-site-footer .rounded-full.w-max > span:first-child { background: var(--pr-mint); }
.mh-shell .mh-site-footer .mh-utility-chip {
  min-height: 40px; width: 40px; padding: 0; border-radius: 10px;
  background: transparent; border: 1px solid var(--pr-line); color: var(--pr-ink-2);
}
.mh-shell .mh-site-footer .mh-utility-chip:hover { color: var(--pr-ink); border-color: var(--pr-line-2); }
.mh-shell .mh-site-footer .text-center { color: var(--pr-ink-3); }

/* Footer accent: a thin brand gradient on the top edge and a larger wordmark. */
.mh-shell .mh-site-footer { position: relative; }
.mh-shell .mh-site-footer::after {
  content: ""; position: absolute; top: -1px; inset-inline: 0; height: 1px;
  background: linear-gradient(90deg, transparent, var(--pr-accent) 30%, var(--pr-mint) 70%, transparent); opacity: .6;
}
.mh-shell .mh-site-footer .text-lg.font-bold { font-size: 1.375rem; font-weight: 600; letter-spacing: -.02em; }
.mh-shell .mh-site-footer a.block { transition: color .18s var(--pr-ease), translate .18s var(--pr-ease); }
@media (hover: hover) { .mh-shell .mh-site-footer a.block:hover { translate: 3px 0; } [dir="rtl"] .mh-shell .mh-site-footer a.block:hover { translate: -3px 0; } }

/* Phones: a compact, centred footer (brand block, then the link groups two to a row). */
@media (max-width: 767px) {
  .mh-shell .mh-site-footer > .mh-container { padding-top: 36px; padding-bottom: 24px; }
  .mh-shell .mh-site-footer .grid { grid-template-columns: 1fr 1fr; gap: 28px 16px; padding-block: 8px 24px; text-align: center; }
  .mh-shell .mh-site-footer .grid > div:first-child { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center; }
  .mh-shell .mh-site-footer .grid > div:first-child p { margin-inline: auto; }
  .mh-shell .mh-site-footer .grid > div:first-child .flex { justify-content: center; }
  .mh-shell .mh-site-footer .mh-footer-heading { margin-bottom: 4px; }
  .mh-shell .mh-site-footer .space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top: 8px; }
  .mh-shell .mh-site-footer a.block { min-height: 32px; display: flex; align-items: center; justify-content: center; }
}

/* ---------------------------------------------------------------- touch targets on phones and tablets (QC 2026-10-20)
   DESIGN.md 5b: 44 px minimum. Header icon buttons, footer social chips, the password eye and the pricing
   audience tabs were 39 to 40 px; breadcrumb links were 20 px tall. Breadcrumbs get a 44 px hit area through
   padding offset by an equal negative margin, so the text does not move. */
@media (max-width: 1023px) {
  .mh-shell .mh-header-theme-btn, .mh-shell .mh-hamburger { width: 44px !important; min-width: 44px !important; height: 44px !important; }
  .mh-shell .mh-header-lang-btn { min-width: 44px !important; height: 44px !important; }
  .mh-shell .mh-site-footer .mh-utility-chip { min-height: 44px; width: 44px; }
  .mh-shell .mh-password-toggle { min-width: 44px; min-height: 44px; }
  .mh-shell .sb-page .sb-audience__tab, .mh-shell .hm-toggle__btn { min-height: 44px; }
  .mh-shell .mh-header-brand { min-height: 44px; }
  .mh-shell :is(.seo-crumbs, .pm-crumbs, .xt-crumbs, .ci-detail-header nav) a { display: inline-block; padding: 12px 4px; margin: -12px -4px; }
}