:root{--primary: #ea580c;--primary-pressed: #bf4205;--header-bg: #c74508;--home-gradient-start: #bd4008;--home-gradient-end: #7a3619;--surface: #fcf7f0;--card: #fff;--white: #fff;--banner: #ffebd6;--text: #302319;--muted: #71685e;--positive: #217244;--negative: #b22222;--chart-1: #ea580c;--chart-2: #e6a324;--chart-3: #217244;--chart-4: #286b85;--tile: rgba(255, 255, 255, .22);--active: rgba(255, 255, 255, .32);--shadow: rgba(48, 35, 25, .12);--radius: 4px;--sheet-radius: 20px;--space: 24px;--gap: 20px;--font-ui: Roboto, Arial, sans-serif;--font-heading: "Roboto Slab", Georgia, serif}:root{--camera-bg: #000}*{box-sizing:border-box}html,body{height:100%;overflow:hidden;overscroll-behavior:none;background:var(--screen-top, var(--header-bg))}body{margin:0;color:var(--text);font-family:var(--font-ui)}main{position:fixed;inset:0;width:100%;height:100dvh;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;background:var(--surface);border-top:env(safe-area-inset-top) solid var(--header-bg);max-width:390px;margin:auto;padding:80px 24px calc(24px + env(safe-area-inset-bottom))}h1{text-align:center;color:var(--primary);font-size:48px}form{display:grid;gap:24px}label{display:grid;gap:8px}input,button{font:inherit;border:1px solid var(--muted);border-radius:var(--radius);padding:12px;min-height:48px;background:var(--card);color:var(--text)}button{background:var(--primary);color:var(--white);border:0}button:active{background:var(--primary-pressed)}:focus-visible{outline:3px solid var(--primary);outline-offset:3px}[hidden]{display:none}