html.is-native-app{--native-safe-top:env(safe-area-inset-top,0px);--native-safe-right:env(safe-area-inset-right,0px);--native-safe-bottom:env(safe-area-inset-bottom,0px);--native-safe-left:env(safe-area-inset-left,0px)}
.is-native-app body,body.is-native-app{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;padding-left:var(--native-safe-left);padding-right:var(--native-safe-right);padding-bottom:calc(76px + var(--native-safe-bottom));overflow-x:hidden!important;max-width:100vw!important}
.is-native-android body,body.is-native-android{overscroll-behavior-y:auto}
.is-native-app .topbar{display:none}
.is-native-app .site-header{padding-top:var(--native-safe-top);background:#0d110e}
.is-native-app .mobile-bottom-nav{padding-bottom:var(--native-safe-bottom);height:calc(64px + var(--native-safe-bottom))}
.is-native-app .mobile-more-menu:not([open])>div{display:none!important}
.is-native-app .auth-shell,.is-native-app .login-panel,.is-native-app .login-box,.is-native-app .login-box form{width:100%;max-width:100%;min-width:0}
.is-native-app .auth-shell{padding-left:15px;padding-right:15px;overflow-x:hidden}
.is-native-app .login-panel{padding-left:18px;padding-right:18px}
.is-native-app .login-box input,.is-native-app .login-box button{box-sizing:border-box;max-width:100%}
.is-native-app.auth-login-page .account .mobile-login-link{display:none!important}
.is-native-app.auth-login-page .account .join{display:inline-flex!important}
.native-share-button{position:fixed;z-index:1200;right:calc(14px + var(--native-safe-right));bottom:calc(78px + var(--native-safe-bottom));display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 15px;border:1px solid rgba(184,216,98,.32);border-radius:999px;color:#eef5df;background:#182019;box-shadow:0 8px 26px rgba(0,0,0,.35);font:700 13px/1 Inter,sans-serif}
#native-network-banner{position:fixed;z-index:2000;top:var(--native-safe-top);left:0;right:0;padding:9px 16px;color:#fff;background:#8a3b2f;text-align:center;font:700 12px/1.2 Inter,sans-serif}
@media(max-width:900px){
    .site-header .header-main{
        width:100%;max-width:100%;height:auto;min-height:0;
        padding:8px 14px 10px;gap:8px 12px;
        display:grid;grid-template-columns:minmax(0,1fr) auto;
        grid-template-areas:"brand account" "search search";
    }
    .site-header .site-brand{grid-area:brand;min-width:0;max-width:130px;overflow:hidden}
    .site-header .site-brand img{width:112px;height:auto;max-width:112px;max-height:38px}
    .site-header .global-search{
        grid-area:search;display:flex;width:100%;max-width:none;min-width:0;
        height:40px;margin:0;border-radius:8px;
    }
    .site-header .global-search span{padding:0 10px;font-size:19px}
    .site-header .global-search input{min-width:0;font-size:13px}
    .site-header .global-search button{padding:0 15px;font-size:12px}
    .site-header .account{grid-area:account;min-width:0;gap:7px;margin-left:0}
}
@media(max-width:420px){
    .is-native-app .site-header{padding-top:var(--native-safe-top)}
    .is-native-app .site-header .header-main{width:100%;max-width:100%;padding:7px 12px 9px;gap:7px 10px}
    .is-native-app .site-header .site-brand{flex:0 1 112px;min-width:0;overflow:hidden}
    .is-native-app .site-header .site-brand img{width:112px;height:auto;max-width:112px;max-height:38px}
    .is-native-app .site-header .account{min-width:0;gap:6px}
    .is-native-app .login-panel{padding:28px 14px}
}
@media(min-width:901px){.native-share-button{bottom:22px}}