:root{--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-family:var(--font-family);--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fs-title: 18px;--fs-btn: 16px;--fs-primary-val: 17px;--fs-body: 14.5px;--fs-label: 13px;--fs-caption: 12px;--fs-hero: 56px;--fs-keypad: 26px;--lh-tight: 1.15;--lh-normal: 1.45;--lh-relaxed: 1.6;--ls-tight: -.02em;--ls-normal: -.01em;--ls-wide: .02em;--bg: #0F1018;--surface: #1D2030;--surface-hover: #252A3E;--pill-bg: #181B27;--pill-hover: #222638;--nav-btn-bg: #1B1E2E;--primary: #483BFF;--primary-hover: #5A4EFF;--primary-active: #3C2FE8;--primary-disabled: #1D2030;--primary-disabled-text: #5E6278;--text: #F7F7FA;--text-muted: #999CAB;--text-dim: #606478;--border: #2B3043;--error: #FF4D4F;--success: #22B879;--success-bg: rgba(34, 184, 121, .14);--safe-bottom: env(safe-area-inset-bottom, 16px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}body{margin:0;background-color:var(--bg);color:var(--text);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}#root{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.mobile-container{position:relative;width:100%;max-width:430px;height:100vh;max-height:920px;background-color:var(--bg);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 60px #000c,0 0 0 1px var(--border)}@media (min-width: 500px){.mobile-container{border-radius:40px;height:90vh}}.screen{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg);will-change:transform,opacity}.screen.slide-forward{animation:slideInFromRight .28s cubic-bezier(.16,1,.3,1) forwards}.screen.slide-backward{animation:slideInFromLeft .28s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:.85}to{transform:translate(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:.85}to{transform:translate(0);opacity:1}}.app-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:12px 20px 4px;flex-shrink:0}.app-header.header-center-only{justify-content:center}.header-title{font-size:var(--fs-title);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--text);text-align:center}.round-nav-btn{width:40px;height:40px;border-radius:50%;background:var(--nav-btn-bg);border:1px solid var(--border);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .1s}.round-nav-btn:active{transform:scale(.93);background:var(--surface-hover)}.header-placeholder{width:40px;height:40px}.screen-content{flex:1;padding:12px 20px;overflow-y:auto;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.screen-content::-webkit-scrollbar{display:none}.screen-footer{padding:14px 20px calc(var(--safe-bottom) + 8px) 20px;background:linear-gradient(180deg,rgba(15,16,24,0) 0%,var(--bg) 45%);flex-shrink:0}.primary-action-btn{width:100%;height:54px;border-radius:9999px;background-color:var(--primary);color:var(--text);font-family:inherit;font-size:var(--fs-btn);font-weight:var(--fw-bold);letter-spacing:var(--ls-normal);line-height:1;border:none;cursor:pointer;transition:background .15s ease,transform .1s ease;box-shadow:0 8px 24px #483bff4d}.primary-action-btn:active:not(:disabled){transform:scale(.98);background-color:var(--primary-active)}.primary-action-btn:disabled{background-color:var(--primary-disabled);color:var(--primary-disabled-text);box-shadow:none;cursor:not-allowed}.input-card{background-color:var(--surface);border:1px solid var(--border);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:16px}.address-textarea{width:100%;background:transparent;border:none;outline:none;color:var(--text);font-family:inherit;font-size:var(--fs-body);font-weight:var(--fw-medium);line-height:var(--lh-normal);letter-spacing:var(--ls-normal);resize:none;word-break:break-all;overflow-wrap:anywhere}.address-textarea::placeholder{color:var(--text-dim);font-weight:var(--fw-regular)}.input-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.network-chip-btn{background-color:var(--pill-bg);border:1px solid var(--border);border-radius:9999px;padding:6px 12px;display:flex;align-items:center;gap:8px;color:var(--text);font-family:inherit;font-size:var(--fs-label);font-weight:var(--fw-semibold);letter-spacing:var(--ls-normal);cursor:pointer;transition:background .15s,transform .1s}.network-chip-btn:hover{background-color:var(--pill-hover)}.network-chip-btn:active{transform:scale(.96)}.chip-icon{width:18px;height:18px;border-radius:4px;object-fit:contain}.chevron-icon{color:var(--text-muted)}.clear-btn{background-color:var(--pill-bg);border:1px solid var(--border);border-radius:9999px;padding:6px 14px;color:var(--text);font-family:inherit;font-size:var(--fs-label);font-weight:var(--fw-semibold);cursor:pointer;transition:background .15s}.clear-btn:hover{background-color:var(--pill-hover)}.address-book-section{margin-top:24px}.section-link-title{display:flex;align-items:center;gap:6px;color:var(--text);font-size:var(--fs-btn);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);margin-bottom:14px;cursor:pointer}.address-list{display:flex;flex-direction:column;gap:6px}.address-item{display:flex;align-items:center;gap:14px;padding:12px 10px;border-radius:14px;cursor:pointer;transition:background-color .15s}.address-item:hover,.address-item:active{background-color:#ffffff0a}.address-item-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background-color:#1a1e2b;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-img{width:100%;height:100%;object-fit:cover}.address-item-info{display:flex;flex-direction:column;gap:3px;overflow:hidden}.address-item-name{font-size:var(--fs-body);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight);color:var(--text)}.address-item-hash{font-size:var(--fs-caption);font-weight:var(--fw-regular);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.network-list{display:flex;flex-direction:column;gap:2px;margin-top:8px}.network-item{display:flex;align-items:center;justify-content:space-between;padding:14px 12px;border-radius:14px;cursor:pointer;transition:background-color .15s ease}.network-item:hover,.network-item:active{background-color:#ffffff0a}.network-item-left{display:flex;align-items:center;gap:16px}.network-item-icon{width:36px;height:36px;border-radius:8px;object-fit:contain}.network-item-name{font-size:var(--fs-body);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight);color:var(--text)}.network-check-icon{color:var(--primary)}.amount-content{justify-content:space-between;padding-bottom:6px}.amount-to-recipient{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:var(--fs-label);font-weight:var(--fw-regular);margin-top:4px}.to-label{color:var(--text-muted);font-weight:var(--fw-regular)}.to-address{color:var(--text-muted);font-weight:var(--fw-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.amount-error-banner{text-align:center;color:var(--error);font-size:var(--fs-label);font-weight:var(--fw-medium);margin-top:14px;min-height:20px;opacity:0;transition:opacity .2s ease}.amount-error-banner.visible{opacity:1}.amount-hero-display{text-align:center;margin:10px 0 16px}.amount-large-num{font-size:var(--fs-hero);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:#3c4258;transition:color .15s ease}.amount-large-num.has-value{color:var(--text)}.fiat-conversion{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:var(--fs-body);font-weight:var(--fw-medium);margin-top:6px}.swap-currency-btn{background:transparent;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:2px 4px}.token-balance-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:0 4px}.token-brand{display:flex;align-items:center;gap:12px}.token-icon-wrapper{position:relative;width:40px;height:40px}.token-main-icon{width:40px;height:40px;border-radius:50%;object-fit:cover}.token-sub-badge{position:absolute;right:-2px;bottom:-2px;width:15px;height:15px;border-radius:50%;background-color:#000;border:1.5px solid var(--bg)}.token-meta{display:flex;flex-direction:column}.token-balance-crypto{font-size:var(--fs-body);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight);color:var(--text)}.token-balance-fiat{font-size:var(--fs-caption);font-weight:var(--fw-regular);color:var(--text-muted)}.max-badge-btn{background-color:var(--surface);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:var(--fs-label);font-weight:var(--fw-bold);border-radius:9999px;padding:8px 18px;cursor:pointer;transition:background .15s,transform .1s}.max-badge-btn:hover{background-color:var(--surface-hover)}.max-badge-btn:active{transform:scale(.95)}.keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);row-gap:6px;column-gap:12px;margin-top:auto}.key-btn{height:60px;background:transparent!important;background-color:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;border-radius:0!important;color:var(--text);font-family:inherit;font-size:var(--fs-keypad);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .1s ease,transform .08s ease;-webkit-tap-highlight-color:transparent!important}.key-btn:hover,.key-btn:focus,.key-btn:focus-visible,.key-btn:active{background:transparent!important;background-color:transparent!important;outline:none!important;box-shadow:none!important;border:none!important}.key-btn:active{opacity:.45;transform:scale(.95)}.key-backspace{color:var(--text)}.review-content{gap:18px}.review-block{display:flex;flex-direction:column;gap:8px}.review-block-label{font-size:var(--fs-label);font-weight:var(--fw-medium);letter-spacing:var(--ls-normal);color:var(--text-muted);padding-left:2px}.review-card{background-color:var(--surface);border:1px solid var(--border);border-radius:18px;padding:16px}.token-summary-card{display:flex;align-items:center;gap:14px}.review-amount-text-wrap{display:flex;flex-direction:column;gap:2px}.review-crypto-amount{font-size:var(--fs-primary-val);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);color:var(--text)}.review-fiat-amount{font-size:var(--fs-label);font-weight:var(--fw-regular);color:var(--text-muted)}.details-card{display:flex;flex-direction:column;gap:16px}.detail-row{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:var(--fs-caption);color:var(--text-muted);font-weight:var(--fw-regular)}.detail-value{font-size:var(--fs-body);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight);color:var(--text)}.detail-value.address-break{word-break:break-all;overflow-wrap:anywhere;font-size:var(--fs-label);font-weight:var(--fw-medium);line-height:var(--lh-normal)}.network-val-pill{display:inline-flex;align-items:center;gap:8px}.tiny-network-icon{width:18px;height:18px;border-radius:4px;object-fit:contain}.fee-header-row{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.fee-label-with-icon{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:var(--fs-label);font-weight:var(--fw-medium)}.sponsored-badge{display:inline-flex;align-items:center;gap:4px;background-color:var(--success-bg);color:var(--success);font-size:11px;font-weight:var(--fw-bold);letter-spacing:.02em;padding:3px 8px;border-radius:9999px}.sponsored-icon{font-size:10px;border:1px solid var(--success);border-radius:50%;width:13px;height:13px;display:inline-flex;align-items:center;justify-content:center}.fee-card{display:flex;align-items:center;justify-content:space-between}.fee-left{display:flex;align-items:center;gap:10px;font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--text)}.fee-right{text-align:right}.fee-fiat{font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--text)}.fee-crypto{font-size:var(--fs-caption);font-weight:var(--fw-regular);color:var(--text-muted)}.toast-notification{position:absolute;bottom:90px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:var(--fs-body);font-weight:var(--fw-semibold);padding:10px 20px;border-radius:9999px;box-shadow:0 10px 30px #00000080;animation:popToast .2s ease-out;z-index:100}@keyframes popToast{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}
