.app{flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative}.content{-webkit-overflow-scrolling:touch;flex:1;padding-bottom:70px;overflow:hidden auto}.tab-bar{width:100%;max-width:480px;padding-bottom:env(safe-area-inset-bottom);z-index:100;background:#1a1a1a;border-top:1px solid #2a2a2a;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-bar button{color:#555;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 4px;font-size:11px;transition:color .15s;display:flex}.tab-bar button span:first-child{font-size:20px}.tab-bar button.active{color:#00c896}.header{z-index:10;background:#0f0f0f;padding:16px 16px 8px;position:sticky;top:0}.header h1{font-size:20px;font-weight:700}.header p{color:#888;margin-top:2px;font-size:13px}.card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;margin:8px 16px;padding:14px}.card:active{background:#222}.token-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.token-info{flex:1;min-width:0}.token-name{font-size:15px;font-weight:600}.token-sub{color:#888;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.token-right{text-align:right;flex-shrink:0}.token-price{font-size:15px;font-weight:600}.token-change{margin-top:2px;font-size:12px}.green{color:#00c896}.red{color:#ff4d4d}.gray{color:#888}.badge{text-transform:uppercase;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-block}.badge-eth{color:#7b7fff;background:#3c3fff22;border:1px solid #3c3fff44}.badge-sol{color:#c084fc;background:#9945ff22;border:1px solid #9945ff44}.badge-bsc{color:#f5a623;background:#f5a62322;border:1px solid #f5a62344}.badge-base{color:#4a9eff;background:#0052ff22;border:1px solid #0052ff44}.pnl-row{border-top:1px solid #2a2a2a;gap:16px;margin-top:8px;padding-top:8px;font-size:12px;display:flex}.pnl-item{flex-direction:column;gap:2px;display:flex}.pnl-label{color:#888}.spinner{color:#555;justify-content:center;align-items:center;padding:60px 0;font-size:14px;display:flex}.empty{color:#555;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:60px 20px;display:flex}.empty span:first-child{font-size:40px}.empty p{font-size:14px}.total-card{background:linear-gradient(135deg,#1a2a1a,#1a1a2a);border:1px solid #2a2a2a;border-radius:14px;margin:8px 16px;padding:18px}.total-label{color:#888;font-size:13px}.total-value{margin-top:4px;font-size:32px;font-weight:700}.total-pnl{margin-top:4px;font-size:14px}.input-group{margin:0 16px 12px}.input-group label{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;display:block}.input-group input,.input-group select{color:#fff;-webkit-appearance:none;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:15px}.input-group input:focus,.input-group select:focus{border-color:#00c896}.input-group select option{background:#1a1a1a}.btn{cursor:pointer;border:none;border-radius:12px;width:calc(100% - 32px);margin:0 16px;padding:14px;font-size:16px;font-weight:600;transition:opacity .15s;display:block}.btn:active{opacity:.8}.btn-primary{color:#000;background:#00c896}.btn-secondary{color:#fff;background:#2a2a2a;margin-top:8px}.btn-danger{color:#ff4d4d;background:#ff4d4d22;border:1px solid #ff4d4d44;margin-top:8px}.section-title{color:#555;text-transform:uppercase;letter-spacing:.8px;padding:8px 16px 4px;font-size:12px}.dex-link{color:#4a9eff;align-items:center;gap:4px;margin-top:6px;font-size:11px;text-decoration:none;display:inline-flex}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-font-smoothing:antialiased;overscroll-behavior:none;background:#0f0f0f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root{--bg:#0f0f0f;--bg2:#1a1a1a;--bg3:#242424;--border:#2a2a2a;--green:#00c896;--red:#ff4d4d;--yellow:#f5a623;--blue:#4a9eff;--text:#fff;--text2:#888;--text3:#555}