* { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
html, body { height: 100%; overflow-x: hidden; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Segoe UI", Roboto, sans-serif;
  background: #0a0c11;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  user-select: none;
}
#app {
  width: 100%;
  max-width: 480px;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
#stage {
  transition: opacity .18s ease;
  min-height: 100vh;
}
@media (min-width: 768px) {
  #app { max-width: 420px; box-shadow: 0 0 40px rgba(0,0,0,.5); }
}
@supports (padding-top: env(safe-area-inset-top)) {
  .auth-page, .app-page { padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); }
}
html[dir="rtl"] .menu-arrow { transform: scaleX(-1); }
html[dir="rtl"] .date-arrow svg { transform: scaleX(-1); }
html[dir="rtl"] .search-box { flex-direction: row-reverse; }