*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}:root{--color-background:#f6f1ee;--color-surface:#fff;--color-text:#252525;--color-text-secondary:#777;--color-accent:#252525;--radius:16px;--page-padding:16px}html{background:var(--color-background)}body{background:var(--color-background);min-width:320px;color:var(--color-text);font-family:Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}#app{min-height:100vh}.home{width:100%;padding:24px var(--page-padding)}.home h1{margin:0 0 8px}.home p{color:var(--color-text-secondary);margin:0 0 24px}.button{border-radius:var(--radius);background:var(--color-accent);color:#fff;border:0;width:100%;padding:16px}