body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f7f7f5;color:#1b1b1b;margin:0}
main{max-width:36rem;margin:0 auto;padding:2rem 1rem}h1{font-weight:500;letter-spacing:-.01em}section{background:#fff;border:1px solid #e3e3df;border-radius:10px;padding:1rem 1.25rem;margin:1rem 0}
label{display:block;margin:.75rem 0}input{display:block;width:100%;box-sizing:border-box;padding:.6rem;font-size:1.05rem;border:1px solid #c9c9c4;border-radius:6px;margin-top:.3rem}
#ucode{text-transform:uppercase;letter-spacing:.15em;font-family:ui-monospace,Menlo,monospace}#handle{font-family:ui-monospace,Menlo,monospace}
button{padding:.6rem 1rem;font-size:1rem;border-radius:6px;border:1px solid #1b1b1b;background:#1b1b1b;color:#fff;cursor:pointer}button.quiet{background:#fff;color:#1b1b1b}button:disabled{opacity:.45;cursor:default}
dt{color:#666;font-size:.85rem;margin-top:.5rem}dd{margin:0;font-weight:500;word-break:break-word}.warn{color:#9a2b00;font-weight:600}.hint{color:#666;font-size:.9rem}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:.5rem 0}.big{font-size:1.6rem;font-weight:600}
table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:.3rem .2rem;border-bottom:1px solid #eee}
li{margin:.4rem 0}li button{margin-left:.5rem;padding:.2rem .6rem;font-size:.85rem}#msg{color:#9a2b00}
@media (prefers-color-scheme:dark){body{background:#141414;color:#eee}section{background:#1e1e1e;border-color:#333}input{background:#111;color:#eee;border-color:#444}
button{background:#eee;color:#111;border-color:#eee}button.quiet{background:#1e1e1e;color:#eee}.warn,#msg{color:#ff9a6b}dt,.hint{color:#aaa}th,td{border-color:#333}}