/* Final UI layer — graphite surfaces and white, readable controls. */
:root{color-scheme:dark;--muted:#c0c6ca}
body{overscroll-behavior-y:none}button,input,select,textarea{touch-action:manipulation}button{transition:background-color .18s,transform .18s,box-shadow .18s}button:active{transform:scale(.97)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #e2e7eb;outline-offset:3px}input,select,textarea,.secondary,.setting-row button{color:#fff!important}input::placeholder,textarea::placeholder{color:#c3c9ce!important;opacity:1}.dialog p,.dialog label,.section-head button,.subtitle,.fine,.setting-row p,.auth-copy p{color:#cbd0d4}.ui-sheet button:not(.close):not(.privacy-small){min-height:44px}.main{animation:page-in .2s ease-out}.balance-chart{display:none}.balance{min-height:255px}.balance h2{font-size:clamp(32px,4vw,49px)}.privacy-small{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;color:#fff!important}.up{color:#57d995!important}.down{color:#ffacaf!important}.modify-bottom{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:14px;color:white!important}.coin:not(.livi):not(.btc):not(.eth):not(.sol):not(.usdt){background:#464d55;color:#fff;font-size:18px}.avatar{background:#484f56;color:#fff}.top-tools{gap:8px}.filter-bar button.active{background:#48525b;color:#fff}.dialog .coin-sub.up{color:#57d995!important}.dialog .coin-sub.down{color:#ffacaf!important}
.ui-chart{background:#1b1e21;border:1px solid #383e44;border-radius:16px;padding:19px;margin-top:20px;overflow:hidden}.chart-heading{display:flex;align-items:center;justify-content:space-between;color:#e8ebed;font-size:14px}.chart-heading small{font-size:12px;color:#b7c0c6}.chart-readout{display:flex;flex-wrap:wrap;gap:7px 18px;align-items:baseline;justify-content:space-between;min-height:45px;margin:10px 0}.chart-readout strong{font-size:23px;font-family:Manrope,sans-serif}.chart-readout span{font-size:12px;color:#c0c7cc}.chart-plot{display:flex;height:150px;gap:9px}.chart-plot svg{flex:1;min-width:0;height:150px;cursor:crosshair;touch-action:pan-y}.chart-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:#c7cdd1;min-width:70px;padding:15px 0}.chart-axis span{white-space:nowrap}.chart-grid{stroke:#4c535a;stroke-width:.5;stroke-dasharray:3 5;fill:none}.chart-line{stroke:#cdd8df;stroke-width:2.5;fill:none;vector-effect:non-scaling-stroke}.chart-fill{fill:#a9b9c411}.chart-crosshair{stroke:#94a2ac;stroke-width:1;stroke-dasharray:2 3}.chart-dot{fill:#e4e9ed;stroke:#263039;stroke-width:2}.chart-scrubber{width:100%;height:20px;margin:6px 0 0;accent-color:#bac4cb;cursor:ew-resize}.chart-dates{display:flex;justify-content:space-between;font-size:12px;color:#c5cbd0;margin:4px 0 14px}.range-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;background:#141719;border-radius:10px;padding:4px}.range-tabs button{padding:9px 5px;border-radius:7px;color:#c2cbd1;font-size:13px;min-height:38px}.range-tabs button.selected{background:#444e57;color:#fff}.chart-private .chart-line,.chart-private .chart-fill,.chart-private .chart-dot,.chart-private .chart-crosshair{visibility:hidden}
.modal{align-items:flex-end!important;padding:0 20px!important}.ui-sheet{width:100%;max-width:570px;border-radius:24px 24px 0 0!important;max-height:92dvh;padding:12px 26px 0!important;overflow:auto;overscroll-behavior:contain;animation:sheet-in .24s cubic-bezier(.2,.7,.25,1);background:#202428!important}.sheet-handle{height:22px;width:64px;margin:auto;cursor:grab;touch-action:none;display:flex;align-items:center;justify-content:center}.sheet-handle:after{content:'';width:40px;height:4px;background:#79838c;border-radius:6px}.ui-sheet header{position:sticky;top:-12px;background:#202428;z-index:3;padding:8px 0 15px;margin:0 0 10px;border-bottom:1px solid #3b4249}.ui-sheet header h2{font-size:22px}.ui-sheet>.primary:last-child,.ui-sheet>.secondary:last-child{margin-bottom:24px}.ui-sheet>p:last-child{padding-bottom:24px}.sheet-footer{position:sticky;bottom:0;z-index:3;display:flex;gap:10px;background:#202428;border-top:1px solid #414950;margin:22px -26px 0;padding:15px 26px calc(20px + env(safe-area-inset-bottom))}.sheet-footer button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:13px 8px;border-radius:11px;font-size:14px;margin:0!important}.sheet-footer .primary{background:#687681!important;color:#fff!important}.asset-search-controls label{margin:12px 0 6px}.asset-search-controls{padding-bottom:15px}.asset-toggles{max-height:38dvh;margin:10px 0 0}.manage-row{display:flex;gap:11px;align-items:center;min-height:76px;border-bottom:1px solid #3b4349;padding:10px 2px}.manage-name{flex:1;min-width:0;display:grid;gap:5px}.manage-name strong{font-size:14px}.manage-name small{font-size:12px;color:#bbc5cd}.favorite-button{font-size:25px;color:#9daab3;min-width:38px;flex-shrink:0}.favorite-button.chosen{color:#fff}.compact-toggle{position:relative;padding:4px!important;margin:0!important;border:0!important;min-width:42px;min-height:44px;display:flex!important}.compact-toggle input{inset:0;width:100%;height:100%;cursor:pointer}.compact-toggle input:focus-visible+i{outline:2px solid #fff;outline-offset:3px}.compact-toggle i{pointer-events:none}.detail-heading{display:flex;align-items:center;gap:12px;margin:15px 0}.detail-heading>.coin{height:47px;width:47px}.detail-heading>div{flex:1;display:grid;gap:5px}.detail-heading span:not(.coin){color:#c1c9cf;font-size:13px}.detail-price{font:600 34px Manrope;margin:15px 0 7px}.detail-price small{font-size:16px;font-weight:400;color:#c2cbd1}.detail-balance{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 0;border-bottom:1px solid #444b52}.detail-balance>div{display:grid;gap:8px}.detail-balance span,.detail-network>span{color:#c4cbd1;font-size:13px}.detail-balance strong{font-size:17px}.detail-network{display:flex;justify-content:space-between;padding:20px 0 0}.detail-actions .icon{width:17px}.receive-heading{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;margin:12px 0}.network-badge{font-size:13px;background:#414b53;padding:7px 14px;border-radius:20px}.qr-frame{display:flex;flex-direction:column;align-items:center;background:#d4d8db;border-radius:22px;padding:13px;margin:24px auto 16px;width:min(100%,282px);color:#20252a}.qr-frame .ui-qr{width:248px;max-width:100%;height:auto;aspect-ratio:1;padding:0;margin:0;border-radius:0;mix-blend-mode:multiply}.qr-frame>span{font-size:11px;margin:7px 0}.address-short{text-align:center;font-family:monospace;font-size:15px}.full-address{margin:14px 0;text-align:center;font-size:13px;color:#d4d9dd}.full-address summary{cursor:pointer;padding:8px}.full-address code{display:block;overflow-wrap:anywhere;padding:10px;user-select:all}.receive-warning{font-size:12px!important;text-align:center;color:#c3cbd1!important}.copied{background:#38604b!important}.tx-row{width:100%;text-align:left;color:#fff;gap:12px;min-height:79px}.tx-row:hover{background:#ffffff06}.tx-title{flex:1}.tx-row .amount{font-size:14px}.status-label{font-size:11px!important;font-weight:500}.status-label.confirmed{color:#95dcb2!important}.status-label.pending{color:#e9ca88!important}.status-label.failed{color:#ffa6ad!important}.status-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.status-filters button{border:1px solid #49525a;border-radius:8px;padding:9px 12px;font-size:13px;color:#d3dbe0}.status-filters button.selected{background:#424d56;color:#fff;border-color:#8c989f}.history-group{margin:24px 0}.history-group>h3{font-size:15px;margin:0 0 11px;color:#e0e5e8}.history-caption{margin-top:18px}.tx-detail-hero{display:flex;align-items:center;flex-direction:column;gap:14px;padding:15px}.tx-detail-hero .tx-icon{width:52px;height:52px}.tx-detail-hero h3{font-size:27px}.status-chip{border-radius:20px;padding:7px 13px;background:#3b4942;color:#c0e4cd;font-size:13px}.status-chip.pending{background:#514932;color:#f2d9a8}.status-chip.failed{background:#51383e;color:#ffc7cd}.detail-list{margin:18px 0}.detail-list>div{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid #3b444b;font-size:14px}.detail-list dt{color:#c9d0d5;flex-shrink:0}.detail-list dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0}.full-width{width:100%}.form-hint{margin-top:12px}.form-error{color:#ffc1c6!important;margin-top:14px!important}.ui-spinner{width:17px;height:17px;border:2px solid #8c989f;border-top-color:white;border-radius:50%;animation:spin .7s linear infinite}.success-mark{margin:30px auto 22px;width:76px;height:76px;display:grid;place-items:center;background:#414e48;border:1px solid #8cad98;border-radius:50%;animation:page-in .4s}.success-mark .icon{height:36px;width:36px}.success-title{text-align:center;font-size:21px;margin-bottom:15px}.success-title+p{text-align:center}#toast{background:#39464e;color:#fff;border:1px solid #65747f;animation:page-in .2s;pointer-events:none;max-width:min(90vw,420px)}
@keyframes sheet-in{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes page-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.modal{padding:0!important}.ui-sheet{max-width:none;max-height:94dvh;padding-left:20px!important;padding-right:20px!important}.sheet-footer{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.ui-chart{padding:14px;margin-top:16px}.chart-heading small{display:block;margin-top:4px}.chart-axis{min-width:62px;font-size:10px}.chart-readout strong{font-size:22px}.chart-readout span{font-size:11px}.chart-plot,.chart-plot svg{height:134px}.balance{min-height:265px}.balance .actions{margin-top:24px}.main{padding-left:16px;padding-right:16px}.page-title h1{font-size:24px}.wallet-selector{max-width:155px}.bottom-nav button{min-width:50px}.detail-price{font-size:30px}.manage-row{gap:8px}.manage-name{min-width:0}.manage-name strong{overflow-wrap:anywhere}.tx-row .amount{font-size:12px}.tx-title{font-size:13px}.detail-list>div{font-size:13px}.chart-dates{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}