:root{--bg: #0a0e14;--panel: #11161f;--panel-2: #161d29;--border: #232a36;--gold: #d4a73a;--gold-dim: #8a702c;--teal: #2dd4bf;--danger: #e0654f;--text: #e8e3d8;--muted: #6b7280;--radius: 10px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:radial-gradient(ellipse 900px 500px at 50% -10%,rgba(212,167,58,.08),transparent 60%),var(--bg);color:var(--text);font-family:IBM Plex Mono,monospace}#root{display:flex;align-items:flex-start;justify-content:center;padding:48px 20px}.wrap{width:100%;max-width:560px}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:10px;display:flex;align-items:center;gap:8px}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px var(--teal)}h1{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:30px;letter-spacing:-.01em;margin:0 0 6px}.sub{color:var(--muted);font-size:13px;margin:0 0 32px;line-height:1.5}.panel{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-radius:var(--radius);padding:28px;position:relative;overflow:hidden}.panel:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent)}label{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.amount-row{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:8px;background:#0c1119;overflow:hidden;margin-bottom:22px}.amount-row:focus-within{border-color:var(--gold-dim)}input[type=number]{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:IBM Plex Mono,monospace;font-size:20px;padding:14px 16px;width:100%}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.unit{display:flex;align-items:center;padding:0 16px;color:var(--gold);font-size:13px;letter-spacing:.05em;background:#d4a73a0f;border-left:1px solid var(--border)}button{width:100%;border:none;border-radius:8px;padding:15px 18px;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:14px;letter-spacing:.03em;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.btn-generate{background:linear-gradient(180deg,#e6bb52,var(--gold));color:#1a1404;box-shadow:0 4px 18px #d4a73a2e}.btn-generate:hover{transform:translateY(-1px)}.btn-generate:active{transform:translateY(0)}.btn-generate:disabled{opacity:.5;cursor:not-allowed;transform:none}.err{color:var(--danger);font-size:12px;margin:-12px 0 18px;min-height:14px}.hash-block{margin-top:24px;border-top:1px dashed var(--border);padding-top:20px;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hash-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.hash-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.status-chip{font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:20px;border:1px solid var(--teal);color:var(--teal)}.status-chip.status-saved{border-color:var(--gold-dim);color:var(--gold)}.status-chip.status-error{border-color:var(--danger);color:var(--danger)}.hash-display{font-size:14px;line-height:1.7;word-break:break-all;background:#0c1119;border:1px solid var(--border);border-radius:8px;padding:14px 16px;color:var(--gold);letter-spacing:.01em}.hash-display .char{display:inline-block}.hash-display .char.pending{color:var(--muted);opacity:.5}.meta-row{display:flex;justify-content:space-between;margin-top:14px;font-size:11px;color:var(--muted)}.meta-row b{color:var(--text);font-weight:500}.copy-btn{margin-top:14px;background:transparent;border:1px solid var(--border);color:var(--text);font-family:IBM Plex Mono,monospace;font-size:12px;padding:10px 14px}.copy-btn:hover{border-color:var(--gold-dim);color:var(--gold)}.footer-note{margin-top:18px;font-size:11px;color:var(--muted);text-align:center;line-height:1.6}.log{margin-top:28px}.log-title{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.log-item{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:10px 0;border-bottom:1px solid var(--border)}.log-item:last-child{border-bottom:none}.log-hash{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-amount{color:var(--gold);flex-shrink:0}