:root{--paper: #ffffff;--ink: #0e0e11;--ink-70: #4a4a55;--ink-45: #8a8a96;--ink-25: #c2c2cc;--rule: #e6e6ec;--wash: #f7f7f9;--tron: #ff060a;--tron-deep: #b8060c;--tron-wash: #fff2f2;--credit: #067a55;--amber: #c07a00;--sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--gap: 20px;--radius: 14px}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}#root{max-width:448px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:max(18px,env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom))}:focus-visible{outline:2px solid var(--tron);outline-offset:2px;border-radius:4px}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:var(--tron-deep);text-decoration-thickness:1px;text-underline-offset:2px}.amount{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"zero" 1;letter-spacing:-.02em;white-space:nowrap}.amount-fraction{color:var(--ink-45);font-weight:400}.amount-sign{margin-right:1px}.amount-unit{margin-left:4px;font-size:.72em;font-weight:500;letter-spacing:.04em;color:var(--ink-45)}.amount-hero{font-size:44px;font-weight:600;letter-spacing:-.045em}.amount-hero .amount-fraction{font-size:30px;letter-spacing:-.03em}.amount-row{font-size:15px;font-weight:600}.amount-row .amount-fraction{font-size:13px}.eyebrow{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-45)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.note{font-size:13px;line-height:1.55;color:var(--ink-70)}.masthead{display:flex;align-items:center;gap:10px;padding-bottom:22px}.mark{width:30px;height:30px;border-radius:8px;background:var(--tron);color:var(--paper);display:grid;place-items:center;font-family:var(--mono);font-weight:600;font-size:15px}.masthead .wordmark{font-size:15px;font-weight:600;letter-spacing:-.015em}.masthead .exit{margin-left:auto;padding:6px 2px 6px 12px;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-45)}.masthead .exit:hover{color:var(--tron-deep)}.sheet{padding-bottom:4px}.sheet .figure{display:flex;align-items:baseline;gap:8px;margin:8px 0 0}.sheet .unit{font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.06em;color:var(--ink-45)}.tabs{display:flex;gap:26px;border-bottom:1px solid var(--rule);margin:26px 0 var(--gap)}.tabs button{position:relative;padding:0 0 11px;font-size:14px;font-weight:500;color:var(--ink-45);transition:color .15s}.tabs button:hover{color:var(--ink-70)}.tabs button[aria-selected=true]{color:var(--ink);font-weight:600}.tabs button[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--tron)}.panel h2{font-size:16px;font-weight:600;letter-spacing:-.01em;margin-bottom:10px}.panel .note{margin-bottom:24px}.field{margin-bottom:16px}.field .label-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:7px}.field label{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-45)}.field input{width:100%;padding:13px 14px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:var(--ink-25)}.field input:focus{border-color:var(--tron);box-shadow:0 0 0 3px var(--tron-wash)}.field input.mono{font-family:var(--mono);font-size:14px;letter-spacing:-.01em}.field .max{font-family:var(--mono);font-size:11px;font-weight:500;color:var(--tron-deep);padding:2px}.btn{width:100%;min-height:50px;border-radius:var(--radius);background:var(--tron);color:var(--paper);font-size:15px;font-weight:600;letter-spacing:-.005em;transition:background .15s,transform .06s}.btn:hover:not(:disabled){background:var(--tron-deep)}.btn:active:not(:disabled){transform:scale(.995)}.btn:disabled{background:var(--wash);color:var(--ink-25);cursor:default}.banner{display:flex;gap:9px;padding:12px 14px;border-radius:12px;font-size:13.5px;line-height:1.45;margin-bottom:16px}.banner:before{font-family:var(--mono);font-weight:600}.banner-error{background:var(--tron-wash);color:var(--tron-deep)}.banner-error:before{content:"!"}.banner-ok{background:#eef8f3;color:var(--credit)}.banner-ok:before{content:"✓"}.testnet{display:flex;align-items:baseline;gap:10px;margin-bottom:18px;padding:12px 14px;border:1px solid var(--tron);border-radius:12px;background:var(--tron-wash);font-size:13px;line-height:1.5;color:var(--tron-deep)}.testnet-tag{padding:3px 7px;border-radius:6px;background:var(--tron);color:#fff;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.qr{display:grid;place-items:center;padding:24px 0 20px}.qr-frame{padding:16px;border:1px solid var(--rule);border-radius:18px}.address{border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden}.address code{display:block;padding:14px 14px 12px;font-family:var(--mono);font-size:13px;line-height:1.6;word-break:break-all;color:var(--ink)}.address button{width:100%;padding:12px;border-top:1px solid var(--rule);background:var(--wash);font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-70);transition:color .15s,background .15s}.address button:hover{background:var(--tron-wash);color:var(--tron-deep)}.warn{display:flex;gap:9px;margin-top:14px;padding:12px 14px;border-left:2px solid var(--tron);background:var(--tron-wash);border-radius:0 10px 10px 0;font-size:12.5px;line-height:1.5;color:var(--ink-70)}.saved-as{font-family:var(--mono);font-size:11px;font-weight:500;color:var(--credit)}.input-wrap{position:relative}.input-wrap input{padding-right:48px}.book-btn{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:var(--ink-45);transition:color .15s,background .15s}.book-btn:hover{color:var(--tron-deep);background:var(--tron-wash)}.overlay{position:fixed;inset:0;z-index:20;background:#0e0e1159;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s ease-out}@keyframes fade{0%{opacity:0}}.sheet{width:100%;max-width:448px;max-height:70dvh;overflow-y:auto;background:var(--paper);border-radius:18px 18px 0 0;padding:16px 18px calc(18px + env(safe-area-inset-bottom));animation:rise .2s cubic-bezier(.2,.7,.3,1)}@keyframes rise{0%{transform:translateY(28px);opacity:0}}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.sheet-head h3{font-size:15px;font-weight:600}.sheet-close{padding:6px 8px;font-size:14px;color:var(--ink-45)}.sheet-close:hover{color:var(--tron-deep)}.sheet-empty{padding:28px 8px;text-align:center;font-size:13.5px;line-height:1.5;color:var(--ink-45)}.contact-row{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--rule)}.contact-row:last-child{border-bottom:none}.contact-pick{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 2px;text-align:left}.contact-pick .name{font-size:14px;font-weight:500}.contact-pick:hover .name{color:var(--tron-deep)}.contact-pick .addr-line{font-family:var(--mono);font-size:11.5px;color:var(--ink-45)}.contact-del{padding:12px 8px;font-size:13px;color:var(--ink-45)}.contact-del:hover{color:var(--tron-deep)}.banner-save{flex-direction:column;align-items:stretch;gap:10px;background:var(--wash);color:var(--ink-70)}.banner-save:before{content:none}.save-contact{display:flex;gap:8px}.save-contact input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--rule);border-radius:12px;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.save-contact input::placeholder{color:var(--ink-25)}.save-contact input:focus{border-color:var(--tron);box-shadow:0 0 0 3px var(--tron-wash)}.save-contact .mini{padding:0 14px;border:1px solid var(--rule);border-radius:12px;background:var(--paper);color:var(--ink-70);font-size:13px;font-weight:600;transition:border-color .15s,color .15s}.save-contact .mini:hover:not(:disabled){border-color:var(--tron);color:var(--tron-deep)}.save-contact .mini:disabled{color:var(--ink-25);cursor:default}.summary{border-top:1px solid var(--rule);margin:4px 0 18px;padding-top:12px}.summary .line{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:4px 0;font-size:13.5px;color:var(--ink-70)}.summary .line.total{margin-top:6px;padding-top:10px;border-top:1px solid var(--rule);color:var(--ink);font-weight:600}.summary .line .amount{color:var(--ink)}.summary .line.total .amount{color:var(--tron-deep)}.summary .line.total .amount-fraction{color:#d4565b}.entry{display:flex;align-items:baseline;gap:12px;padding:15px 2px;border-bottom:1px solid var(--rule)}.entry .body{flex:1;min-width:0}.entry .title{font-size:14px;font-weight:500;letter-spacing:-.005em}.entry .title .addr{font-family:var(--mono);font-size:13px;color:var(--ink-70)}.entry .meta{display:flex;align-items:center;gap:7px;margin-top:4px;font-family:var(--mono);font-size:11px;color:var(--ink-45)}.entry .meta a{color:var(--ink-45);text-decoration:none;border-bottom:1px solid var(--ink-25)}.entry .meta a:hover{color:var(--tron-deep);border-color:var(--tron-deep)}.entry .right{text-align:right;flex-shrink:0}.entry .amount-credit{color:var(--credit)}.entry .amount-credit .amount-fraction{color:#5aab93}.entry .amount-debit{color:var(--tron-deep)}.entry .amount-debit .amount-fraction{color:#d4565b}.entry .fee-note{margin-top:2px;font-family:var(--mono);font-size:11px;color:var(--ink-45)}.stamp{display:inline-block;margin-top:5px;padding:2px 6px;border:1px solid currentColor;border-radius:4px;font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-45)}.stamp-confirmed{color:var(--credit)}.stamp-pending,.stamp-sent{color:var(--amber)}.stamp-failed{color:var(--tron-deep)}.empty{padding:44px 0;text-align:center}.empty .eyebrow{display:block;margin-bottom:8px}.empty p{font-size:13.5px;color:var(--ink-45)}.loading{display:flex;gap:5px;justify-content:center;padding:44px 0}.loading i{width:5px;height:5px;border-radius:50%;background:var(--ink-25);animation:pulse 1.1s ease-in-out infinite}.loading i:nth-child(2){animation-delay:.15s}.loading i:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,60%,to{opacity:.35}30%{opacity:1;background:var(--tron)}}.signin{flex:1;display:flex;flex-direction:column;justify-content:center;padding-bottom:14dvh}.signin .mark{width:52px;height:52px;border-radius:14px;font-size:24px;margin-bottom:24px;background:linear-gradient(135deg,#ff3b3e,var(--tron) 60%,#e00509);box-shadow:0 6px 18px -8px #ff060a66}.signin h1{font-size:38px;font-weight:700;letter-spacing:-.05em;line-height:1.08;margin:8px 0 12px}.signin h1 .dot{color:var(--tron)}.signin .lede{font-size:14.5px;color:var(--ink-70);line-height:1.5;margin-bottom:26px;max-width:34ch}.signin .back{display:block;width:100%;margin-top:14px;padding:8px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-45);text-align:center}.signin .back:hover{color:var(--tron-deep)}.code-input{letter-spacing:.42em!important;font-size:19px!important;text-align:center}.enter{animation:enter .4s cubic-bezier(.2,.7,.3,1) both}.enter-2{animation-delay:.06s}.enter-3{animation-delay:.12s}.enter-4{animation-delay:.18s}@keyframes enter{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
