@media(max-width:700px){
html[data-native]{--native-radius:24px;--native-bg:#f3f8f4;--native-elevation:0 2px 8px #123b2e0a;background:var(--native-bg)}
html[data-native=ios]{--native-radius:14px;--native-bg:#f2f5f3;--native-elevation:none}
html[data-native] body{background:var(--native-bg)!important;padding-top:64px!important;padding-bottom:calc(84px + env(safe-area-inset-bottom))!important;margin:0!important}
html[data-native] body .native-top{position:fixed;inset:0 0 auto;height:64px;z-index:4000;background:#e3f4eb;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #123b2e0c;box-sizing:border-box}
html[data-native=ios] body .native-top{background:#ffffffed;backdrop-filter:blur(20px);height:60px}
.native-brand{font-family:var(--ic-brand-app-font);font-weight:700;font-size:20px;color:#123b2e;text-decoration:none;letter-spacing:-.4px}.native-menu{width:48px;height:48px!important;min-width:48px;background:transparent!important;border:0!important;border-radius:24px!important;color:#123b2e!important;padding:12px!important}
.native-top svg,.native-bottom svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.native-bottom{position:fixed;bottom:0;left:0;right:0;z-index:4000;height:calc(76px + env(safe-area-inset-bottom));padding:8px 12px calc(8px + env(safe-area-inset-bottom));box-sizing:border-box;display:grid;grid-template-columns:repeat(4,1fr);background:#e3f4eb;border-top:1px solid #123b2e12}
.native-bottom a{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;font:600 11px/1.3 var(--ic-brand-app-font);color:#49675d;text-decoration:none;min-height:52px}.native-bottom svg{padding:4px 15px;width:24px;height:24px;border-radius:18px;box-sizing:content-box}.native-bottom a[aria-current] svg{background:#bddfcc;color:#07583a}.native-bottom a[aria-current]{color:#07583a}
html[data-native=ios] body .native-bottom{background:#ffffffed;backdrop-filter:blur(20px);height:calc(72px + env(safe-area-inset-bottom))}html[data-native=ios] body .native-bottom svg{padding:2px 15px}html[data-native=ios] body .native-bottom a[aria-current] svg{background:none;stroke-width:2.5}
html[data-native] body #ic-offbar,html[data-native] body #ic-offbar-spacer,html[data-native] body .ic-gband{display:none!important}html[data-native] body .ic-off-banner{bottom:88px!important}
html[data-native] body .module-picker{display:none!important}html[data-native] body.native-browse .module-picker{display:block!important;position:fixed;top:72px;left:12px;right:12px;z-index:4500;margin:0!important;background:white!important;border:1px solid #bddfcc;padding:16px!important;border-radius:20px;box-shadow:0 20px 50px #123b2e33}
html[data-native] body .app-theme,html[data-native] body .ic-file-card{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}html[data-native] body main{padding:16px 16px 32px!important;margin:0!important;max-width:100%!important;box-sizing:border-box}html[data-native] body #ic-mhero{background:transparent!important;color:#123b2e!important;padding:6px 0 16px!important;box-shadow:none!important;border-radius:0!important;margin:0!important}html[data-native] body #ic-mhero span{color:#49675d!important;font-size:11px!important}html[data-native] body #ic-mhero h1{font-size:26px!important;line-height:1.22!important;letter-spacing:-.6px!important;margin:8px 0 12px!important;color:#123b2e!important}html[data-native] body #ic-mhero p{color:#49675d!important;font-size:14px!important;line-height:1.55!important;margin:8px 0!important}
html[data-native=ios] #ic-mhero h1{font-size:28px!important}html[data-native] body button:not(.why-dots button):not(.native-menu),html[data-native] body select,html[data-native] body input{min-height:48px!important;border-radius:var(--native-radius)!important}html[data-native] body textarea{border-radius:16px!important}html[data-native] body .ic-help-link{min-height:44px;padding:0 16px!important;display:inline-flex!important;align-items:center;margin-bottom:16px!important}
html[data-native] body .community-submit,html[data-native] body .ic-header,html[data-native] body .home-why,html[data-native] body .ic-filters,html[data-native] body .filters,html[data-native] body .filter-bar{background:#fff!important;border:1px solid #123b2e0b!important;border-radius:var(--native-radius)!important;box-shadow:var(--native-elevation);padding:16px!important;margin:0 0 16px!important}html[data-native] body .ic-header h1{font-size:20px!important}html[data-native] body .ic-header p,html[data-native] body .community-submit p{font-size:13px!important;line-height:1.5!important}html[data-native] body .home-why h2{font-size:22px!important}html[data-native] body .ic-downarrow,html[data-native] body #galpu-fab,html[data-native] body #ic-bug-btn{bottom:90px!important}
}

@media(max-width:700px){html[data-native] body .native-bottom{z-index:2147483000!important}html[data-native] body main{background:transparent!important}html[data-native] body .global-language-control{display:none!important}html[data-native].native-browse body .global-language-control{display:flex!important;position:fixed;top:270px;left:12px;right:12px;z-index:5000}html[data-native] body .module-picker{display:none!important}html[data-native].native-browse body .module-picker{display:block!important}}
@media(max-width:700px){html[data-native].native-browse body .module-picker{position:fixed!important;top:72px!important;left:12px!important;right:12px!important;margin:0!important;padding:16px!important;z-index:2147483100!important;background:white!important;border-radius:16px!important}html[data-native].native-browse body .global-language-control{top:270px!important;left:12px!important;right:12px!important;background:white!important;border:1px solid #bddfcc!important;border-radius:16px!important;padding:12px!important;z-index:2147483100!important}html[data-native].native-browse body main{opacity:.18;pointer-events:none}.native-top{z-index:2147483200!important}}
@media(max-width:700px){html[data-native] body #galpu-fab{bottom:96px!important;right:16px!important;width:48px!important;height:48px!important}html[data-native] body #ic-bug-btn{top:11px!important;bottom:auto!important;left:auto!important;inset-inline-end:72px!important;max-width:132px!important;width:38px!important;height:38px!important;opacity:1;z-index:2147483200!important}html[data-native] body .ic-downarrow{bottom:156px!important;right:16px!important;left:auto!important;width:44px!important;height:44px!important}html[data-native] body #galpu-fab:after{display:none!important}}

@media(max-width:700px){html[data-native] body #ic-api-rest{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;margin:12px 16px 24px!important;max-width:calc(100% - 32px)!important;z-index:1!important}.native-bottom a span{max-width:100%;text-align:center;overflow-wrap:anywhere}.native-menu:focus-visible,.native-bottom a:focus-visible{outline:3px solid #0e6b45;outline-offset:-3px}}
html[data-native] body.native-browse main{opacity:0!important;pointer-events:none}html[data-native] body.native-browse{background:#e8f3ec!important}
html[data-native].native-browse body main{opacity:0!important;pointer-events:none}html[data-native].native-browse body{background:#e8f3ec!important}
.ic-launch-line,.ic-policy-footer,.ic-made-footer{max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word}
.ic-policy-footer{display:flex!important;flex-wrap:wrap!important;justify-content:center!important}
footer img,footer canvas{max-width:100%!important;height:auto!important}
footer section,footer>*{max-width:100%;box-sizing:border-box}
html[data-native] body .native-top,html[data-native] body .native-top *{color:#123B2E!important;-webkit-text-fill-color:#123B2E!important;opacity:1!important;filter:none!important}
html[data-native] body .native-top .native-menu svg,html[data-native] body .native-top .native-menu svg *{stroke:#123B2E!important;fill:none!important}
html[data-native] body .native-top{background:#E3F4EB!important}
html[data-native] body #galpu-panel{top:calc(var(--native-top,64px) + 8px)!important;max-height:calc(100dvh - var(--native-top,64px) - 96px)!important}

/* footer breathing room: clear gap after the green card, even spacing across the three lines */
html[data-native] body .support-contribution{margin-bottom:22px!important}
html[data-native] body .ic-launch-line,html[data-native] body .ic-policy-footer,html[data-native] body .ic-made-footer{margin:0!important;padding:7px 14px!important;line-height:1.5!important;text-align:center!important}
html[data-native] body .ic-made-footer{padding-bottom:16px!important}


/* menu open: the picker's own giant solid shadow fills every gap so scrolled page content (footer card) cannot show through */
html[data-native] body .module-picker{box-shadow:0 0 0 200vmax #F3F8F4!important}
html[data-native] body:has(.module-picker) .native-bottom{z-index:2147483150!important}

html.emb #ic-bug-btn,body:has(.w-wrap) #ic-bug-btn{display:none!important}

html[data-native].native-browse body .global-language-control{z-index:1!important}
