:root { color-scheme: dark; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #05070d; color: #e8eefc; font: 16px/1.7 system-ui, "Noto Sans TC", "Microsoft JhengHei", sans-serif; }
main { width: min(560px, calc(100vw - 48px)); padding: 40px 0; }
small { letter-spacing: .18em; color: #8b96b0; font: 12px ui-monospace, Consolas, monospace; }
h1 { margin: 8px 0 20px; font-size: 28px; color: #ffc94d; }
p { margin: 0 0 14px; color: #c3cbe0; }
b { color: #fff; }
.code { margin: 18px 0; padding: 18px 12px; border: 1px solid #ffc94d; background: #120e04; color: #ffe39a; text-align: center; font: 700 26px ui-monospace, Consolas, monospace; letter-spacing: .08em; user-select: all; }
.warn { color: #ffb86b; }
button { padding: 12px 28px; border: 1px solid #ffc94d; background: #ffc94d; color: #120e04; font: 700 16px system-ui, "Noto Sans TC", sans-serif; cursor: pointer; }
form { margin: 18px 0; }
#admin { width: min(1100px, calc(100vw - 48px)); }
main:has(#admin) { width: min(1100px, calc(100vw - 48px)); }
table { width: 100%; border-collapse: collapse; margin-top: 18px; font-size: 14px; }
th, td { padding: 9px 10px; border-bottom: 1px solid #26364b; text-align: left; vertical-align: top; }
th { color: #8b96b0; font-weight: 600; white-space: nowrap; }
td.msg { max-width: 420px; white-space: pre-wrap; word-break: break-word; color: #fff; }
.dim { color: #6f7b93; }