:root{--font-display: "Outfit", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--color-rose-50: #fff1f2;--color-rose-100: #ffe4e6;--color-rose-200: #fecdd3;--color-rose-300: #fda4af;--color-rose-400: #fb7185;--color-rose-500: #f43f5e;--color-pink-50: #fdf2f8;--color-pink-100: #fce7f3;--color-orange-50: #fff7ed;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--shadow-soft: 0 8px 30px rgb(0 0 0 / .04);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .04);font-family:var(--font-body);line-height:1.6;font-weight:400;color:var(--color-slate-700);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh;background:linear-gradient(135deg,var(--color-pink-100) 0%,var(--color-rose-50) 35%,var(--color-orange-50) 100%);background-attachment:fixed}#root{width:100%;min-height:100vh}.appRoot{width:min(480px,calc(100% - 24px));margin:0 auto;padding:20px 0 40px;display:flex;flex-direction:column;gap:16px}.walletHeader{display:flex;align-items:center;justify-content:center;position:relative;padding:8px 0 16px}.walletTitle{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-slate-900)}.headerActions{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px}.iconBtn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-slate-500);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:color .2s ease}.iconBtn:hover{color:var(--color-slate-700)}.headerBtn{padding:8px 16px;font-size:.8125rem;font-weight:600;color:var(--color-slate-600);background:#ffffffb3;border:1px solid rgba(255,255,255,.8);border-radius:20px;cursor:pointer;transition:all .2s ease}.headerBtn:hover{background:#fff}.balancesCard{position:relative;background:#ffffffb3;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.6);border-radius:24px;padding:28px 24px;box-shadow:var(--shadow-glass)}.copyAddressBtn{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-slate-400);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:color .2s ease}.copyAddressBtn:hover{color:var(--color-slate-600)}.copiedToast{position:absolute;top:16px;right:52px;font-size:.75rem;font-weight:600;color:#15803d;background:#dcfce7;padding:6px 12px;border-radius:8px;animation:fadeInOut 2s ease;white-space:nowrap}@keyframes fadeInOut{0%{opacity:0;transform:translate(8px)}15%{opacity:1;transform:translate(0)}85%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(8px)}}.balancesGrid{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:24px}.balanceItem{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.balanceDivider{width:1px;height:80px;background:linear-gradient(180deg,transparent,var(--color-slate-200),transparent)}.balanceLabel{font-size:.875rem;font-weight:600;color:var(--color-slate-600);text-transform:uppercase;letter-spacing:.02em}.balanceValue{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--color-slate-900);letter-spacing:-.02em}.actionButtons{display:flex;flex-direction:column;gap:12px}.actionBtn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px 24px;font-size:1rem;font-weight:600;font-family:var(--font-body);color:var(--color-slate-700);background:#fff9;border:1px solid var(--color-rose-100);border-radius:9999px;cursor:pointer;transition:all .2s ease}.actionBtn:hover{background:#fff;border-color:var(--color-rose-200);transform:translateY(-1px)}.actionBtnIcon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-slate-900);border-radius:8px;color:#fff}.transactionsCard{background:#fff;border-radius:24px 24px 0 0;padding:24px;min-height:300px;box-shadow:0 -4px 24px #0000000a}.transactionsSection{display:flex;flex-direction:column}.transactionsHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.transactionsTitle{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--color-slate-900)}.transactionsActions{display:flex;align-items:center;gap:4px}.refreshBtn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:var(--color-slate-500);cursor:pointer;transition:color .2s ease}.refreshBtn:hover:not(:disabled){color:var(--color-slate-700)}.refreshBtn:disabled{opacity:.5;cursor:not-allowed}.explorerBtn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:var(--color-slate-500);cursor:pointer;transition:color .2s ease;text-decoration:none}.explorerBtn:hover{color:var(--color-slate-700)}.txList{display:flex;flex-direction:column}.txItem{padding:16px 0;border-bottom:1px solid var(--color-slate-100)}.txItem:last-child{border-bottom:none}.txItemMain{display:flex;align-items:center;justify-content:space-between;gap:12px}.txItemInfo{display:flex;flex-direction:column;gap:2px}.txDate{font-size:.9375rem;font-weight:500;color:var(--color-slate-700)}.txType{font-size:.75rem;color:var(--color-slate-500);text-transform:uppercase;letter-spacing:.02em}.txItemRight{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.txAmount{font-family:var(--font-display);font-size:.9375rem;font-weight:600;color:var(--color-slate-800)}.txStatus{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.txStatusCONFIRMED{color:#15803d}.txStatusFAILED,.txStatusCANCELLED{color:#b91c1c}.txStatusPENDING,.txStatusPROCESSING,.txStatusRETRY{color:#b45309}.txExplorerLink{display:inline-block;margin-top:8px;font-size:.8125rem;color:var(--color-rose-500);text-decoration:none}.txExplorerLink:hover{text-decoration:underline}.txLoadingText,.noTxText{text-align:center;padding:40px 0;color:var(--color-slate-500)}.txPagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-slate-100)}.paginationBtn{padding:8px 16px;font-size:.8125rem;font-weight:600;color:var(--color-slate-600);background:var(--color-slate-50);border:1px solid var(--color-slate-200);border-radius:20px;cursor:pointer;transition:all .2s ease}.paginationBtn:hover:not(:disabled){background:var(--color-slate-100)}.paginationBtn:disabled{opacity:.4;cursor:not-allowed}.paginationInfo{font-size:.8125rem;color:var(--color-slate-500)}.bottomSheetOverlay{position:fixed;inset:0;z-index:100;background:#0006;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bottomSheetContent{width:100%;max-width:480px;max-height:90vh;background:#fff;border-radius:24px 24px 0 0;padding:12px 24px 32px;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottomSheetHandle{width:40px;height:4px;background:var(--color-slate-300);border-radius:2px;margin:0 auto 20px}.bottomSheetTitle{font-family:var(--font-display);font-size:1.375rem;font-weight:600;color:var(--color-slate-900);text-align:center;margin-bottom:24px}.swapModalForm{display:flex;flex-direction:column;gap:16px}.swapInputGroup{background:var(--color-slate-50);border-radius:16px;padding:16px}.swapToGroup{background:#fff;border:1px solid var(--color-slate-200)}.swapInputHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.swapInputLabel{font-size:.8125rem;color:var(--color-slate-500)}.swapTokenBadge{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--color-slate-800)}.swapInputRow{display:flex;align-items:center;gap:12px}.swapAmountInput{flex:1;font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-slate-900);background:transparent;border:none;outline:none;padding:0;min-width:0}.swapAmountInput::placeholder{color:var(--color-slate-400)}.swapQuickButtons{display:flex;gap:8px}.quickBtn{padding:6px 14px;font-size:.8125rem;font-weight:600;color:var(--color-slate-600);background:#fff;border:1px solid var(--color-slate-200);border-radius:20px;cursor:pointer;transition:all .15s ease}.quickBtn:hover{background:var(--color-slate-100)}.swapEstimate{font-family:var(--font-display);font-size:1.25rem;font-weight:500;color:var(--color-slate-400)}.swapFeeNote{font-size:.8125rem;color:var(--color-slate-500);text-align:center}.swapSubmitBtn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px;font-size:1rem;font-weight:600;color:var(--color-slate-400);background:var(--color-slate-100);border:1px solid var(--color-slate-200);border-radius:9999px;cursor:pointer;transition:all .2s ease;margin-top:8px}.swapSubmitBtn:not(:disabled){color:var(--color-slate-700);background:var(--color-slate-50)}.swapSubmitBtn:not(:disabled):hover{background:var(--color-slate-100)}.swapSubmitBtn:disabled{cursor:not-allowed}.swapBtnArrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border-radius:50%;font-size:1.25rem;box-shadow:0 2px 8px #00000014}.withdrawIconCenter{display:flex;justify-content:center;margin-bottom:16px}.addressInputRow{display:flex;align-items:center;gap:12px}.addressInput{flex:1;font-size:.9375rem;color:var(--color-slate-700);background:transparent;border:none;outline:none;padding:8px 0}.addressInput::placeholder{color:var(--color-slate-400)}.pasteBtn{padding:8px 16px;font-size:.8125rem;font-weight:600;color:var(--color-slate-700);background:#fff;border:1px solid var(--color-slate-200);border-radius:20px;cursor:pointer;transition:all .15s ease}.pasteBtn:hover{background:var(--color-slate-50)}.successToast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:200;padding:12px 24px;font-size:.9375rem;font-weight:500;color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:12px;box-shadow:0 4px 12px #0000001a;animation:toastSlide .3s ease}@keyframes toastSlide{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.modeIndicator{position:fixed;bottom:20px;left:20px;z-index:1000;padding:10px 16px;font-size:.75rem;font-weight:600;color:var(--color-slate-600);background:#ffffffe6;border:1px solid var(--color-rose-100);border-radius:9999px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.loginModalOverlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#ffffff4d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:24px}.loginModalContent{width:100%;max-width:420px;background:#ffffffd9;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.7);border-radius:32px;padding:40px 36px;box-shadow:0 24px 48px #00000014;text-align:center;animation:modalSlideIn .4s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.loginTitle{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--color-slate-900);margin-bottom:8px}.loginSubtitle{font-size:.9375rem;color:var(--color-slate-500);margin-bottom:32px}.hueCoinWrapper{position:relative;display:flex;align-items:center;justify-content:center;padding:16px;margin-bottom:8px}.hueCoinRing{position:absolute;border-radius:50%;border:1px solid rgba(251,113,133,.2);animation:pulse 3s ease-in-out infinite}.hueCoinRing1{width:140px;height:140px}.hueCoinRing2{width:180px;height:180px;animation-delay:1.5s}.hueCoinSvg{position:relative;z-index:1}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.2}}.authActions{display:flex;flex-direction:column;gap:12px}.btnSecondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;font-size:.9375rem;font-weight:600;font-family:var(--font-body);color:var(--color-slate-700);background:#fff;border:1px solid var(--color-rose-100);border-radius:9999px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.btnSecondary:hover:not(:disabled){background:var(--color-rose-50);transform:translateY(-1px)}.btnSecondary:disabled{opacity:.6;cursor:not-allowed}.formRow{display:flex;flex-direction:column;gap:8px;text-align:left}label{font-size:.8125rem;font-weight:600;color:var(--color-slate-600)}.selectInput{width:100%;padding:14px 18px;font-size:.9375rem;font-family:var(--font-body);color:var(--color-slate-700);background:#ffffffb3;border:1px solid rgba(255,255,255,.8);border-radius:16px;outline:none;cursor:pointer;transition:all .2s ease}.selectInput:focus{border-color:var(--color-rose-300);box-shadow:0 0 0 4px #fb718526}.textMuted{color:var(--color-slate-500);font-size:.9375rem}.errorText{color:#b91c1c;font-size:.875rem;padding:12px 16px;background:#ef44441a;border-radius:12px;text-align:center}@media(max-width:480px){.appRoot{width:100%;padding:16px 16px 32px;gap:12px}.balancesCard{padding:24px 20px;border-radius:20px}.balanceValue{font-size:1.5rem}.actionBtn{padding:14px 20px;font-size:.9375rem}.transactionsCard{padding:20px;border-radius:20px 20px 0 0;margin-left:-16px;margin-right:-16px;width:calc(100% + 32px)}.bottomSheetContent{padding:12px 20px 28px}.loginModalContent{padding:32px 24px;border-radius:24px}}