:root{color-scheme:dark;font:15px system-ui,-apple-system,Segoe UI,sans-serif;background:#0b1220;color:#e8eef8}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:24px 14px}
h1{font-size:22px;margin:0 0 8px}
h2{font-size:17px;margin:20px 0 8px}
.card{width:min(440px,100%);background:#142136;border:1px solid #29384e;border-radius:15px;padding:20px}
.card.wide{width:min(640px,100%)}
.muted{color:#9eb0c9}
.small{font-size:12px}
.bar{display:flex;justify-content:space-between;align-items:center;gap:8px}
label{display:block;font-size:12px;color:#9eb0c9;margin:14px 0 5px}
input,select{width:100%;border:1px solid #344359;background:#111c2d;color:#eef3fa;border-radius:10px;padding:11px;font:inherit}
button{cursor:pointer;border:0;border-radius:10px;padding:10px 13px;background:#5479ef;color:#fff;font:inherit;margin-top:14px}
button.danger{background:#562e39;color:#ffd7de}
button:disabled{opacity:.45;cursor:not-allowed}
.error{color:#ffb4c0;font-size:13px;margin:6px 0 0}
.row{display:flex;gap:8px;flex-wrap:wrap}
.list{list-style:none;margin:0;padding:0}
.item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #2a3a51}
.item p{margin:3px 0 0;overflow-wrap:anywhere}
.item button{margin:0}
.panel{margin-top:16px;padding:14px;border:1px solid #344359;border-radius:12px;background:#111c2d;text-align:center}
.panel img{background:#fff;padding:8px;border-radius:8px}
.code{font-size:26px;font-weight:700;letter-spacing:3px;margin:10px 0 0}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.stats div{background:#111c2d;border:1px solid #29384e;border-radius:12px;padding:12px}
.stats strong{display:block;font-size:26px}
[hidden]{display:none!important}