/* Native download offer - no external fonts, no replacement of the approved app icons. */
#svoi-mobile #native-download-banner{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto 36px;align-items:center;gap:10px;padding:8px 14px;flex-shrink:0;min-width:0;width:100%;box-sizing:border-box;border-bottom:1px solid var(--line,#34323c);background:var(--field,#1d1c23);color:var(--text,#f5f5fa);z-index:8;font-family:inherit}
#svoi-mobile #native-download-banner[hidden]{display:none!important}
#native-download-banner img{border-radius:10px;display:block}
#native-download-banner .native-offer-copy{display:grid;gap:3px;min-width:0}
#native-download-banner strong{font-size:14px;line-height:18px;white-space:normal}
#native-download-banner small{font-size:11px;line-height:14px;color:var(--sub,#a9a5b2)}
#svoi-mobile #native-download-banner .native-offer-download{display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;background:var(--accent,#7848ed);color:#fff;text-decoration:none;border-radius:13px;font-size:13px;font-weight:600;white-space:nowrap;box-sizing:border-box}
#svoi-mobile #native-download-banner button{font:inherit;border:0;cursor:pointer;background:transparent;color:var(--sub,#b3adbf)}
#svoi-mobile #native-download-banner .native-offer-installed{min-height:40px;padding:4px 8px;font-size:12px;white-space:nowrap}
#svoi-mobile #native-download-banner .native-offer-close{width:36px;height:40px;padding:0;font-size:25px;line-height:40px;border-radius:12px}
#svoi-mobile #native-download-banner a:focus-visible,#svoi-mobile #native-download-banner button:focus-visible{outline:2px solid var(--accent,#7848ed);outline-offset:2px}
#svoi-mobile[data-native-offer]{display:flex;flex-direction:column}
#svoi-mobile[data-native-offer]>.app{flex:1;min-height:0;height:0;width:100%}
#svoi-mobile[data-native-offer]>.auth-screen{flex:1;min-height:0;height:0;width:100%;box-sizing:border-box}
#svoi-mobile[data-native-platform] #install-banner,#svoi-mobile[data-native-platform] #auth-install{display:none!important}
#svoi-mobile .native-download-settings{text-decoration:none;color:inherit}
@media(max-width:520px){
 #svoi-mobile #native-download-banner{grid-template-columns:32px minmax(0,1fr) auto 32px;gap:5px 8px;padding:7px 10px}
 #native-download-banner img{width:32px;height:32px}
 #svoi-mobile #native-download-banner .native-offer-download{min-height:38px;padding:0 12px;font-size:12px}
 #svoi-mobile #native-download-banner .native-offer-close{grid-column:4;grid-row:1;width:32px;height:38px}
 #svoi-mobile #native-download-banner .native-offer-installed{grid-column:2 / 4;grid-row:2;min-height:28px;justify-self:start;padding:0;font-size:11px}
 #native-download-banner strong{font-size:13px;line-height:16px}
}
@media(max-height:420px){
 #svoi-mobile #native-download-banner{padding-block:3px}
 #svoi-mobile #native-download-banner .native-offer-installed{display:none}
}

/* auth-layout-v1: fix overflowing mobile login without changing the app viewport,
   chat keyboard handling, story motion, palette, fonts or original icons. */
#svoi-mobile #auth.auth-screen{overflow-x:hidden;overflow-y:auto;scroll-padding-top:16px;scroll-padding-bottom:24px}
#svoi-mobile #auth .auth-main{min-width:0;max-width:100%}
@media(max-width:760px){
 #svoi-mobile #auth.auth-screen{justify-content:flex-start;min-height:0}
 #svoi-mobile #auth.auth-screen>.auth-main{flex:0 0 auto;min-height:min-content;margin-block:auto;width:100%}
 #svoi-mobile #auth.auth-screen>.auth-brand{flex:0 0 auto}
}

/* Responsive audit: keep the existing emoji artwork/tabs while bounding the mobile picker. */
@media(max-width:760px){
 #svoi-mobile #emoji-panel:not([hidden]){display:flex!important;flex-direction:column;height:min(350px,calc(var(--viewport-height,100dvh) - 160px - env(safe-area-inset-bottom,0px)))!important;max-height:min(350px,calc(var(--viewport-height,100dvh) - 160px - env(safe-area-inset-bottom,0px)))!important;min-height:0;flex-shrink:0;box-sizing:border-box}
 #svoi-mobile #emoji-panel>.tray-tabs,#svoi-mobile #emoji-panel>.emoji-search,#svoi-mobile #emoji-panel>.emoji-category-nav{flex:0 0 auto}
 #svoi-mobile #emoji-panel #emoji-grid,#svoi-mobile #emoji-panel #sticker-grid{flex:1 1 0%;min-height:0;max-height:none!important;height:auto!important;overflow-y:auto;overscroll-behavior:contain}
 #svoi-mobile #emoji-panel .emoji-category-nav{min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;flex-shrink:0}
}

/* Preserve the approved purple accent while making this existing setting readable in dark mode. */
#svoi-mobile:not(.light) #change-photo>.ios-label{color:var(--palette-c8b8f6,#c8b8f6)}