* { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
html, body { width: 100%; height: 100%; }
body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color: var(--ink); background: var(--green-950); overflow: hidden;
}
button { font: inherit; border: 0; cursor: pointer; }
button:focus-visible { outline: 3px solid rgba(197,161,90,.55); outline-offset: 2px; }
#app-shell { height: 100dvh; width: 100%; max-width: 900px; margin: 0 auto; position: relative; background: var(--ivory); overflow: hidden; }
.view { display: none; height: 100%; flex-direction: column; }
.view.active { display: flex; }
@media (min-width: 760px) { #app-shell { box-shadow: 0 0 60px rgba(0,0,0,.18); } }