:root { font-family: ui-sans-serif, system-ui, sans-serif; color: #111827; background: #f3f4f6; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 1rem; }
main { background: white; width: 100%; max-width: 34rem; padding: 2rem; border: 1px solid #e5e7eb; border-radius: .75rem; box-shadow: 0 1px 3px #0001; }
nav { display: flex; justify-content: flex-end; gap: .5rem; }
button, a { font: inherit; }
button { cursor: pointer; padding: .5rem .75rem; background: white; color: #374151; border: 1px solid #d1d5db; border-radius: .375rem; }
button:hover { background: #f9fafb; }
button:focus-visible, a:focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
.brand { font-weight: 700; margin-top: 2rem; }
h1 { font-size: 1.65rem; line-height: 1.25; }
p { line-height: 1.6; color: #4b5563; }
.status { padding: 1rem; background: #f9fafb; border-radius: .375rem; }
a { color: #1d4ed8; }
[hidden] { display: none !important; }