:root{--color-primary:#2563eb;--color-text:#111827;--color-muted:#6b7280;--color-border:#d1d5db;--color-error:#b91c1c;color:var(--color-text);font-family:system-ui,sans-serif}*,:before,:after{box-sizing:border-box}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0}main{max-width:28rem;margin:0 auto;padding:2rem 1rem}input,button{font:inherit;border-radius:.5rem;width:100%;padding:.75rem 1rem}input{border:1px solid var(--color-border)}button{background:var(--color-primary);color:#fff;border:none;font-weight:600}button:disabled{opacity:.6}button.secondary{color:var(--color-primary);background:0 0}