:root{--gold: #fdef02;--gold-soft: #fef44f;--bg: #080808;--surface: rgba(20, 20, 20, .92);--surface-strong: rgba(12, 12, 12, .98);--surface-soft: rgba(255, 255, 255, .03);--border: rgba(255, 255, 255, .08);--border-gold: rgba(253, 239, 2, .55);--text: #f4f4f4;--muted: #8f939d;--danger: #ff4d4d;--success: #4dff91}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:JetBrains Mono,Courier New,monospace;font-size:12px;line-height:1.4;color:var(--text);background:var(--bg);min-height:100vh;text-transform:uppercase;letter-spacing:.08em;-webkit-font-smoothing:antialiased}.screen-noise{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");opacity:.06;pointer-events:none;z-index:9999}.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:10px 0;margin-bottom:0;gap:12px;flex-wrap:wrap}.topbar-group{display:flex;align-items:center;gap:10px}.topbar-group--left{flex:1}.topbar-group--center{flex:0 1 auto}.topbar-group--right{flex:1;justify-content:flex-end}.topbar-link{font-size:10px;color:var(--muted);letter-spacing:.14em;cursor:default}.topbar-link--active{color:var(--gold)}.connection-status{display:flex;align-items:center;gap:8px}.header-connect{background:transparent;border:1px solid var(--border-gold);color:var(--gold);font:inherit;font-size:10px;letter-spacing:.12em;padding:6px 14px;cursor:pointer;transition:all .2s}.header-connect:hover{background:#fdef0212;color:var(--gold-soft)}.app-shell{min-height:100vh;padding:10px 18px 40px}.app-frame{width:min(960px,100%);margin:0 auto}.hero{padding:28px 0 22px;text-align:left}.hero-title{margin:0 0 14px;color:var(--gold);font-family:Consolas,Courier New,monospace;font-size:7px;line-height:1;letter-spacing:0;font-weight:400;text-shadow:0 0 18px rgba(253,239,2,.35);white-space:pre;overflow-x:auto;overflow-y:hidden;user-select:none;-webkit-user-select:none;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;font-feature-settings:normal;font-variant-ligatures:none}@media (min-width: 520px){.hero-title{font-size:9px}}@media (min-width: 768px){.hero-title{font-size:11px}}@media (min-width: 1024px){.hero-title{font-size:12px}}.hero-subtitle{font-size:10px;color:var(--muted);letter-spacing:.22em;margin-bottom:10px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:14px}.hero-copy span{font-size:10px;color:var(--muted);letter-spacing:.06em}.hero-copy .hero-copy--highlight{color:var(--gold)}.hero-statusbar{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px}.status-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface-soft);padding:6px 12px;color:var(--muted);font-size:10px;letter-spacing:.12em}.status-chip strong{color:var(--gold);font-weight:700}.status-chip .status-dot-sm{width:6px;height:6px;border-radius:50%;background:var(--muted);flex-shrink:0}.status-chip .status-dot-sm.connected{background:var(--success)}.status-chip .status-dot-sm.error{background:var(--danger)}.wallet-info{display:none;align-items:center;gap:6px}.wallet-address{font-size:10px;color:var(--gold);letter-spacing:.06em}.terminal-card{background:var(--surface);border:1px solid var(--border);margin-bottom:16px}.card-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);background:#ffffff03;color:var(--muted);letter-spacing:.14em;font-size:11px}.card-num{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:var(--gold);color:#090909;font-size:10px;font-weight:700;flex-shrink:0}.card-title{flex:1}.card-header-right{display:flex;align-items:center;gap:8px;margin-left:auto}.card-body{display:flex;flex-direction:column;gap:14px;padding:16px}.terminal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (max-width: 600px){.terminal-grid{grid-template-columns:1fr}}.field-span-2{grid-column:span 2}@media (max-width: 600px){.field-span-2{grid-column:span 1}}.field-group{display:flex;flex-direction:column;gap:6px}.field-label{font-size:10px;color:var(--muted);letter-spacing:.14em}.terminal-select,.terminal-input{width:100%;height:40px;padding:0 12px;border:1px solid var(--border);background:var(--surface-strong);color:var(--text);font:inherit;font-size:11px;letter-spacing:.06em;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color .2s}.terminal-select:focus,.terminal-input:focus{border-color:var(--border-gold)}.terminal-select::placeholder,.terminal-input::placeholder{color:#8f939d80}.terminal-select option,.terminal-select optgroup{background:#111;color:var(--text)}.terminal-input.invalid{border-color:var(--danger)}.terminal-input.valid{border-color:#4dff9180}.custom-token-fields{display:none;flex-direction:column;gap:6px;margin-top:6px}.custom-token-fields.visible{display:flex}.dist-toggle{display:grid;grid-template-columns:1fr 1fr;gap:0}.radio-btn{position:relative}.radio-btn input[type=radio]{position:absolute;opacity:0;pointer-events:none}.radio-btn span{display:block;padding:12px 6px;border:1px solid var(--border);background:var(--surface-strong);color:var(--muted);text-align:center;font:inherit;font-size:10px;letter-spacing:.08em;cursor:pointer;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-btn+.radio-btn span{border-left:none}.radio-btn input:checked+span{background:transparent;border-color:var(--gold);color:var(--gold)}.radio-btn span:hover{color:var(--gold-soft)}.checkbox-row{display:flex;align-items:center;gap:8px}.checkbox-row input[type=checkbox]{width:14px;height:14px;accent-color:var(--gold);cursor:pointer}.checkbox-row label{font-size:10px;color:var(--muted);letter-spacing:.1em;cursor:pointer}.action-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border:1px solid var(--border-gold);background:transparent;color:var(--gold);font:inherit;font-size:10px;letter-spacing:.1em;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s;min-width:120px}.action-btn:hover{background:#fdef0212;border-color:var(--gold-soft);color:var(--gold-soft)}.action-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.action-btn.secondary{border-color:var(--border);color:var(--muted)}.action-btn.secondary:hover{border-color:#fff3;color:var(--text)}.action-btn.full{width:100%}.action-btn.large{padding:14px 20px;font-size:11px}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.btn-row .action-btn{flex:1;min-width:100px}.stat-chip{border:1px solid var(--border);background:var(--surface-soft);padding:6px 12px;font-size:10px;color:var(--muted);letter-spacing:.1em}.stat-chip strong{color:var(--gold);font-weight:700}.table-wrap{overflow-x:auto;border:1px solid var(--border)}.terminal-table{width:100%;border-collapse:collapse;font-size:10px;letter-spacing:.06em}.terminal-table thead tr{background:#fdef020d;border-bottom:1px solid var(--border-gold)}.terminal-table th{padding:10px 12px;text-align:left;color:var(--gold);font-weight:700;white-space:nowrap;letter-spacing:.12em}.terminal-table td{padding:8px 12px;color:var(--text);border-bottom:1px solid rgba(255,255,255,.04);white-space:nowrap}.terminal-table tbody tr:hover{background:#fdef0208}.terminal-table .tx-hash{font-size:9px;color:var(--muted);max-width:160px;overflow:hidden;text-overflow:ellipsis}.terminal-table .status-badge{display:inline-block;padding:2px 8px;font-size:9px;border:1px solid}.terminal-table .status-badge.ok{color:var(--success);border-color:#4dff9166}.terminal-table .status-badge.fail{color:var(--danger);border-color:#ff4d4d66}.terminal-table .status-badge.pending{color:var(--gold);border-color:var(--border-gold)}.status-display{min-height:80px;font-size:11px;color:var(--muted);letter-spacing:.06em}.status-display .status-line{margin-bottom:6px}.status-display .status-line.ok{color:var(--success)}.status-display .status-line.err{color:var(--danger)}.status-display .status-line.info{color:var(--gold)}.summary-overview{font-size:11px;color:var(--muted);letter-spacing:.06em;margin-bottom:12px}.qr-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:none;align-items:center;justify-content:center}.qr-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e0}.qr-modal-content{position:relative;z-index:1;background:#0e0e0e;border:1px solid var(--border-gold);width:min(440px,92vw);display:flex;flex-direction:column}.qr-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.qr-modal-header h3{font-size:11px;color:var(--gold);letter-spacing:.14em;font-weight:700}.qr-close-btn{background:transparent;border:1px solid var(--border);color:var(--muted);font-family:inherit;font-size:14px;width:26px;height:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.qr-close-btn:hover{border-color:var(--border-gold);color:var(--gold)}.qr-modal-body{padding:16px;display:flex;flex-direction:column;gap:14px}.qr-code-container{display:flex;justify-content:center}.qr-code-display{width:240px;height:240px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--surface-strong)}.qr-code-image{width:100%;height:100%;object-fit:contain}.qr-loading{text-align:center;color:var(--muted);font-size:10px}.qr-instructions{font-size:10px;color:var(--muted)}.qr-instructions p{margin-bottom:8px;color:var(--text)}.qr-instructions ol{padding-left:16px}.qr-instructions li{margin-bottom:4px}.qr-status{margin-top:10px;padding:8px 12px;border:1px solid var(--border-gold);background:#fdef020d;color:var(--gold);font-size:10px;letter-spacing:.1em}.qr-modal-footer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border)}.qr-modal-footer .action-btn{flex:1}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 8px}.term-divider{height:1px;background:var(--border);margin:4px 0}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);display:inline-block;flex-shrink:0;animation:blink 2s infinite}.status-dot.connected,.status-dot:not(.connecting):not(.error){background:var(--success)}.status-dot.connecting{background:var(--gold)}.status-dot.error{background:var(--danger)}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.form-control{width:100%;height:40px;padding:0 12px;border:1px solid var(--border);background:var(--surface-strong);color:var(--text);font:inherit;font-size:11px;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color .2s}.form-control:focus{border-color:var(--border-gold)}.form-control::placeholder{color:#8f939d80}.form-control option,.form-control optgroup{background:#111;color:var(--text)}.form-control.invalid{border-color:var(--danger)}.form-control.valid{border-color:#4dff9180}.balance-item{display:flex;flex-direction:column;gap:2px}.balance-label{font-size:9px;color:var(--muted)}.balance-value{font-size:11px;color:var(--gold);font-weight:700}#backend-status,#networkStatus{display:contents}#backend-status .status-text,#networkStatus .status-text{color:var(--gold);font-weight:700}@media (max-width: 480px){.app-shell{padding:8px 12px 32px}body{font-size:11px}.topbar{padding:8px 0;gap:8px}.topbar-group--left{display:none}.topbar-group--center{flex:1}.topbar-group--right{gap:8px}.header-connect{padding:9px 12px;min-height:40px}.hero{padding:18px 0 16px}.hero-subtitle{letter-spacing:.12em}.hero-copy{gap:3px;margin-bottom:10px}.hero-statusbar{gap:6px}.status-chip{padding:5px 8px;font-size:9px}.card-header{padding:10px 12px;font-size:10px}.card-body{padding:12px;gap:12px}.card-header-right{display:none}.action-btn{padding:12px 14px;min-height:44px;min-width:0}.action-btn.large{padding:14px 16px}.btn-row{gap:8px}.terminal-input,.terminal-select,.form-control{height:44px;font-size:12px}.radio-btn span{padding:14px 6px}.table-wrap{-webkit-overflow-scrolling:touch}.table-wrap:after{content:"";display:block;position:sticky;right:0;width:24px;background:linear-gradient(to right,transparent,rgba(8,8,8,.8));pointer-events:none}.qr-modal-content{width:96vw}.qr-code-display{width:200px;height:200px}}@media (min-width: 481px) and (max-width: 600px){.app-shell{padding:10px 14px 36px}.header-connect{min-height:40px}.action-btn{min-height:42px}.terminal-input,.terminal-select,.form-control{height:42px}.card-header-right{display:none}.table-wrap{-webkit-overflow-scrolling:touch}}@media (min-width: 601px) and (max-width: 768px){.app-shell{padding:10px 16px 40px}.stat-chip{padding:4px 8px;font-size:9px}.card-header{font-size:10px;padding:10px 14px}}
