/* shell.css — base reset + corner glow + #app frame, extracted from the gen-2 PWA shell (share/release). */

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

html, body {
  margin: 0;
  height: 100%;
  background: var(--bg);
  color: var(--fg);
  font-family: var(--sans);
  overscroll-behavior-y: contain;
}

/* soft Agentic-Orange glow in the top-left corner */
.glow {
  position: fixed;
  top: -220px; left: -220px;
  width: 620px; height: 620px;
  border-radius: 50%;
  background: radial-gradient(circle, var(--orange-12) 0%, rgba(248, 127, 46, 0) 70%);
  pointer-events: none;
  z-index: 0;
}

/* standard wrapper: <main id="app"> */
#app {
  position: relative;
  z-index: 1;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  max-width: 540px;
  margin: 0 auto;
  /* safe-area aware; reserves room for the fixed tab bar */
  padding: max(env(safe-area-inset-top), 16px) 20px calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 16px);
}