:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #0e1422; color: #edf1f8; }
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 760px; padding: 56px 24px; margin: 0 auto; }
.eyebrow { color: #8db4ff; font-size: .875rem; }
h1 { font-size: clamp(2rem, 6vw, 3rem); line-height: 1.1; }
p { line-height: 1.6; }
.notice, small { color: #b1bdd4; }
#status { border: 1px solid #344565; padding: 14px; border-radius: 8px; min-height: 56px; overflow-wrap: anywhere; }
form { display: grid; gap: 12px; margin: 30px 0; }
input, button { font: inherit; border-radius: 7px; padding: 12px; }
input { width: 100%; border: 1px solid #61769c; background: #182239; color: inherit; }
button { cursor: pointer; border: 1px solid #8db4ff; background: #b6ceff; color: #111b30; font-weight: 600; }
button:disabled { cursor: wait; opacity: .6; }
section > button { background: transparent; color: #c5d8ff; }
:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
ul { list-style: none; padding: 0; }
li { border-bottom: 1px solid #344565; padding: 18px 0; overflow-wrap: anywhere; }
li p { margin: 0 0 8px; white-space: pre-wrap; }
small { display: block; }