:root{--primary: #0066f5;--primary-hover: #0052cc;--primary-active: #0040a8;--primary-light: #eef5ff;--primary-glow: rgba(0, 102, 245, .22);--bg-page: #f8fafc;--bg-card: #ffffff;--bg-input: #f8fafc;--bg-input-hover: #f1f5f9;--border: #e2e8f0;--border-subtle: #f1f5f9;--text-main: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-light: #94a3b8;--success: #10b981;--success-light: #ecfdf5;--danger: #ef4444;--danger-light: #fef2f2;--warning: #f59e0b;--warning-light: #fffbeb;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px;--radius-pill: 9999px;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06);--shadow-card: 0 4px 20px -2px rgba(15, 23, 42, .05), 0 1px 3px rgba(15, 23, 42, .03);--shadow-card-elevated: 0 12px 32px -4px rgba(15, 23, 42, .08), 0 4px 12px -2px rgba(15, 23, 42, .03);--shadow-cta: 0 6px 18px var(--primary-glow);--shadow-modal: 0 25px 60px -12px rgba(15, 23, 42, .25)}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-page);background-image:radial-gradient(circle at 50% 0%,#eef5ff,#f8fafc 55%,#f1f5f9);background-attachment:fixed;color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding-bottom:env(safe-area-inset-bottom,0px)}.app-frame{width:100%;min-height:100vh;min-height:100dvh;background-color:transparent;display:flex;flex-direction:column;position:relative}@media(min-width:768px){.app-frame{max-width:1180px;padding:0 24px 32px;box-sizing:border-box}}@media(max-width:767px){.app-frame{max-width:100%;background-color:var(--bg-page);overflow-x:clip}}.header-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;transition:all .2s ease}@media(min-width:768px){.header-bar{background:#ffffffe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:20px;margin:20px 0 24px;padding:12px 20px;box-shadow:var(--shadow-card)}}@media(max-width:767px){html,body{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}body{display:block!important;align-items:stretch!important}#root{width:100%!important;max-width:100vw!important;overflow-x:hidden!important;display:block!important}.app-frame{width:100%!important;max-width:100vw!important;overflow-x:hidden!important;box-sizing:border-box!important}.header-bar{padding:max(12px,env(safe-area-inset-top,0px)) 16px 12px 16px;background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:8px;max-width:100vw;box-sizing:border-box;overflow-x:clip}.header-brand-section{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto;overflow:hidden}.header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.chain-selector-btn{max-width:clamp(100px,44vw,160px);padding:5px 8px;font-size:11px;gap:5px}.chain-selector-btn .network-name-text{max-width:clamp(55px,24vw,95px);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chain-selector-btn .network-env-badge{font-size:9px;padding:1px 4px;display:none!important}}.header-brand-section{display:flex;align-items:center;gap:16px;min-width:0}.brand-logo-group{display:flex;align-items:center;gap:10px;cursor:default;-webkit-user-select:none;user-select:none;text-decoration:none}.brand-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#0066f5,#04c);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0066f540;flex-shrink:0}.brand-text-wrap{display:flex;align-items:center;gap:8px}.brand-title{font-size:18px;font-weight:800;color:var(--text-main);letter-spacing:-.4px}.brand-badge{font-size:10px;font-weight:700;color:#0066f5;background:#eef5ff;border:1px solid #dbeafe;padding:2px 7px;border-radius:var(--radius-pill);letter-spacing:.3px;text-transform:uppercase}@media(max-width:640px){.brand-text-wrap,.brand-logo-group{display:none}}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.network-badge{display:inline-flex;align-items:center;gap:6px;background:var(--warning-light);border:1px solid #fef3c7;color:#b45309;font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--radius-pill);letter-spacing:.5px}.network-badge .dot{width:6px;height:6px;background-color:#f59e0b;border-radius:50%;box-shadow:0 0 8px #f59e0b;flex-shrink:0}.chain-selector-btn{max-width:260px;min-width:0;flex-shrink:1;overflow:hidden;box-sizing:border-box}.chain-selector-btn .network-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex-shrink:1}.chain-selector-btn .network-env-badge{flex-shrink:0;white-space:nowrap}.btn-icon{background:transparent;border:none;cursor:pointer;padding:8px;min-width:44px;min-height:44px;border-radius:50%;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s ease;touch-action:manipulation}.btn-icon:hover{background:var(--bg-input-hover);color:var(--text-main)}.content-area{flex:1;display:flex;flex-direction:column}@media(min-width:768px){.content-area{padding:0}}@media(max-width:767px){.content-area{padding:16px;padding-bottom:max(20px,env(safe-area-inset-bottom,20px));gap:16px;overflow-y:auto;-webkit-overflow-scrolling:touch}}.wallet-home-container{width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:16px}@media(max-width:767px){.wallet-home-container{padding:12px 16px;padding-bottom:max(32px,env(safe-area-inset-bottom,24px))}}.wallet-dashboard-grid{display:flex;flex-direction:column;gap:16px;width:100%}@media(min-width:1024px){.wallet-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:start}}.wallet-col-primary,.wallet-col-secondary{display:flex;flex-direction:column;gap:16px;min-width:0}.onboarding-card{width:100%}@media(min-width:640px){.onboarding-card{max-width:480px;margin:32px auto;background:var(--bg-card);border-radius:var(--radius-xl);padding:36px 32px;border:1px solid var(--border);box-shadow:var(--shadow-card-elevated)}}.testnet-callout{background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-md);padding:10px 14px;display:flex;align-items:center;gap:10px;font-size:12px;color:#92400e;line-height:1.4}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-card);border:1px solid var(--border);transition:all .2s ease}.holding-card{background:linear-gradient(135deg,#0066f5,#0052cc 60%,#003db3);color:#fff;border-radius:var(--radius-lg);padding:24px 22px;box-shadow:0 12px 30px -4px #0066f559;position:relative;overflow:hidden;contain:paint layout;isolation:isolate;backface-visibility:hidden;transform:translateZ(0)}.holding-card.holding-card-tron{background:linear-gradient(135deg,#b91c1c,#dc2626,#ea580c);box-shadow:0 12px 30px -4px #dc262659}.holding-card.holding-card-btc{background:linear-gradient(135deg,#b45309,#f59e0b,#d97706);box-shadow:0 12px 30px -4px #d9770659}.holding-card:after{content:"";position:absolute;top:-50px;right:-50px;width:180px;height:180px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);border-radius:50%;pointer-events:none}.wallet-name-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.wallet-name-tag{font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.address-pill{background:#fff3;color:#fff;padding:4px 10px;border-radius:var(--radius-pill);font-size:12px;font-family:monospace;display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:none;transition:background .2s ease}.address-pill:hover{background:#ffffff52}.balance-title{font-size:12px;color:#ffffffd9;text-transform:uppercase;letter-spacing:.6px;margin:0;font-weight:500}.balance-value{font-size:34px;font-weight:800;margin:4px 0 20px;display:flex;align-items:baseline;gap:6px;letter-spacing:-.5px}.balance-unit{font-size:18px;font-weight:600;color:#ffffffe6}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-card-action{background:#fffffff5;color:#0052cc;border:none;padding:11px 18px;border-radius:var(--radius-pill);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #00000014}.btn-card-action:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #00000024}.asset-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);transition:all .2s cubic-bezier(.16,1,.3,1)}.asset-item:hover{border-color:#cbd5e1;background:#fafcff;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0a}.asset-left{display:flex;align-items:center;gap:12px}.coin-icon{width:40px;height:40px;border-radius:50%;background:#0066f5;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;box-shadow:0 2px 6px #00000014}.asset-symbol{font-size:15px;font-weight:700;color:var(--text-main);margin:0}.asset-network{font-size:12px;color:var(--text-muted);margin:2px 0 0}.asset-right{text-align:right}.asset-amount{font-size:16px;font-weight:700;color:var(--text-main);margin:0}.btn-pill{width:100%;padding:13px 20px;border-radius:var(--radius-pill);border:none;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-cta)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 8px 24px #0066f552}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--primary-light);color:var(--primary)}.btn-secondary:hover:not(:disabled){background:#e2edff}.btn-danger{background:var(--danger-light);color:var(--danger);border:1px solid #fecaca}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;flex-direction:column;transition:opacity .2s ease}@media(min-width:768px){.modal-overlay{justify-content:center;align-items:center;padding:24px}}@media(max-width:767px){.modal-overlay{justify-content:flex-end;align-items:center}}.bottom-sheet{background:var(--bg-card);width:100%;overflow-y:auto;display:flex;flex-direction:column;gap:18px;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media(min-width:768px){.bottom-sheet{max-width:520px;max-height:86vh;border-radius:var(--radius-xl);padding:28px 24px;border:1px solid var(--border);box-shadow:var(--shadow-modal);animation:modalFadeIn .2s cubic-bezier(.16,1,.3,1)}}@media(max-width:767px){.bottom-sheet{border-radius:28px 28px 0 0;padding:24px 20px;padding-bottom:max(24px,env(safe-area-inset-bottom,24px));max-width:100%;max-height:calc(88vh - env(safe-area-inset-bottom,0px));max-height:calc(88dvh - env(safe-area-inset-bottom,0px));box-shadow:0 -10px 40px #0003;animation:slideUp .24s cubic-bezier(.16,1,.3,1)}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sheet-header{display:flex;align-items:center;justify-content:space-between}.sheet-title{font-size:18px;font-weight:700;margin:0}.account-switcher-sheet{max-width:520px}@media(max-width:767px){.account-switcher-sheet{max-width:100%}}.account-item-card{box-sizing:border-box;width:100%}.derivation-path-tag{font-size:10px;background:#64748b14;color:var(--text-muted);padding:1px 5px;border-radius:4px;font-family:monospace;font-weight:600;display:inline-block;max-width:100%;box-sizing:border-box}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:600;color:var(--text-main)}.input-box{width:100%;padding:12px 14px;background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:14px;color:var(--text-main);outline:none;transition:all .2s ease}.input-box:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px var(--primary-glow)}.mnemonic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.mnemonic-chip{background:var(--bg-input);border:1px solid var(--border);padding:10px 8px;border-radius:var(--radius-md);font-size:13px;font-family:monospace;text-align:center;color:var(--text-main);display:flex;align-items:center;justify-content:center;gap:6px}.mnemonic-chip .num{color:var(--text-muted);font-size:11px}.toast{position:fixed;top:24px;left:50%;transform:translate(-50%);background:#0f172a;color:#fff;padding:10px 20px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;z-index:2000;box-shadow:0 10px 30px #00000040;display:flex;align-items:center;gap:8px;animation:modalFadeIn .2s ease}button,input,textarea,[role=button]{touch-action:manipulation}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(max-width:360px){html,body{overflow-x:hidden;max-width:100vw}.app-frame{max-width:100vw;box-sizing:border-box;overflow-x:hidden}.header-bar{padding-left:8px;padding-right:8px;gap:6px}.header-brand-section{min-width:0;flex:1;overflow:hidden}.network-badge{padding:4px 6px;font-size:11px;max-width:145px;gap:4px;overflow:hidden}.network-badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{gap:4px}.btn-icon{min-width:34px;min-height:34px;padding:4px}.content-area{padding:8px;gap:10px}.holding-card{padding:16px 12px;overflow:hidden;box-sizing:border-box;width:100%}.card{padding:14px 12px;overflow:hidden;box-sizing:border-box;width:100%}.testnet-callout{padding:8px 10px;font-size:11px;box-sizing:border-box;width:100%;word-break:break-word}.balance-title{font-size:11px;letter-spacing:.2px;word-break:break-word;white-space:normal}.balance-value{font-size:22px;margin-bottom:12px}.balance-unit{font-size:13px}.action-row{gap:8px}.btn-card-action{padding:8px 10px;font-size:13px;gap:6px;min-height:38px}.bottom-sheet{padding:16px 12px;padding-bottom:max(16px,env(safe-area-inset-bottom,16px));gap:12px}.account-switcher-sheet{padding:12px 8px;padding-bottom:max(12px,env(safe-area-inset-bottom,12px));gap:8px}.account-item-card{padding:8px!important;gap:6px!important}.account-item-avatar{width:30px!important;height:30px!important;font-size:10px!important}.derivation-path-tag{font-size:9px!important;padding:1px 4px!important;letter-spacing:-.2px}.account-switcher-sheet .sheet-title{font-size:15px}.wallet-name-row{margin-bottom:8px}.address-pill{font-size:11px;padding:3px 6px}.asset-item{padding:10px}.coin-icon{width:32px;height:32px;font-size:12px}}
