*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#0f1116;color:#e6e8ee;min-height:100vh;display:flex;align-items:center;justify-content:center}main{width:100%;max-width:640px;padding:2rem}h1{font-size:1.6rem;margin-bottom:1.5rem}.card{background:#181b23;border:1px solid #262a35;border-radius:12px;padding:1.5rem;margin-bottom:1rem}.field{margin-bottom:1.25rem}.field:last-child{margin-bottom:0}.field label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#8b93a7;margin-bottom:.4rem}.value-row{display:flex;gap:.5rem;align-items:center}.value-row code{flex:1 1;background:#0f1116;border:1px solid #262a35;border-radius:8px;padding:.6rem .8rem;overflow-x:auto}.value-row code,button{font-size:.9rem;white-space:nowrap}button{background:#5865f2;color:#fff;border:none;border-radius:8px;padding:.6rem 1rem;cursor:pointer}button:hover{background:#4752c4}button.secondary{background:#262a35}button.secondary:hover{background:#323847}button.danger{background:#3a2329;color:#ff8080}button.danger:hover{background:#4d2c34}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.topbar h1{margin-bottom:0}.hint{font-size:.85rem;color:#8b93a7;margin-top:.5rem}.center{text-align:center}.center p{color:#8b93a7;margin-bottom:1.5rem}