:root{--theme:#2e7d5b;--bg:#fdf6e3;--text:#1f2a24;--accent:#f6c445;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font:20px/1.4 system-ui,-apple-system,sans-serif}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0}body{background:var(--bg);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,textarea{-webkit-user-select:text;user-select:text}#app{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}.hello{text-align:center;flex:1;place-content:center;gap:.5rem;padding:1rem;display:grid}.hello h1{color:var(--theme);margin:0;font-size:2.4rem}.hello p{margin:0}.hello small{opacity:.5;font-size:.7rem}.update-banner{left:1rem;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));background:var(--theme);color:#fff;border-radius:1rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;position:fixed;box-shadow:0 6px 20px #0003}.update-banner button{background:var(--accent);min-height:48px;color:var(--text);font:inherit;border:0;border-radius:999px;padding:0 1.25rem;font-weight:700}