*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#071218;color:#edf3f5;font-family:Arial,sans-serif}body{display:grid;place-items:center;padding:16px}main{width:100%;display:grid;grid-template-columns:54px 1fr 44px;align-items:center;gap:12px;border:1px solid rgba(217,173,88,.45);border-radius:16px;background:#0d2029;padding:14px;box-shadow:0 18px 44px rgba(0,0,0,.45)}.mark{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:1px solid #d9ad58;color:#efc777;font-weight:900}.copy{min-width:0}.copy small{color:#d9ad58;letter-spacing:.14em;font-weight:800}.copy h1{font-size:16px;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy p{font-size:12px;color:#aebcc1;margin:0}button{width:42px;height:42px;border-radius:50%;border:0;background:#d9ad58;color:#071218;font-size:17px;font-weight:900;cursor:pointer}label{grid-column:1/-1;display:flex;gap:10px;align-items:center;color:#aebcc1;font-size:12px}input{flex:1;accent-color:#d9ad58}