:root{--primary:#33475b;--accent:#e8a33d;--text:#1d2228;--background:#f6f7f9;color:var(--text);background:var(--background);font-family:system-ui,sans-serif}body{margin:0}main{max-width:40rem;margin:0 auto;padding:1rem}h1{color:var(--primary)}button{font:inherit;background:var(--primary);color:#fff;border:0;border-radius:.5rem;min-height:44px;padding:.75rem 1rem}[role=status]{border-left:4px solid var(--accent);padding-left:.5rem}