:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #101827; color: #edf2f7; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; }
main { width: min(92vw, 520px); box-sizing: border-box; padding: 2rem; border: 1px solid #32415b; border-radius: 18px; background: #182235; box-shadow: 0 20px 60px #0005; }
h1 { margin-top: 0; font-size: 1.65rem; }
label { display: block; margin: 1rem 0 .4rem; }
input { box-sizing: border-box; width: 100%; padding: .8rem; border-radius: 8px; border: 1px solid #52627e; background: #0d1523; color: inherit; font: inherit; }
button { margin-top: 1rem; padding: .75rem 1rem; border: 0; border-radius: 8px; background: #4f8cff; color: white; font: inherit; cursor: pointer; }
button[disabled] { opacity: .5; cursor: default; }
.secondary { background: #42516a; margin-left: .5rem; }
.danger { background: #b54655; }
.hidden { display: none; }
.status { min-height: 1.5rem; color: #b8c7dd; }
.link-row { display: flex; gap: .5rem; align-items: end; }
.link-row button { margin-top: 0; white-space: nowrap; }