:root{color-scheme:dark;font-family:Segoe UI,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0f1c;color:#fafafa}.tx-app{width:100%;max-width:520px;margin:0 auto;min-height:100vh}.tx-header{padding:2.5rem 1.5rem 2rem;background:linear-gradient(135deg,#0052ff,#03c)}.tx-header-content{text-align:center}.tx-logo{display:flex;align-items:center;justify-content:center;gap:.75rem}.tx-logo-icon{color:gold;filter:drop-shadow(0 0 8px rgba(255,215,0,.6));animation:glow 2s infinite}@keyframes glow{50%{filter:drop-shadow(0 0 16px rgba(255,215,0,.9))}}.tx-header h1{font-size:1.6rem;font-weight:900;color:#fff;letter-spacing:2px}.tx-subtitle{color:#fffc;font-size:.85rem;margin-top:.35rem}.tx-builder-badge{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.45rem .85rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tx-builder-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#fff9}.tx-builder-code{font-size:.95rem;font-weight:800;font-family:monospace;color:gold;letter-spacing:.5px}.tx-main{padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.tx-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem}.tx-section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#0052ff}.tx-section-header h2{font-size:1rem;font-weight:700;color:#fff}.tx-connect-container{text-align:center;padding:1.5rem 0}.tx-connect-text{color:#ffffffb3;margin-bottom:1rem;font-size:.95rem}.tx-wallet-info{display:flex;flex-direction:column;gap:.65rem}.tx-wallet-row{display:flex;justify-content:space-between;align-items:center;padding:.65rem .75rem;background:#0000004d;border-radius:8px}.tx-label{color:#fff9;font-size:.85rem}.tx-address{display:flex;align-items:center;gap:.4rem;font-family:monospace;font-size:.9rem;color:#6aa3ff;cursor:pointer}.tx-address:hover{text-decoration:underline}.tx-copy-icon{color:#fff6}.tx-copy-success{color:#0c6}.tx-balance{font-size:1.05rem;font-weight:700;color:#0c6}.tx-chain-btn{padding:.3rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600;border:1px solid rgba(255,255,255,.15);background:transparent;color:#ffffff80;cursor:pointer;transition:all .2s}.tx-chain-btn.active{background:#0052ff;color:#fff;border-color:#0052ff}.tx-chain-btn:hover:not(.active){border-color:#fff6;color:#fff}.tx-chain{font-size:.9rem;font-weight:600;color:#4d9fff}.tx-disconnect-btn{margin-top:.5rem;padding:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff80;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:all .2s}.tx-disconnect-btn:hover{background:#ff44441a;border-color:#ff44444d;color:#f44}.tx-form{display:flex;flex-direction:column;gap:.9rem}.tx-field{display:flex;flex-direction:column;gap:.4rem}.tx-field label{font-size:.8rem;font-weight:600;color:#ffffffb3}.tx-input{width:100%;padding:.8rem;background:#0006;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;font-family:monospace;transition:border .2s,box-shadow .2s}.tx-input:focus{outline:none;border-color:#0052ff;box-shadow:0 0 0 3px #0052ff4d}.tx-input::placeholder{color:#ffffff40}.tx-input:disabled{opacity:.5;cursor:not-allowed}.tx-amount-input{font-size:1.2rem;font-weight:700}.tx-quick-amounts{display:flex;gap:.4rem;margin-top:.3rem}.tx-quick-btn{padding:.4rem .75rem;background:#0052ff26;border:1px solid rgba(0,82,255,.3);border-radius:6px;color:#4d9fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.tx-quick-btn:hover:not(:disabled){background:#0052ff40;border-color:#0052ff}.tx-quick-btn:disabled{opacity:.4;cursor:not-allowed}.tx-attribution{display:flex;align-items:center;gap:.5rem;padding:.65rem;background:#0052ff14;border:1px solid rgba(0,82,255,.25);border-radius:8px;font-size:.78rem;color:#ffffffb3}.tx-attribution strong{color:#4d9fff}.tx-error{display:flex;align-items:center;gap:.5rem;padding:.65rem;background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:8px;font-size:.85rem;color:#f44}.tx-submit-btn{width:100%;padding:.9rem;font-size:.95rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#0052ff,#03c);border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase;letter-spacing:1px;transition:all .25s}.tx-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1a66ff,#04d);transform:translateY(-1px);box-shadow:0 4px 16px #0052ff66}.tx-submit-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.tx-spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tx-success{display:flex;align-items:center;gap:.75rem;padding:.9rem;background:#00cc6614;border:1px solid rgba(0,204,102,.3);border-radius:8px;margin-top:.75rem;color:#0c6}.tx-success-content{flex:1;display:flex;flex-direction:column;gap:.15rem}.tx-success-title{font-size:.95rem;font-weight:700}.tx-explorer-link{display:flex;align-items:center;gap:.3rem;color:#4d9fff;text-decoration:none;font-size:.8rem}.tx-explorer-link:hover{text-decoration:underline}.tx-attr-badge{display:inline-flex;align-items:center;gap:.3rem;margin-top:.2rem;padding:.2rem .5rem;background:#0052ff26;border:1px solid rgba(0,82,255,.3);border-radius:4px;font-size:.7rem;font-weight:600;color:#4d9fff;width:fit-content}.tx-history-list{display:flex;flex-direction:column;gap:.4rem}.tx-history-item{display:flex;align-items:center;gap:.6rem;padding:.65rem;background:#00000040;border-radius:8px;border-left:3px solid transparent}.tx-history-pending{border-left-color:#fa0}.tx-history-confirmed{border-left-color:#0c6}.tx-history-failed{border-left-color:#f44}.tx-history-pending .tx-history-status{color:#fa0}.tx-history-confirmed .tx-history-status{color:#0c6}.tx-history-failed .tx-history-status{color:#f44}.tx-history-details{flex:1;display:flex;flex-direction:column;gap:.15rem}.tx-history-to{font-family:monospace;font-size:.75rem;color:#fff9}.tx-history-amount{font-weight:700;font-size:.9rem}.tx-history-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.tx-history-time{font-size:.7rem;color:#fff6}.tx-history-link{color:#4d9fff;text-decoration:none;display:inline-flex;align-items:center;gap:.2rem;font-size:.7rem}.tx-history-link:hover{text-decoration:underline}.tx-history-links{display:flex;gap:.5rem;align-items:center}.tx-history-link-attr{color:#0c6}.tx-footer{padding:.75rem 0;border-top:1px solid rgba(255,255,255,.08)}.tx-footer-content{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.75rem;color:#ffffff73;flex-wrap:wrap}.tx-footer-sep{color:#fff3}@media(max-width:540px){.tx-app{max-width:100%}.tx-header h1{font-size:1.3rem;letter-spacing:1px}.tx-main{padding:1rem}}
