/* Palabras v9.4.3 — safe-area chrome fill + review exit polish */
:root{
  --pal-safe-top:env(safe-area-inset-top,0px);--pal-safe-right:env(safe-area-inset-right,0px);
  --pal-safe-bottom:env(safe-area-inset-bottom,0px);--pal-safe-left:env(safe-area-inset-left,0px);
  --pal-vh:100vh;--pal-safe-fill:#f6f3ef;--pal-top-fill:var(--pal-safe-fill);--pal-bottom-fill:var(--pal-safe-fill);
  --pal-top-chrome-height:0px;--pal-bottom-chrome-height:0px;
}
@supports (height:100dvh){:root{--pal-vh:100dvh}}
html,body,#root{min-height:100%} html,body{background:var(--pal-safe-fill)}
body{min-height:var(--pal-vh);margin:0;overscroll-behavior-y:none;position:relative} #root{position:relative;z-index:1}
body::before,body::after{content:'';position:fixed;left:0;right:0;pointer-events:none;z-index:0}
body::before{top:0;height:var(--pal-top-chrome-height);background:var(--pal-top-fill)}
body::after{bottom:0;height:var(--pal-bottom-chrome-height);background:var(--pal-bottom-fill)}
.screen{min-height:var(--pal-vh);padding-left:var(--pal-safe-left);padding-right:var(--pal-safe-right)}
.topbar{top:0;padding-top:calc(10px + var(--pal-safe-top));padding-right:calc(12px + var(--pal-safe-right));padding-left:calc(12px + var(--pal-safe-left));margin-left:calc(-1 * var(--pal-safe-left));margin-right:calc(-1 * var(--pal-safe-right))}
.prelogin-language-select-wrap{top:calc(14px + var(--pal-safe-top))!important;left:calc(14px + var(--pal-safe-left))!important}
#bpredark{top:calc(14px + var(--pal-safe-top))!important;right:calc(14px + var(--pal-safe-right))!important}
.home-content{padding-right:calc(12px + var(--pal-safe-right));padding-bottom:calc(12px + var(--pal-safe-bottom));padding-left:calc(12px + var(--pal-safe-left));margin-left:calc(-1 * var(--pal-safe-left));margin-right:calc(-1 * var(--pal-safe-right))}
.lang-page{padding-right:calc(16px + var(--pal-safe-right));padding-bottom:calc(16px + var(--pal-safe-bottom));padding-left:calc(16px + var(--pal-safe-left));margin-left:calc(-1 * var(--pal-safe-left));margin-right:calc(-1 * var(--pal-safe-right))}
.rev-screen,.settings-screen{padding-bottom:var(--pal-safe-bottom)}
.rev{padding-right:calc(12px + var(--pal-safe-right));padding-bottom:calc(12px + var(--pal-safe-bottom));padding-left:calc(12px + var(--pal-safe-left))}
.login-outer{min-height:var(--pal-vh);padding:24px;padding-right:calc(24px + var(--pal-safe-right));padding-bottom:calc(24px + var(--pal-safe-bottom));padding-left:calc(24px + var(--pal-safe-left))}
.settings-header{padding-top:12px!important;padding-right:calc(16px + var(--pal-safe-right))!important;padding-bottom:8px!important;padding-left:calc(16px + var(--pal-safe-left))!important}
.stabs{padding-right:calc(16px + var(--pal-safe-right));padding-left:calc(16px + var(--pal-safe-left))}
.settings-body{padding-top:12px!important;padding-right:calc(16px + var(--pal-safe-right))!important;padding-bottom:calc(12px + var(--pal-safe-bottom))!important;padding-left:calc(16px + var(--pal-safe-left))!important}
.settings-body>.sgroup:first-child,.settings-body>*:first-child{margin-top:0!important}
.modal-bg{padding-left:var(--pal-safe-left)!important;padding-right:var(--pal-safe-right)!important;padding-bottom:0!important;align-items:flex-end!important}
.modal{max-height:calc(var(--pal-vh) - var(--pal-safe-top) - 8px)!important;padding-left:calc(16px + var(--pal-safe-left))!important;padding-right:calc(16px + var(--pal-safe-right))!important;padding-bottom:calc(16px + var(--pal-safe-bottom))!important}
.stats-modal{height:auto!important;min-height:0!important;max-height:min(76svh,720px)!important;display:flex!important;flex-direction:column!important}
.stats-modal .mhead{flex:0 0 auto!important;margin-bottom:0!important}.stats-modal .tabs{flex:0 0 auto!important;margin:0!important;padding-top:6px!important;padding-bottom:3px!important}
.stats-modal .tab{min-height:44px;display:flex!important;align-items:center;justify-content:center}.stats-content{flex:0 1 auto!important;min-height:0!important;height:auto!important;overflow-y:auto!important;padding-top:12px!important;padding-bottom:8px!important}
.review-exit-bg{align-items:flex-end!important;padding-bottom:0!important}.review-exit-modal{flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 auto!important;padding-bottom:calc(18px + var(--pal-safe-bottom))!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
.toast{bottom:calc(24px + var(--pal-safe-bottom));max-width:calc(100vw - var(--pal-safe-left) - var(--pal-safe-right) - 24px);white-space:normal;text-align:center}
.sync-status-pill{top:calc(10px + var(--pal-safe-top));max-width:calc(100vw - var(--pal-safe-left) - var(--pal-safe-right) - 24px)}
@media(max-width:767px){input,select,textarea{font-size:16px}}
@media(orientation:landscape) and (max-height:500px){.login-outer{align-items:flex-start}.login-box{margin-top:8px;margin-bottom:8px}}
@supports not (height:1svh){.stats-modal{max-height:min(76vh,720px)!important}}
@supports not (padding:env(safe-area-inset-top)){:root{--pal-safe-top:0px;--pal-safe-right:0px;--pal-safe-bottom:0px;--pal-safe-left:0px}}


/* v9.4.4 — Android native edge-to-edge final pass.
   The WebView now reaches the system-bar edges, so the real adjacent surface
   (topbar, screen, modal backdrop/sheet) paints underneath the bars instead
   of a separate guessed-color strip. */
html.pal-android,
html.pal-android body,
html.pal-android #root{
  width:100%;
  min-height:100%;
}

html.pal-android body::before,
html.pal-android body::after{
  display:none!important;
}

html.pal-android .screen{
  min-height:100dvh;
}

html.pal-android .topbar{
  padding-top:calc(10px + var(--pal-safe-top))!important;
}

html.pal-android .modal-bg,
html.pal-android #mbg,
html.pal-android .review-exit-bg{
  inset:0!important;
}

html.pal-android .review-exit-modal{
  padding-bottom:calc(18px + var(--pal-safe-bottom))!important;
}

html.pal-android .settings-screen,
html.pal-android .rev-screen,
html.pal-android .login-outer{
  min-height:100dvh;
}