.lizor-pwa-button{display:block;margin:20px auto 0;padding:10px 16px;min-height:44px;border:1px solid #d9dce6;border-radius:12px;background:#fff;color:#202b4b;font:600 14px system-ui,sans-serif;cursor:pointer}.lizor-pwa-button:focus-visible,.lizor-pwa-dialog button:focus-visible{outline:3px solid #d20a50;outline-offset:3px}.lizor-pwa-dialog{box-sizing:border-box;width:min(460px,calc(100% - 32px));max-height:85dvh;overflow:auto;padding:24px;border:1px solid #ddd;border-radius:18px;color:#202b4b;background:#fcfbf8;font:16px/1.6 system-ui,sans-serif}.lizor-pwa-dialog::backdrop{background:#171b2b88}.lizor-pwa-dialog h2{font-size:22px;margin:0 0 14px}.lizor-pwa-dialog p{margin:12px 0}.lizor-pwa-dialog button,.lizor-offline button{min-height:44px;padding:10px 18px;border:0;border-radius:12px;background:#d20a50;color:#fff;font:600 16px system-ui,sans-serif;cursor:pointer}.lizor-pwa-update{font:14px/1.5 system-ui,sans-serif;color:#48536a;text-align:center}.lizor-offline{margin:0;min-height:100dvh;display:grid;place-items:center;background:#fcfbf8;color:#202b4b;font:16px/1.6 system-ui,sans-serif}.lizor-offline main{box-sizing:border-box;width:min(480px,100%);padding:28px;text-align:center}.lizor-offline img{border-radius:22px}.lizor-offline h1{font-size:28px}

/* Only installed desktop windows with the user's title-bar toggle enabled. */
@media (display-mode: window-controls-overlay) {
  :root { --lizor-window-top: env(titlebar-area-height, 32px); }
  .login-page::after {
    content: "";
    position: fixed;
    left: env(titlebar-area-x, 0px);
    top: env(titlebar-area-y, 0px);
    width: env(titlebar-area-width, 0px);
    height: var(--lizor-window-top);
    -webkit-app-region: drag;
    app-region: drag;
    z-index: 1000;
  }
  :is(.teacher-header, .parent-header, .patron-topbar, .topbar, .practice-topbar) {
    padding-top: calc(12px + var(--lizor-window-top));
    min-height: calc(76px + var(--lizor-window-top));
    height: auto;
  }
  :is(.teacher-sidebar, .parent-sidebar, .patron-sidebar, .sidebar) {
    padding-top: calc(28px + var(--lizor-window-top));
  }
  /* Lesson controls remain below the operating system's window buttons. */
  .winter-toolbar, #lessonbar {
    top: calc(var(--lizor-window-top) + max(18px, env(safe-area-inset-top))) !important;
  }
  body > header, main > header:not([class]) {
    padding-top: var(--lizor-window-top);
  }
}