:root{--bg:#0a0b0d;--bg-card:#13151a;--bg-card-hover:#1a1d24;--bg-input:#1a1d24;--bg-row:#0e1015;--border:#2a2d35;--text:#e1e1e6;--text-dim:#8b8d97;--accent:#6366f1;--accent-dim:#6366f126;--green:#22c55e;--green-dim:#22c55e1f;--red:#ef4444;--red-dim:#ef44441f;--yellow:#eab308;--yellow-dim:#eab3081f;--neutral-dim:#ffffff0f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}.app{max-width:960px;margin:0 auto;padding:1.5rem 1rem}header{text-align:center;margin-bottom:1.5rem}header h1{letter-spacing:-.02em;font-size:1.8rem;font-weight:700}.subtitle{color:var(--text-dim);margin-top:.2rem;font-size:.85rem}.input-section{margin-bottom:1rem}.chain-toggles{justify-content:center;gap:1rem;margin-bottom:.5rem;display:flex}.chain-toggle{color:var(--text-dim);cursor:pointer;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.wallet-input{gap:.5rem;display:flex}.wallet-input input{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:10px;outline:none;flex:1;padding:.65rem .9rem;font-family:JetBrains Mono,monospace;font-size:.95rem}.wallet-input input:focus{border-color:var(--accent)}.wallet-input button{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:.65rem 1.2rem;font-size:.95rem;font-weight:600}.wallet-input button:hover:not(:disabled){opacity:.9}.wallet-input button:disabled{opacity:.5;cursor:not-allowed}.error{color:var(--red);text-align:center;margin-top:.5rem;font-size:.85rem}.logs-section{margin-bottom:1rem}.logs-toggle{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:8px;width:100%;padding:.4rem .8rem;font-size:.8rem}.logs-toggle:hover{color:var(--text);border-color:var(--text-dim)}.logs{background:var(--bg-card);border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;max-height:180px;padding:.5rem .8rem;font-family:JetBrains Mono,monospace;font-size:.75rem;overflow-y:auto}.log-line{color:var(--text-dim);padding:.1rem 0}.refresh-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:.8rem;padding:.5rem .8rem;display:flex}.refresh-left{align-items:center;gap:.5rem;display:flex}.refresh-time{color:var(--text-dim);font-size:.78rem}.refresh-spinner{color:var(--accent);animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.refresh-right{align-items:center;gap:.8rem;display:flex}.refresh-btn{background:var(--bg-input);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:7px;padding:.3rem .7rem;font-size:.8rem}.refresh-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.auto-toggle{color:var(--text-dim);cursor:pointer;align-items:center;gap:.3rem;font-size:.78rem;display:flex}.filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.filters select{background:var(--bg-input);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;outline:none;min-width:120px;padding:.5rem .8rem;font-size:.85rem}.filters select:focus{border-color:var(--accent)}.summary{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;margin-bottom:1.5rem;padding:1.2rem}.summary-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.summary-title h2{font-size:1.1rem;font-weight:600}.summary-count{color:var(--text-dim);font-size:.8rem}.summary-grid{grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid}.summary-item{text-align:center}.summary-label{color:var(--text-dim);margin-bottom:.15rem;font-size:.78rem;display:block}.summary-value{font-size:1.1rem;font-weight:600}.summary-value.accent{color:var(--green)}.summary-value.warn{color:var(--red)}.groups{flex-direction:column;gap:.8rem;display:flex}.group-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.group-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}.group-header:hover{background:var(--bg-card-hover)}.group-left{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.group-pair{font-size:1.05rem}.group-count{color:var(--text-dim);font-size:.8rem}.group-right{align-items:center;gap:.8rem;display:flex}.group-stats{align-items:center;gap:.6rem;display:flex}.group-value,.group-expand{color:var(--text-dim);font-size:.9rem}.chain-badge{background:var(--yellow-dim);color:var(--yellow);border-radius:5px;padding:.12rem .45rem;font-size:.7rem;font-weight:600}.fee-badge{color:var(--text-dim);font-size:.8rem}.range-tag{border-radius:5px;padding:.1rem .4rem;font-size:.7rem;font-weight:500}.range-tag.green{background:var(--green-dim);color:var(--green)}.range-tag.red{background:var(--red-dim);color:var(--red)}.group-metrics{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:.5rem;padding:0 1.2rem .8rem;display:grid}.metric{text-align:center}.metric-label{color:var(--text-dim);font-size:.72rem;display:block}.metric-value{font-size:.95rem;font-weight:600}.metric-value.accent{color:var(--green)}.metric-value.warn{color:var(--red)}.group-positions{padding:.3rem 0}.position-row{border-top:1px solid #ffffff0a}.position-row.in-range{border-left:2px solid var(--green)}.position-row.out-range{border-left:2px solid var(--red)}.position-row-header{cursor:pointer;justify-content:space-between;align-items:center;padding:.6rem 1rem;font-size:.85rem;display:flex}.position-row-header:hover{background:#ffffff05}.row-left{align-items:center;gap:.5rem;display:flex}.range-dot{font-size:.6rem}.range-dot.green{color:var(--green)}.range-dot.red{color:var(--red)}.row-id{color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.78rem}.row-ticks{color:var(--text-dim);font-size:.75rem}.row-right{align-items:center;gap:.6rem;display:flex}.row-value{color:var(--text-dim);font-size:.85rem}.row-expand{color:var(--text-dim);font-size:.7rem}.position-details{background:var(--bg-row);padding:.5rem 1.2rem .8rem}.detail-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:.5rem;display:grid}.detail-item{font-size:.78rem}.detail-item span{display:block}.detail-label{color:var(--text-dim);margin-bottom:.1rem;font-size:.72rem;font-weight:500}.detail-summary{color:var(--text-dim);border-top:1px solid #ffffff0d;gap:1rem;padding-top:.4rem;font-size:.78rem;display:flex}.pnl-badge{white-space:nowrap;border-radius:6px;padding:.15rem .5rem;font-size:.85rem;font-weight:700}.pnl-badge.large{padding:.2rem .7rem;font-size:1.1rem}.pnl-positive{color:var(--green);background:var(--green-dim)}.pnl-negative{color:var(--red);background:var(--red-dim)}.pnl-neutral{color:var(--text-dim);background:var(--neutral-dim)}@media (width<=700px){.summary-grid,.group-metrics,.detail-grid{grid-template-columns:repeat(2,1fr)}.group-header{flex-direction:column;align-items:flex-start;gap:.5rem}.group-right{justify-content:space-between;width:100%}.detail-summary{flex-wrap:wrap}.filters{flex-direction:column}.filters select{width:100%}}@media (width<=480px){.wallet-input{flex-direction:column}.position-row-header{flex-direction:column;align-items:flex-start;gap:.3rem}}