:root { color-scheme: light dark; --acc: #1f6feb; --mut: #777; }
* { box-sizing: border-box; }
body { font: 16px/1.5 -apple-system, "Segoe UI", system-ui, sans-serif; margin: 0; padding: 2rem 1rem; display: flex; justify-content: center; }
main { width: 100%; max-width: 34rem; }
h1 { font-size: 1.5rem; } h2 { font-size: 1.1rem; }
.tag { font-size: .7rem; vertical-align: middle; border: 1px solid var(--mut); border-radius: 4px; padding: 1px 6px; color: var(--mut); }
.sub, .note { color: var(--mut); font-size: .9rem; }
.card { border: 1px solid color-mix(in srgb, var(--mut) 40%, transparent); border-radius: 10px; padding: 1.25rem; margin-top: 1rem; }
label { display: block; margin-bottom: .8rem; font-size: .9rem; }
input, select { display: block; width: 100%; margin-top: .25rem; padding: .5rem; border: 1px solid var(--mut); border-radius: 6px; background: transparent; color: inherit; }
.row { display: flex; gap: 1rem; } .row label { flex: 1; }
button { background: var(--acc); color: #fff; border: 0; border-radius: 6px; padding: .6rem 1.1rem; font-size: 1rem; cursor: pointer; }
button:disabled { opacity: .5; cursor: wait; }
.mono { font-family: ui-monospace, monospace; word-break: break-all; font-size: .85rem; }
.hidden { display: none; }
#status { min-height: 1.5em; }