:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}body{margin:0}.app{margin:0 auto;max-width:40rem;padding:3rem 1.5rem}h1{font-size:1.5rem;letter-spacing:.2em}.status{font-weight:600}.status--ok{color:#17803d}.status--error{color:#b91c1c}.health{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem}.health dt{font-weight:600}.health dd{margin:0}.app--login{padding-top:6rem;max-width:22rem}.login{display:grid;gap:.35rem}.login h2{font-size:1rem;font-weight:600;margin:0 0 .5rem}.login label{font-weight:600}.login input{font:inherit;padding:.5rem;border:1px solid currentColor;border-radius:.25rem;background:transparent;color:inherit}.login button,.signed-in button{font:inherit;padding:.5rem .75rem;border:1px solid currentColor;border-radius:.25rem;background:transparent;color:inherit;cursor:pointer}.login button{margin-top:.75rem}.login button:disabled,.signed-in button:disabled{cursor:progress;opacity:.6}.signed-in{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:.75rem 1.5rem;border-bottom:1px solid rgb(128 128 128 / .35);font-size:.875rem}