*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}body{background:#e8eaf0}.wallet-body{min-height:100dvh;display:flex;justify-content:center;align-items:center;padding:14px}.wallet-app{--bg:#252036;--surface:#302b43;--soft:#39314f;--ink:#f4f1ff;--muted:#aaa1c3;--line:#ffffff12;--accent:#a78aff;--up:#8cd6b6;position:relative;background:var(--bg);color:var(--ink);width:min(470px,100%);height:min(920px,calc(var(--wallet-vh,100dvh) - 28px));border-radius:24px;overflow:hidden;box-shadow:0 18px 60px #18203529}
.wallet-app.light{--bg:#fafbff;--surface:#fff;--soft:#eff1fb;--ink:#20243b;--muted:#8a8da3;--line:#e9ebf4;--accent:#5546df;--up:#199a77}.wallet-app.dark{--bg:#22252b;--surface:#2a2e35;--soft:#31363e;--ink:#f5f5f5;--muted:#969da8;--line:#ffffff0d;--accent:#f1c75b;--up:#67c9a1}
button{color:inherit}.wallet-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:0 22px calc(84px + env(safe-area-inset-bottom,0px));scroll-behavior:auto}.wallet-scroll::-webkit-scrollbar{display:none}
.wallet-header{height:66px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.wallet-header a{color:var(--muted);text-decoration:none;display:grid;place-items:center;width:28px;height:34px}.wallet-header h1{font-size:15px;letter-spacing:-.2px;margin:0;font-weight:600}.wallet-header .mode-switch{font-size:10px;width:auto;min-width:38px;padding:6px 8px;border:1px solid var(--line);border-radius:7px;color:var(--accent)}
.wallet-header svg,.wallet-nav svg,.wallet-actions svg{width:20px;height:20px}.wallet-summary{padding:27px 0 17px}.wallet-summary .eyebrow{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px;margin-bottom:10px}.live-dot{height:5px;width:5px;background:var(--up);border-radius:50%}.total-value{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;margin:0;font-size:clamp(32px,10vw,44px);font-weight:650;letter-spacing:-1.8px}.total-value small{font-size:13px;color:var(--muted);letter-spacing:0;font-weight:500}.total-part{white-space:nowrap}.summary-detail{margin-top:9px;font-size:10px;color:var(--muted)}
.chart-block{margin:0 -22px 14px;padding:5px 0 0}.chart-label{display:flex;justify-content:space-between;align-items:center;padding:0 22px;color:var(--muted);font-size:10px}.chart-block svg{width:100%;height:116px;display:block;margin-top:9px}.chart-periods{display:flex;gap:8px;justify-content:center;margin-top:6px}.chart-periods button{font-size:9px;border:0;background:none;padding:5px 10px;color:var(--muted);border-radius:6px}.chart-periods button.active{color:var(--accent);background:var(--soft)}
.stat-strip{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:14px 16px;margin:15px 0}.stat-strip>div+div{padding-left:20px;border-left:1px solid var(--line)}.stat-strip b{display:block;font-size:17px;font-weight:600}.stat-strip span{font-size:9px;color:var(--muted)}
.wallet-actions{display:flex;gap:9px;margin:0 0 21px}.wallet-actions button{border:1px solid var(--line);border-radius:9px;background:var(--soft);padding:10px 7px;font-size:10px;flex:1;display:flex;justify-content:center;align-items:center;gap:7px}.wallet-actions button:first-child{color:var(--accent)}
.asset-chips{display:flex;gap:7px;margin:0 0 22px;overflow:auto;scrollbar-width:none}.asset-chips button{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:20px;padding:6px 10px 6px 5px;background:var(--surface);font-size:10px;white-space:nowrap}.coin{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:#627eea;color:white;font-weight:700;font-size:13px}.coin.usdt{background:#249e83}.coin.btc{background:#f5a329}.coin.eth{background:#6476c5}.coin.sol{background:linear-gradient(145deg,#5ce8c2,#8d5bdf)}.coin.generic{background:var(--soft);color:var(--accent)}
.history-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px}.history-heading h2{font-size:15px;font-weight:600;margin:0}.history-heading span{font-size:10px;color:var(--muted)}.history-filters{display:flex;gap:16px;border-bottom:1px solid var(--line);margin-bottom:13px}.history-filters button{border:0;border-bottom:2px solid transparent;background:none;font-size:10px;padding:0 0 10px;color:var(--muted);white-space:nowrap}.history-filters button.active{color:var(--accent);border-bottom-color:var(--accent)}.search-row{display:flex;gap:7px;margin-bottom:8px}.search-row input,.search-row select{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;height:32px;font-size:10px;min-width:0;padding:0 9px}.search-row input{flex:1;width:0}.search-row select{max-width:94px}.search-row input::placeholder{color:var(--muted)}.day-heading{color:var(--muted);font-size:9px;padding:15px 0 7px}.history-row{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid var(--line);min-width:0;text-align:left;width:100%;background:none;border-top:0;border-left:0;border-right:0}.method-icon{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--soft);color:var(--accent)}.method-icon img{width:26px;height:26px;object-fit:contain;background:#fff;border-radius:6px}.method-icon svg{width:17px;height:17px}.row-copy{flex:1;min-width:0}.row-copy b{display:block;font-size:11px;line-height:1.4;font-weight:500;overflow-wrap:anywhere}.row-copy small{display:block;font-size:9px;line-height:1.5;margin-top:3px;color:var(--muted)}.row-value{flex:none;max-width:46%;text-align:right}.row-value b{display:block;font-size:12px;font-weight:550;overflow-wrap:anywhere}.row-value b small{font-size:9px;color:var(--muted);margin-left:3px;font-weight:400}.row-value>small{display:block;font-size:8px;color:var(--up);margin-top:4px}.network-label{display:inline-block;margin-top:4px;font-size:8px!important;padding:2px 5px;border-radius:4px;background:var(--soft);color:var(--accent)!important}.empty{padding:35px 12px;color:var(--muted);font-size:12px;line-height:1.8;text-align:center}.history-count{font-size:9px;color:var(--muted);padding:14px 0}
.wallet-nav{position:absolute;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:space-around;align-items:center;height:calc(64px + env(safe-area-inset-bottom,0px));padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--line)}.wallet-nav button{background:none;border:0;color:var(--muted);display:flex;align-items:center;flex-direction:column;gap:5px;font-size:9px;flex:1}.wallet-nav button.active{color:var(--accent)}
.wallet-panel{padding:26px 0}.wallet-panel h2{font-size:22px;letter-spacing:-.5px;margin:0 0 8px}.wallet-panel>p{font-size:11px;line-height:1.7;color:var(--muted);margin-bottom:23px}.asset-row,.network-row{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.asset-row .coin{width:34px;height:34px}.asset-row>div,.network-row>div{flex:1}.asset-row b,.network-row b{display:block;font-size:12px;font-weight:550}.asset-row small,.network-row small{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:3px}.asset-row>span,.network-row>span{font-size:11px}.panel-back{border:0;background:none;color:var(--accent);padding:0 0 22px;font-size:11px}
.wallet-dialog{border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);width:calc(100% - 32px);max-width:420px;padding:24px}.wallet-dialog::backdrop{background:#060b1a88}.wallet-dialog h2{font-size:17px;margin:0 0 20px}.wallet-dialog dl{font-size:12px}.wallet-dialog dt{color:var(--muted);font-size:10px;margin-top:16px}.wallet-dialog dd{margin:5px 0 0;overflow-wrap:anywhere}.wallet-dialog button{width:100%;margin-top:20px;border:0;border-radius:8px;background:var(--soft);padding:12px;color:var(--accent)}[hidden]{display:none!important}
.light .wallet-summary{padding-top:30px}.light .total-value{font-size:38px;font-weight:600;letter-spacing:-1.4px}.light .wallet-actions button:first-child{background:#5546df;color:#fff}.light .wallet-actions button{border-radius:20px}.light .wallet-actions{margin-top:4px}.light .stat-strip{background:transparent;border:0;border-radius:0;padding:0;margin:15px 0 24px;grid-template-columns:1fr;gap:10px}.light .stat-strip>div{display:flex;justify-content:space-between;align-items:center}.light .stat-strip>div+div{padding:0;border:0}.light .stat-strip b{font-size:12px;order:2}.light .stat-strip span{font-size:10px}.light .history-row{padding:18px 0}.dark .wallet-summary{border-bottom:1px solid var(--line);padding-bottom:24px}.dark .total-value{font-size:34px;font-weight:500}.dark .wallet-actions{margin-top:19px}.dark .wallet-actions button:first-child{background:var(--accent);color:#282626}.dark .row-value b{color:#e6989c}.dark .stat-strip{padding:15px 0;border:0;background:none}.dark .history-filters{gap:22px}.dark .history-row{padding:17px 0}
@media(max-width:600px){.wallet-body{padding:0;min-height:0;height:var(--wallet-vh,100dvh);overflow:hidden}.wallet-app{width:100%;height:var(--wallet-vh,100dvh);max-height:var(--wallet-vh,100dvh);border-radius:0;box-shadow:none}.wallet-scroll{padding-top:env(safe-area-inset-top,0px)}}
@media(max-width:350px){.wallet-scroll{padding-left:16px;padding-right:16px}.chart-block{margin-left:-16px;margin-right:-16px}.chart-label{padding-inline:16px}.wallet-header{height:58px}.wallet-summary{padding-top:21px}.history-filters{gap:12px}.row-copy b{font-size:10px}.row-value b{font-size:11px}.history-row{gap:7px}.method-icon{width:29px;height:29px}}

#walletRoot{width:100%;display:flex;justify-content:center}
.purple .wallet-header{height:56px}.purple .wallet-summary{padding:19px 0 12px}.purple .chart-block{margin-bottom:9px}.purple .chart-block svg{height:80px;margin-top:7px}.purple .chart-periods{margin-top:3px}.purple .chart-periods button{padding:3px 9px}.purple .stat-strip{padding:10px 14px;margin:10px 0}.purple .wallet-actions{margin-bottom:14px}.purple .wallet-actions button{padding:8px 7px}.purple .asset-chips{margin-bottom:17px}.purple .asset-chips button{padding-top:4px;padding-bottom:4px}