:root{--gray-25: #f9f9f9;--gray-50: #f4f4f4;--gray-100: #e0e0e0;--gray-200: #c2c2c2;--gray-300: #a1a1a1;--gray-400: #858585;--gray-500: #666666;--gray-600: #353535;--gray-700: #242424;--gray-900: #0a0a0a;--white: #ffffff;--blue-500: #0061ff;--blue-800: #007aff;--blue-900: #3e2eff;--red-500: #ef4444;--red-700: #ff6174;--red-900: #e41f37;--spinner-blue: #2196f3;--toast-success-bg: #e6fbee;--toast-warning-bg: #fef1e8;--toast-info-bg: var(--white);--green-500: #00c443;--press: rgb(0 0 0 / .06);--font-sans: "Inter", "Inter Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "PingFang TC", "Apple SD Gothic Neo", "Noto Sans CJK SC", "Noto Sans Thai", Thonburi, system-ui, sans-serif;--fs-20: 20px;--fs-18: 18px;--fs-16: 16px;--fs-15: 15px;--fs-14: 14px;--fs-12: 12px;--fw-400: 400;--fw-500: 500;--fw-600: 600;--fw-700: 700;--sp-2: 2px;--sp-3: 3px;--sp-4: 4px;--sp-5: 5px;--sp-6: 6px;--sp-8: 8px;--sp-12: 12px;--sp-16: 16px;--sp-36: 36px;--r-8: 8px;--r-12: 12px;--r-16: 16px;--r-pill: 999px;--w-shell: 500px;--h-search: 44px;--sz-hit: 44px;--z-sticky: 10;--z-toast: 200;--safe-b: env(safe-area-inset-bottom, 0px);--bar-b: calc(24px + var(--safe-b))}html[data-kb="1"]{--safe-b: 0px;--bar-b: 0px}@font-face{font-family:Inter;src:url(../fonts/inter-latin-vi-var.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0100-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+2000-206F,U+2074,U+20A0-20CF,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local("Helvetica Neue"),local("Roboto"),local("Arial");size-adjust:107%;ascent-override:90%;descent-override:22.4%;line-gap-override:0%}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;height:100%;overflow:hidden}body{margin:0;height:100%;background:var(--gray-50);color:var(--gray-900);font-family:var(--font-sans);font-size:var(--fs-14);font-weight:var(--fw-400);line-height:1.35;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}input,textarea{-webkit-user-select:text;user-select:text;font-size:var(--fs-16);font-family:inherit}button{font:inherit;color:inherit;background:none;border:0;padding:0}button,a,[role=button]{touch-action:manipulation;cursor:pointer}a{color:var(--blue-500);text-decoration:none}img{max-width:100%;display:block}#app{height:100vh;height:100dvh;height:var(--app-vh, 100dvh);max-width:var(--w-shell);margin:0 auto;position:relative;overflow:hidden;background:var(--gray-50)}.scroller{height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:var(--safe-b)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.t-20-600{font-size:var(--fs-20);font-weight:var(--fw-600);line-height:1.21}.t-18-500{font-size:var(--fs-18);font-weight:var(--fw-500);line-height:1.21}.t-16-600{font-size:var(--fs-16);font-weight:var(--fw-600);line-height:1.25}.t-16-500{font-size:var(--fs-16);font-weight:var(--fw-500);line-height:1.25}.t-16-400{font-size:var(--fs-16);font-weight:var(--fw-400);line-height:1.25}.t-14-600{font-size:var(--fs-14);font-weight:var(--fw-600);line-height:1.3}.t-14-500{font-size:var(--fs-14);font-weight:var(--fw-500);line-height:1.3}.t-14-400{font-size:var(--fs-14);font-weight:var(--fw-400);line-height:1.35}.t-12-400{font-size:var(--fs-12);font-weight:var(--fw-400);line-height:1.35}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.clamp-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.t-14-700{font-size:var(--fs-14);font-weight:var(--fw-700);line-height:1.3}.t-15-600{font-size:var(--fs-15);font-weight:var(--fw-600);line-height:1.3}.t-15-700{font-size:var(--fs-15);font-weight:var(--fw-700)}.t-16-700{font-size:var(--fs-16);font-weight:var(--fw-700)}.btn{display:inline-flex;align-items:center;justify-content:center;position:relative;border-radius:var(--r-pill);white-space:nowrap;flex:none;-webkit-user-select:none;user-select:none}.btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:var(--sz-hit);min-height:var(--sz-hit);width:100%;height:100%}.btn:active{background-color:var(--press)}.btn-link{color:var(--blue-500);font-size:var(--fs-14);font-weight:var(--fw-500);padding:0}.btn-link:active{background:transparent;opacity:.6}.spinner{display:inline-block;border-style:solid;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-host{display:flex;position:absolute;top:0;left:0;right:0;z-index:var(--z-toast);padding:var(--sp-12);flex-direction:column;gap:var(--sp-8);pointer-events:none}.toast{display:flex;align-items:center;text-align:start;gap:var(--sp-12);padding:var(--sp-12);border-radius:var(--r-12);box-shadow:0 4px 16px #0000001f;pointer-events:auto;cursor:pointer;animation:toast-in .3s cubic-bezier(.2,0,.2,1);touch-action:pan-y}.toast[data-leaving=true]{animation:toast-out .2s ease-in forwards}.toast-success{background:var(--toast-success-bg)}.toast-error{background:var(--toast-warning-bg)}.toast-info{background:var(--toast-info-bg)}.toast-text{color:var(--gray-900);flex:1;min-width:0;text-align:start;white-space:pre-line}@keyframes toast-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-out{to{transform:translateY(-100%);opacity:0}}.toast-icon{flex:none;display:block}.err-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-16);height:100%;min-height:240px;padding:var(--sp-16);background:var(--gray-50)}.err-page-action{border:1px solid var(--gray-100);border-radius:var(--r-12);padding:10px 20px;background:transparent;color:var(--gray-900);font-size:var(--fs-14);font-weight:var(--fw-600)}.toast-action{flex:0 0 auto;align-self:center;padding:4px 8px;margin:-4px -4px -4px 0;border-radius:var(--r-8, 8px);color:var(--blue-500);cursor:pointer;white-space:nowrap}.toast-action:active{background:#0061ff14}.nav-host{position:absolute;inset:0;overflow:hidden}.nav-page{position:absolute;inset:0;background:var(--gray-50);--nav-dim: 0;transition:transform .25s cubic-bezier(.4,0,.2,1);will-change:transform}.nav-page:after{content:"";position:absolute;inset:0;background:#000;opacity:var(--nav-dim);pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.nav-enter,.nav-leave-back{transform:translate3d(100%,0,0)}.nav-behind{transform:translate3d(-30%,0,0);--nav-dim: .16}.nav-behind,.nav-leave-back{pointer-events:none}.nav-dragging .nav-page:after{transition:none}@media(prefers-reduced-motion:reduce){.nav-page,.nav-page:after{transition:none}}.nav-lazy{display:flex;align-items:center;justify-content:center;min-height:240px;height:100%;background:var(--gray-50)}.nav-lazy-retry{border:1px solid var(--gray-100);border-radius:12px;padding:10px 20px;background:transparent;color:var(--gray-900);font-size:14px;font-weight:600}.sk{display:block;flex:none;background-image:linear-gradient(90deg,var(--gray-100) 0%,#efefef 45%,#f7f7f7 50%,#efefef 55%,var(--gray-100) 100%);background-color:var(--gray-100);background-size:220% 100%;background-repeat:no-repeat;animation:sk-sweep 1.4s linear infinite}@keyframes sk-sweep{0%{background-position:120% 0}to{background-position:-120% 0}}@media(prefers-reduced-motion:reduce){.sk{animation:none;background-image:none}}.sk-list{padding-bottom:var(--sp-16)}.card{background:var(--white);border-radius:var(--r-12);margin:var(--sp-12);overflow:hidden}.ptr{position:relative;height:100%}.ptr-indicator{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none;transition:opacity .15s linear}.ptr-puck{width:32px;height:32px;border-radius:50%;background:var(--white);box-shadow:0 2px 8px #0000001f;display:flex;align-items:center;justify-content:center;flex:none}.ptr-content{transition:transform .2s cubic-bezier(.4,0,.2,1);will-change:transform}.sheet-scrim{position:absolute;inset:0;z-index:var(--z-sheet, 90);display:flex;align-items:flex-end;background:#00000032}.sheet{width:100%;max-height:90%;overflow-y:auto;background:var(--gray-50);border-radius:var(--r-12) var(--r-12) 0 0;outline:none;touch-action:pan-y;will-change:transform}.sheet-grip{height:20px;padding:6px 0;margin-bottom:-6px;box-sizing:content-box;display:grid;place-items:center;touch-action:none;cursor:grab}.sheet-grip:active{cursor:grabbing}.sheet-grip span{width:40px;height:3px;border-radius:1.5px;background:var(--gray-100)}@media(prefers-reduced-motion:reduce){.sheet-scrim,.sheet{transition:none!important}}.tx-row{position:relative;width:100%;display:flex;align-items:center;gap:var(--sp-8);padding:var(--sp-12);text-align:left}.tx-row:not(:last-child):after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gray-50)}.tx-row:active{background:var(--press)}.tx-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-3)}.tx-row-title{color:var(--gray-900)}.tx-row-date{color:var(--gray-500)}.tx-row-right{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-4)}.tx-row-amount{color:var(--gray-900);white-space:nowrap}.tx-row-amount.is-in{color:var(--tx-green-500)}.tx-type{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--gray-50)}.tx-chip{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--r-12);white-space:nowrap}.tx-chip-pending{color:var(--gray-500);background:rgb(102 102 102 / var(--tx-chip-alpha));gap:var(--sp-4)}.tx-chip-pending .spinner{flex:none}.tx-chip-success{color:var(--tx-green-500);background:rgb(34 197 94 / var(--tx-chip-alpha))}.tx-chip-failed{color:var(--tx-red-700);background:rgb(255 97 116 / var(--tx-chip-alpha))}.home{display:flex;flex-direction:column;height:100%;min-height:0}.home-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 12px;flex:0 0 auto}.home-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--gray-100);border:0;padding:0;flex:0 0 auto;display:block}.home-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.home-qr{width:40px;height:40px;border-radius:50%;border:0;background:var(--gray-100);display:grid;place-items:center;flex:0 0 auto}.segment{width:200px;height:36px;flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:#e6e6e6;border-radius:18px;padding:2px;box-sizing:border-box}.segment button{border:0;background:transparent;border-radius:16px;font-size:14px;font-weight:500;color:var(--gray-900)}.segment button[aria-selected=true]{background:#fff}.home-pager{flex:1 1 auto;min-height:0;overflow:hidden;position:relative}.home-page{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.home-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000005;z-index:var(--z-sticky)}.event-empty{min-height:100%;box-sizing:border-box;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.event-empty img{width:77px;height:97px}.event-empty h2{margin:16px 0 0;font-size:16px;font-weight:700;color:var(--gray-700)}.event-empty p{margin:3px 0 0;font-size:14px;font-weight:400;color:var(--gray-500)}.wallet-tab{padding-bottom:24px}.wallet-tab.is-refreshing{animation:refill-dim .2s ease .4s forwards}.home-pager.is-busy .wallet-tab.is-refreshing{animation:none}@keyframes refill-dim{to{opacity:.72}}@media(prefers-reduced-motion:reduce){.wallet-tab.is-refreshing{animation:none}}.balance-header{min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.balance-label{font-size:14px;font-weight:400;color:var(--gray-500)}.balance-amount{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:0 2px;max-width:100%;padding:0 16px;text-align:center;line-height:1.1}.balance-symbol{font-size:40px;font-weight:600;color:var(--gray-400)}.balance-value{font-size:40px;font-weight:700;color:var(--gray-900);min-width:0;overflow-wrap:anywhere;word-break:break-word}.action-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 12px 16px}.action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;background:var(--white);border-radius:var(--r-12);padding:12px 4px}.action-icon{display:block;width:28px;height:28px}.action-label{font-size:12px;font-weight:600;color:var(--gray-500);text-align:center}.card{background:var(--white);border-radius:12px;margin:0 12px 12px;overflow:hidden}.card-empty{margin:0;padding:24px 16px;text-align:center;font-size:14px;color:var(--gray-500)}.card-empty.tall{height:100px;display:grid;place-items:center;padding:0}.asset-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--gray-50)}.asset-row:last-child{border-bottom:0}.asset-logo{border:0;padding:0;background:transparent;flex:0 0 auto}.asset-logo img{display:block;width:40px;height:40px}.asset-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.asset-name{font-size:var(--fs-16);font-weight:var(--fw-600);color:var(--gray-900)}.asset-rate{font-size:var(--fs-14);font-weight:var(--fw-400);color:var(--gray-500);display:flex;gap:6px}.pct{font-size:var(--fs-12)}.pct.up{color:#0aa06e}.pct.down{color:var(--red-700)}.asset-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:0 1 auto;min-width:0;text-align:right}.asset-fiat{font-size:var(--fs-16);font-weight:var(--fw-600);color:var(--gray-900)}.asset-amount{font-size:var(--fs-14);font-weight:var(--fw-400);color:var(--gray-500)}.tx-amount{font-size:15px;font-weight:600;color:var(--gray-900)}.sk-wallet{padding-bottom:24px}.sk-balance{height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.sk-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 12px 16px}.sk-action{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0}.sk-banner{padding:0 12px 12px}.sk-card{background:var(--white);border-radius:12px;margin:0 12px 12px;overflow:hidden}.sk-card-head{padding:14px 16px 6px}.sk-asset,.sk-tx{display:flex;align-items:center;gap:12px;padding:12px 16px}.sk-asset-divider,.sk-tx-divider{border-bottom:1px solid var(--gray-50)}.sk-asset-body,.sk-tx-body{display:flex;flex-direction:column;gap:6px;flex:1 1 auto}.sk-asset-right,.sk-tx-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.asset-open{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0;border:0;padding:0;background:transparent;font:inherit;color:inherit;text-align:left}.card.tx-card{padding-bottom:0}.tx-card-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--sp-12);border:0;background:transparent;text-align:start;color:var(--gray-900);border-bottom:1px solid var(--gray-50)}.banner-wrap{overflow:hidden}.banner-strip{overflow:hidden;touch-action:pan-y}.banner{touch-action:pan-y}.banner-track{display:flex;width:100%}.banner-slide{flex:0 0 100%;min-width:0}.banner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-12);width:calc(100% - 24px);height:80px;margin:8px var(--sp-12);padding:0 0 0 var(--sp-12);border:0;border-radius:var(--r-12);overflow:hidden;text-align:start;color:var(--white)}.banner-earn{background:linear-gradient(90deg,#6e56ff,#a596ff)}.banner-vesting{background:linear-gradient(90deg,#2e2e2e,#040404)}.banner-body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 auto}.banner-title{color:var(--white);overflow-wrap:anywhere}.banner-cta{display:flex;align-items:center;gap:2px;color:var(--white)}.banner-art{flex:0 0 auto;align-self:flex-end}.banner-art-vesting{position:relative;display:block;flex:0 0 auto;width:163px;height:80px;overflow:hidden}.banner-star{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:banner-star-pulse 2s ease-in-out infinite alternate}@keyframes banner-star-pulse{0%{opacity:.1}to{opacity:1}}@media(prefers-reduced-motion:reduce){.banner-star{animation:none;opacity:1}}.banner-airdrop{position:absolute;right:12px;top:12px}.banner-dots{display:flex;justify-content:center;gap:6px;margin-bottom:6px}.banner-dot{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:var(--gray-300)}.banner-dot.is-on{background:var(--blue-500)}
