*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial;color:#fff;background:#031008}body{padding:18px 14px;background:radial-gradient(circle at top,#16462a,#04140c 45%,#020805)}button,input{font:inherit}.hide{display:none!important}.page{width:min(820px,100%);margin:auto}header{height:64px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #765c19}.brand{width:42px;height:42px;display:grid;place-items:center;border:2px solid #c79b25;border-radius:50%;color:#ffd34c;font-weight:1000}header b,header small{display:block}header b{color:#ffd34c;font-size:20px}header small{font-size:9px;color:#86a08e}header button{margin-left:auto}.card{margin:35px auto;width:min(390px,100%);border:1px solid #775c19;border-radius:14px;background:#071a10;padding:18px}.card h1{color:#ffd34b}.card input,.modal input{width:100%;height:43px;margin:6px 0;border:1px solid #4b654c;border-radius:9px;background:#031109;color:#fff;padding:0 10px}.card button,.item button,.identity button,.modal button,header button{border:0;border-radius:8px;background:linear-gradient(#ffd75a,#ae7708);color:#171006;font-weight:1000;padding:10px}.identity{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin:14px 0}.identity div,.notice,.item{border:1px solid #3d5940;border-radius:11px;background:#07190f;padding:11px}.identity small,.identity b{display:block}.identity small{font-size:8px;color:#6cdb89}.identity b{color:#ffd34b;margin-top:3px}.notice{font-size:10px;color:#b0c0b5;line-height:1.5}.item{margin-top:9px;display:grid;grid-template-columns:1.3fr 1fr auto;gap:9px;align-items:center}.item small,.item b{display:block}.item small{font-size:8px;color:#7f9786;margin-top:3px}.item strong{color:#ffd34b}.actions{display:grid;gap:6px}.actions .ack{background:#1f8e47;color:#fff}.modal{position:fixed;inset:0;background:#000c;display:grid;place-items:center;padding:15px}.modal-card{width:min(390px,100%);background:#07180f;border:1px solid #84651a;border-radius:14px;padding:16px}.modal-card label{font-size:9px;color:#8ba08f}.modal-card>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}#toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:#102019;border:1px solid #a57e1d;border-radius:8px;padding:9px 14px;opacity:0}#toast.show{opacity:1}@media(max-width:600px){.identity,.item{grid-template-columns:1fr}.actions{grid-template-columns:1fr 1fr}}
.code-maker{margin:14px 0;border:1px solid #8d6b1b;border-radius:12px;background:linear-gradient(135deg,#0a2013,#171608);padding:13px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.code-maker small,.code-maker b,.generated small,.generated strong,.generated span{display:block}
.code-maker small,.generated small{font-size:8px;color:#77e393}
.code-maker b{font-size:21px;color:#ffd34b;margin-top:3px}
.code-maker>button,.generated button{border:0;border-radius:8px;background:linear-gradient(#ffd75a,#ae7708);color:#171006;font-weight:1000;padding:10px}
.generated{grid-column:1/3;border-top:1px solid #5d4e20;padding-top:10px}
.generated strong{font-size:28px;letter-spacing:2px;color:#fff16a;margin:4px 0}
.generated span{font-size:9px;color:#99aa9e;margin-bottom:8px}
@media(max-width:600px){.code-maker{grid-template-columns:1fr}.generated{grid-column:1}}
