:root { color-scheme: light dark; font: 16px/1.65 system-ui, sans-serif; --accent:#4338ca; }
body { margin:0; }
main { max-width:32rem; margin:auto; padding:2rem 1.25rem 3rem; }
.brand { font-weight:750; letter-spacing:.14em; }
h1 { margin:.15rem 0 1.5rem; font-size:2rem; line-height:1.2; }
h2 { font-size:1.15rem; }
.card-face { display:grid; justify-items:center; align-content:center; gap:.25rem; min-height:11rem; color:#fff; background:linear-gradient(140deg,#3730a3,#5b49ce); border-radius:1.25rem; }
#emblem { font-size:3.5rem; line-height:1.2; }
#owner { overflow-wrap:anywhere; font-family:ui-monospace,monospace; }
#card { overflow-wrap:anywhere; }
label { display:block; margin-top:.75rem; }
input { box-sizing:border-box; width:100%; min-height:44px; margin:.25rem 0 .75rem; font:inherit; }
#request-panel { margin-top:1.5rem; border-top:1px solid #8887; }
button { min-height:44px; padding:.5rem 1rem; border:0; border-radius:.7rem; background:var(--accent); color:#fff; font:inherit; cursor:pointer; }
button:disabled { opacity:.6; cursor:default; }
.reference strong { font-family:ui-monospace,monospace; letter-spacing:.07em; }