@media (max-width:700px){
  html:has(#authView:not(.hidden)),html:has(#authView:not(.hidden)) body{height:100dvh;overflow:hidden!important;overscroll-behavior:none;touch-action:manipulation}
  #authView:not(.hidden){position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden;min-height:0}
  #authView>*:not(.auth-header):not(.auth-layout){display:none!important}
  #authView .hero{display:none!important}
  #authView>.auth-header{flex:0 0 auto;padding:max(env(safe-area-inset-top),12px) 18px 0!important}
  #authView .auth-layout{flex:1 1 auto;min-height:0!important;display:flex!important;align-items:center;justify-content:center;padding:6px 14px calc(84px + env(safe-area-inset-bottom))!important;margin:0!important}
  #authView .auth-card{width:100%;max-width:420px;max-height:100%;padding:16px 18px!important;border-radius:24px}
  #authView .auth-app-logo{width:44px;height:44px;margin:0 auto 6px;display:block}
  #authView .auth-card h2{font-size:23px;margin:0 0 4px;text-align:center}
  #authView .auth-card>.muted{margin:0 0 12px;font-size:12.5px;text-align:center}
  #authView .auth-card form{display:grid;gap:8px}
  #authView .auth-card label{gap:4px;font-size:12px}
  #authView .auth-card input{height:42px}
  #authView .auth-card button.primary,#authView .auth-card button.google{height:42px;min-height:0;margin:0;padding-top:0;padding-bottom:0}
  #authView .auth-card .google{margin-top:7px}
  #authView .auth-card .divider{margin:10px 0 2px}
  #authView .auth-card .text-button{margin-top:6px;padding:4px}
  #authView .auth-card .message{margin:4px 0 0;min-height:0}
  #authView .auth-card .legal{margin:6px 0 0;font-size:11px;text-align:center}
  #authView .login-support{margin-top:2px}
  html.auth-embedded #authView{position:static;min-height:100dvh;height:100dvh;display:flex;flex-direction:column}
  html.auth-embedded #authView .auth-layout{padding:4px 18px calc(10px + env(safe-area-inset-bottom))!important}
  html.auth-embedded #authView .auth-card{padding:6px 2px!important;max-width:none}
}
@media (max-width:700px) and (max-height:740px){
  #authView .auth-app-logo,#authView .auth-card .legal{display:none}
}
@media (max-width:700px) and (max-height:680px){
  #authView .auth-card input,#authView .auth-card button.primary,#authView .auth-card button.google{height:36px}
  #authView .auth-card>.muted,#authView .login-support{display:none}
  #authView .auth-card form{gap:6px}
  #authView .auth-card h2{font-size:20px}
}


.language-trigger{width:auto!important;min-width:0!important;height:42px!important;padding:0 12px!important;gap:9px!important;justify-content:center!important}.language-trigger .language-globe{position:static!important;width:20px!important;height:20px!important;opacity:.85}.language-trigger .language-flag{position:static!important;width:26px!important;height:18px!important;border-radius:4px!important;object-fit:cover;box-shadow:0 0 0 1px #ffffff2e!important}#authView .language-trigger{width:auto!important;height:42px!important}

@media (max-width:700px){#authView>.auth-header{display:flex!important;align-items:center;justify-content:space-between!important;gap:12px}#authView>.auth-header .brand,#authView>.auth-header>a{margin:0!important;position:static!important;transform:none!important}#authView .login-language{margin-left:auto}}
@media (max-width:700px){#authView>.auth-header{width:100%!important;max-width:none!important;box-sizing:border-box}}
