@import "https://fonts.googleapis.com/css2?family=Geist+Variable:wght@300;400;500;600;700&display=swap";:root{--bg:oklch(11.8% .014 284);--surface:oklch(15.5% .014 284);--surface2:oklch(17.5% .016 284);--border:oklch(25% .015 284);--text:oklch(88% .01 250);--text2:oklch(60% .01 250);--lime:oklch(77% .14 140);--lime-dim:oklch(77% .14 140/.15);--red:oklch(65% .2 25);--red-dim:oklch(65% .2 25/.15);--green:oklch(72% .16 155);--green-dim:oklch(72% .16 155/.15);--yellow:oklch(82% .14 85)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Geist Variable,system-ui,-apple-system,sans-serif;font-size:13px;line-height:1.5}.app{max-width:960px;margin:0 auto;padding:24px 16px}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.header h1{letter-spacing:-.02em;color:var(--lime);font-size:18px;font-weight:600}.header-sub{color:var(--text2);margin-left:8px;font-size:12px}.header-left{align-items:baseline;gap:4px;display:flex}.header-right{align-items:center;gap:8px;display:flex}.token-select{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:12px}.token-select:focus{outline:1px solid var(--lime)}.btn-primary{background:var(--lime);color:var(--bg);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:500;display:flex}.btn-primary:disabled{opacity:.6;cursor:wait}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.stats-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:20px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 14px}.stat-card.accent{border-color:var(--lime);background:var(--lime-dim)}.stat-label{color:var(--text2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px}.stat-value{letter-spacing:-.02em;font-size:18px;font-weight:600}.stat-value.green{color:var(--green)}.stat-value.red{color:var(--red)}.stat-sub{color:var(--text2);margin-top:2px;font-size:11px}.section{margin-bottom:24px}.section h2{color:var(--text2);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:500;display:flex}.count{background:var(--surface2);color:var(--text2);border-radius:4px;padding:1px 6px;font-size:11px;font-weight:400}.positions-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.pos-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.pos-card.danger{border-color:var(--red);background:var(--red-dim)}.pos-header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.pos-token{font-size:14px;font-weight:600}.pos-row{color:var(--text2);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.pos-row.red{color:var(--red)}.pos-row.green{color:var(--green)}.pos-net{border-top:1px solid var(--border);margin-top:4px;padding-top:4px;font-weight:500}.pos-usd{color:var(--text);font-size:11px;font-weight:500}.pos-health{font-size:13px;font-weight:600}.pos-health.green{color:var(--green)}.pos-health.yellow{color:var(--yellow)}.pos-health.red{color:var(--red)}.apr{color:var(--yellow);font-size:10px}.position-bar-section{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px 16px}.pos-bar-header{justify-content:space-between;align-items:baseline;display:flex}.pos-bar-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text2);font-size:10px}.pos-bar-price{letter-spacing:-.01em;font-size:16px;font-weight:600}.pos-bar-price.green{color:var(--green)}.pos-bar-price.red{color:var(--red)}.pos-bar-pnl{font-size:14px;font-weight:600}.pos-bar-pnl.green{color:var(--green)}.pos-bar-pnl.red{color:var(--red)}.pos-bar-track{background:var(--surface2);border-radius:3px;height:6px;margin-top:12px;position:relative;overflow:hidden}.pos-bar-fill{border-radius:3px;min-width:2px;height:100%;transition:width .4s;position:relative}.pos-bar-marker{background:#fff;border-radius:1px;width:2px;height:12px;position:absolute;top:-3px;right:-1px}.pos-bar-zero{background:var(--text2);opacity:.4;width:1px;height:100%;position:absolute;top:0;left:50%}.pos-summary{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:16px;margin-bottom:10px;padding:10px 14px;display:flex}.pos-summary-item{flex-direction:column;gap:2px;display:flex}.pos-summary-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text2);font-size:10px}.pos-summary-value{font-size:16px;font-weight:600}.pos-summary-value.green{color:var(--green)}.pos-summary-value.red{color:var(--red)}.pos-summary-value.yellow{color:var(--yellow)}.trade-row{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:6px;margin-bottom:4px;transition:border-color .15s}.trade-row:hover{border-color:var(--text2)}.trade-row.win{border-left:2px solid var(--green)}.trade-row.loss{border-left:2px solid var(--red)}.trade-row.open{border-left:2px solid var(--yellow)}.trade-main{flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.badge{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.badge.long{background:var(--green-dim);color:var(--green)}.badge.short{background:var(--red-dim);color:var(--red)}.badge.token-badge{color:#ffffff80;background:#84cc1614;font-weight:400}.open-badge{color:var(--yellow);background:#eab30826}.trade-amount{font-weight:500}.trade-price,.trade-prices{color:var(--text2);font-size:12px}.trade-time,.trade-duration{color:var(--text2);font-size:11px}.trade-chevron{color:var(--text2);margin-left:auto}.pnl{font-size:13px;font-weight:600}.pnl.green{color:var(--green)}.pnl.red{color:var(--red)}.trade-detail{border-top:1px solid var(--border);color:var(--text2);gap:3px;padding:8px 12px 10px;font-size:12px;display:grid}.cal-heatmap{gap:2px;padding-bottom:4px;display:flex;overflow-x:auto}.cal-col{flex-direction:column;gap:2px;display:flex}.cal-cell{border-radius:2px;width:10px;min-width:10px;height:10px}.legend{color:var(--text2);gap:12px;margin-top:6px;font-size:11px;display:flex}.legend-loss{color:var(--red)}.legend-win{color:var(--green)}.chart-empty{color:var(--text2);text-align:center;padding:20px;font-size:12px}.loading-state,.empty-state{color:var(--text2);flex-direction:column;align-items:center;gap:12px;padding:48px;display:flex}.error-bar{background:var(--red-dim);color:var(--red);border-radius:6px;align-items:center;gap:6px;margin-bottom:16px;padding:8px 12px;font-size:12px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}