:root{--up:#e64545;--down:#2fa84f;--bg:#fafafa;--card:#fff;--border:#e5e5e5;--muted:#888;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:#222;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.app{max-width:1000px;margin:0 auto;padding:20px 16px 60px}header{align-items:baseline;gap:12px;margin-bottom:20px;display:flex}header h1{margin:0;font-size:22px}.asof{color:var(--muted);font-size:13px}.spacer{flex:1}.auth-btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;padding:6px 14px;font-size:13px}.auth-btn:hover{background:#f5f5f5}.login-box{background:var(--card);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 14px;display:flex}.login-box input{border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:14px}.login-box button{color:#fff;cursor:pointer;background:#222;border:1px solid #222;border-radius:6px;padding:6px 14px;font-size:13px}.login-box button.ghost{color:#555;border-color:var(--border);background:#fff}.login-error{color:var(--up);font-size:13px}.hint{color:var(--muted);margin:10px 0 0;font-size:13px}.positions.locked{opacity:.85}.error{color:#c0392b;background:#fff0f0;border:1px solid #f5c2c2;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:14px}.cards{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.card-label{color:var(--muted);margin-bottom:6px;font-size:12px}.card-value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.up{color:var(--up)}.down{color:var(--down)}.controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.ranges button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;margin-right:6px;padding:6px 12px;font-size:13px}.ranges button.active{color:#fff;background:#222;border-color:#222}.benchmarks label{cursor:pointer;-webkit-user-select:none;user-select:none;margin-left:14px;font-size:13px}.chart{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:24px;padding:16px}.legend{flex-wrap:wrap;gap:16px;margin-bottom:10px;font-size:13px;display:flex}.legend-item{color:#555;align-items:center;gap:6px;display:inline-flex}.legend-item i{border-radius:2px;width:14px;height:3px;display:inline-block}.positions h2{margin:0 0 10px;font-size:16px}.positions table{border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:10px;width:100%;font-size:13px;overflow:hidden}.positions th,.positions td{border-bottom:1px solid var(--border);text-align:left;padding:8px 12px}.positions th.num,.positions td.num{text-align:right;font-variant-numeric:tabular-nums}.positions thead th{color:#555;background:#f5f5f5;font-weight:600}.positions tfoot td{background:#fafafa;font-weight:600}.positions .empty{text-align:center;color:var(--muted);padding:24px}@media (width<=640px){.cards{grid-template-columns:repeat(2,1fr)}}