:root{--pad-nav: 24px;--pad-strip: 28px;--pad-grid: 24px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{background:#f5f2eb;font-family:Space Grotesk,system-ui,sans-serif;color:#1c1c1c;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}.num{font-family:JetBrains Mono,ui-monospace,monospace;font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}.pill{font-size:12px;padding:2px 9px;border-radius:20px;border:1.5px solid #1c1c1c;display:inline-block;font-weight:500;background:transparent}.pill-blue{border-color:#2a6ef5;color:#2a6ef5}.pill-green{border-color:#16a34a;color:#16a34a}.pill-rose{border-color:#e11d48;color:#e11d48}.pill-amber{border-color:#d97706;color:#92400e;background:#fff7ed}.app{width:100%;min-height:100vh;display:flex;flex-direction:column}.nav{height:52px;border-bottom:2px solid #1c1c1c;display:flex;align-items:center;padding:0 var(--pad-nav);gap:22px;flex-shrink:0;background:#f5f2eb}.logo{font-size:20px;font-weight:700;letter-spacing:-.01em}.nav-links{display:flex;gap:18px;font-size:14px;color:#3a3a3a}.nav-links a{cursor:pointer;padding:4px 0}.nav-links a.active{border-bottom:2px solid #1c1c1c;font-weight:600}.crumb{font-size:13px;color:#555}.crumb a{color:#2a6ef5}.crumb-row{height:44px;padding:0 var(--pad-strip);display:flex;align-items:center;gap:16px;border-bottom:2px solid #1c1c1c;flex-shrink:0}.hero{background:#16a34a;color:#fff;padding:22px var(--pad-strip);display:flex;align-items:center;gap:32px;flex-shrink:0}.hero-eyebrow{font-size:11px;opacity:.9;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px;font-weight:500}.hero-apy{font-size:56px;font-weight:700;line-height:1;letter-spacing:-.02em}.hero-meta{font-size:15px;margin-top:8px;opacity:.95}.hero-aside{margin-left:auto;text-align:right;font-size:12px;opacity:.9}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#fff;margin-right:6px;box-shadow:0 0 #ffffffb3;animation:pulse 2s infinite;vertical-align:middle}@keyframes pulse{0%{box-shadow:0 0 #ffffffb3}70%{box-shadow:0 0 0 8px #fff0}to{box-shadow:0 0 #fff0}}.filters{padding:12px var(--pad-strip);border-bottom:1px solid #ddd;display:flex;gap:10px;align-items:center;background:#eceae1;flex-shrink:0;flex-wrap:wrap}.filter-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.filter-toggle.on{background:#1c1c1c;color:#fff;border-color:#1c1c1c}.tbl-wrap{flex:1;overflow:auto;padding:0 var(--pad-strip)}.opps-table{width:100%;border-collapse:collapse;font-size:15px}.opps-table thead tr{border-bottom:2px solid #1c1c1c}.opps-table th{padding:12px 8px;text-align:left;font-weight:600;font-size:12px;color:#555;text-transform:uppercase;letter-spacing:.5px}.opps-table tbody tr{border-bottom:1px solid #ddd;transition:background .12s}.opps-table tbody tr:hover{background:#ede9dd;cursor:pointer}.opps-table tbody tr.top{background:#f0fdf4}.opps-table tbody tr.top:hover{background:#dcfce7}.opps-table td{padding:14px 8px;vertical-align:middle}.opps-table td.rank{color:#999;font-weight:600}.opps-table td.asset{font-weight:700;font-size:17px;letter-spacing:-.01em}.opps-table td.apy span{font-weight:700;font-size:20px;letter-spacing:-.01em}.table-subtle{font-size:11px;color:#777;margin-top:2px}.foot{padding:12px var(--pad-strip);border-top:1px solid #ddd;font-size:12px;color:#888;background:#fafafa;flex-shrink:0;line-height:1.6}.foot strong{color:#555}.label{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#666}.h-section{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#1c1c1c;margin-bottom:12px;padding-bottom:6px;border-bottom:1.5px solid #1c1c1c}.card{background:#fff;border:1.5px solid #d8d5cc;border-radius:4px;padding:16px}.stat{display:flex;flex-direction:column;gap:2px}.stat .v{font-size:22px;font-weight:700;letter-spacing:-.01em}.stat .l{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#777}.details-grid{flex:1;overflow:auto;padding:20px var(--pad-grid);display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;max-width:1100px;margin:0 auto;width:100%}.span-3{grid-column:span 3}.span-2{grid-column:span 2}.kv-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(128,128,128,.18);font-size:13px;color:#555}.kv-row:last-child{border-bottom:none}.kv-row.profit-row{padding:5px 0;border-bottom:1px solid #eee;color:#444}.kv-row.profit-total{padding:5px 0;font-weight:700}.mini-metric-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;padding-top:8px;border-top:1px solid #eee;font-size:11px;color:#777}.confidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.confidence-grid div{min-width:0}.confidence-grid span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#777;margin-bottom:3px}.confidence-grid strong{font-size:13px}.warn-card{background:#fef9e7;border-color:#d97706}.warn-card .h-section{border-color:#d97706;color:#92400e}.warn-list{font-size:13px;color:#555;padding-left:18px;line-height:1.7}.detail-loading,.detail-error{padding:60px 28px;text-align:center;color:#777;font-size:14px}.detail-error{color:#b91c1c}.tooltip{border-bottom:1px dotted #999;cursor:help}.sparkline{display:block;width:100%;height:110px}.sparkline-wrap{flex:1;min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;align-items:stretch}.sparkline-axis{position:relative;height:110px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;font-size:10px;color:#999}.spread-zero-label{position:absolute;right:0;font-size:10px;color:#999}.sparkline-svg-wrap{position:relative;min-width:0}.spread-hover-line{position:absolute;top:0;bottom:0;width:0;border-left:1px dashed #888;pointer-events:none;transform:translate(-.5px)}.spread-hover-dot{position:absolute;width:8px;height:8px;border-radius:50%;border:1.5px solid #fff;box-shadow:0 0 0 1px #00000026;transform:translate(-50%,-50%);pointer-events:none}.spread-tooltip{position:absolute;top:-6px;transform:translate(8px,-100%);background:#1c1c1c;color:#fff;font-size:11px;line-height:1.3;padding:5px 8px;border-radius:3px;white-space:nowrap;pointer-events:none;z-index:2}.spread-tooltip.flip{transform:translate(calc(-100% - 8px),-100%)}.spread-tooltip-time{color:#bbb;font-size:10px}.spread-tooltip-value{font-weight:700}.spread-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.spread-toggle{display:inline-flex;border:1px solid #d8d5cc;border-radius:4px;overflow:hidden;background:#fff}.spread-toggle button{border:none;background:transparent;padding:3px 10px;font-size:11px;font-weight:600;color:#666;cursor:pointer;letter-spacing:.5px}.spread-toggle button+button{border-left:1px solid #d8d5cc}.spread-toggle button:hover{background:#f5f2eb}.spread-toggle button.active{background:#1c1c1c;color:#fff}.spread-status-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;font-size:12px}.spread-status-meta{color:#555}.spread-status-warn{color:#92400e;background:#fff7ed;border:1px solid #d97706;border-radius:4px;padding:2px 8px;font-size:11px}.spread-main{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;align-items:center}.spread-hero-value{font-size:28px;font-weight:700;letter-spacing:-.01em;line-height:1}.spread-hero-value.pos{color:#16a34a}.spread-hero-value.neg{color:#e11d48}.spread-hero-label{font-size:12px;color:#555;margin-top:4px}.spread-hero-sub{font-size:10px;color:#888;margin-top:2px}.spread-chart{min-width:0}.spread-distribution{margin-top:16px;padding-top:12px;border-top:1px solid #eee}.spread-distribution-title{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#777;margin-bottom:6px}.spread-distribution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.spread-distribution-grid>div{display:flex;flex-direction:column;gap:2px}.spread-distribution-grid span{font-size:11px;color:#777;text-transform:uppercase;letter-spacing:.5px}.spread-distribution-grid strong{font-size:14px;font-weight:700}