/* v29: the web app feels like a phone app (Android + iPhone) */
html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
a,button,.btn,label,.nav-link,select,summary,[role=button]{touch-action:manipulation}
.v5-bottom,.v5-bottom a,.v5-bottom button,.navbar,.main-sidebar .sidebar-menu a,.btn{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
@media (max-width:991.98px){
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea,.form-control{font-size:16px!important} /* iPhone zooms the page if text boxes are smaller than 16px */
  /* notification banners like an app: top, centred, rounded */
  .iziToast-wrapper-topRight,.iziToast-wrapper-topCenter,.iziToast-wrapper-topLeft{top:max(env(safe-area-inset-top),0px)!important;left:0!important;right:0!important;width:100%!important;padding:8px 10px 0;pointer-events:none}
  .iziToast-wrapper .iziToast{pointer-events:auto;width:100%!important;max-width:520px;margin:6px auto!important;border-radius:16px!important;box-shadow:0 10px 30px rgba(15,23,42,.22)!important;min-height:56px}
  .iziToast-wrapper .iziToast>.iziToast-body{padding-left:14px!important}
}
/* installed app (home-screen icon) */
@media (display-mode:standalone){
  html,body{overscroll-behavior-y:none}
  body{-webkit-user-select:none;user-select:none}
  input,textarea,[contenteditable],.selectable,code,pre,td,.table{-webkit-user-select:text;user-select:text}
  .main-content{animation:v29in .22s ease-out}
  .v5-install{display:none!important}
}
@keyframes v29in{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.main-content{animation:none!important}}
/* "turn on notifications" ask */
.v29-ask{position:fixed;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:1085;max-width:460px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 14px 40px rgba(15,23,42,.25);padding:12px 14px;display:none;align-items:center;gap:12px}
.v29-ask.show{display:flex}
.v29-ask i.b{font-size:22px;color:var(--theme-color,#6777ef)}
.v29-ask .t{flex:1;font-size:13px;line-height:1.35}.v29-ask .t b{display:block;font-size:14px}
.v29-ask .x{border:0;background:none;font-size:22px;line-height:1;color:#94a3b8;padding:0 2px}
@media (min-width:992px){.v29-ask{bottom:20px;left:auto;right:20px;margin:0}}