html{color-scheme:dark;font:100%/1.55 system-ui,sans-serif;background:#111320;color:#f3f4fb}
body{margin:0} a{color:#cbb9ff} button,input,textarea{font:inherit}
main,header,footer{box-sizing:border-box;width:min(100% - 2rem,68rem);margin:auto}
header,footer{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 0}
main{padding:2rem 0 3rem} h1{font-size:clamp(2rem,7vw,3.5rem);line-height:1.05}
.card{padding:clamp(1rem,4vw,2rem);border:1px solid #41435b;border-radius:1rem;background:#1b1e31;margin:1rem 0}
form{display:grid;gap:.75rem;max-width:36rem;margin:1rem 0}
label{display:grid;gap:.25rem} input,textarea{box-sizing:border-box;padding:.65rem;border:1px solid #686b84;border-radius:.4rem;background:#111320;color:#fff;width:100%}
button{width:fit-content;padding:.55rem 1rem;border:1px solid #a492e7;border-radius:.4rem;background:#302655;color:#fff;cursor:pointer}
button:disabled{opacity:.55;cursor:default} :focus-visible{outline:3px solid #d7c7ff;outline-offset:3px}
.choices{display:flex;flex-wrap:wrap;gap:.5rem} [hidden]{display:none!important}
.status{min-height:1.5rem;color:#e3d9ff} code,pre{overflow-wrap:anywhere;white-space:pre-wrap}
.table-wrap{overflow:auto} table{border-collapse:collapse;width:100%} td,th{text-align:left;padding:.6rem;border-bottom:1px solid #41435b}