:root{--color-void: #0B0C0E;--color-base: #141619;--color-surface: #1F2228;--color-stroke: #2A2F38;--color-text-primary: #E1E7EF;--color-text-secondary: #94A3B8;--color-text-tertiary: #475569;--color-accent: #D97706;--color-success: #10B981;--color-error: #f87171;--color-neutral: #64748B;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-8: 32px;--radius-xs: 2px;--radius-sm: 4px}body{margin:0;background-color:var(--color-void);color:var(--color-text-primary);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-void)}::-webkit-scrollbar-thumb{background:var(--color-stroke);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.layout{display:flex;flex-direction:column;height:100vh;background-color:var(--color-void)}.header{display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-4);height:60px;border-bottom:1px solid var(--color-stroke);background-color:var(--color-base)}.brand{display:flex;align-items:center;gap:var(--spacing-2)}.brand h1{font-family:JetBrains Mono,monospace;font-size:14px;letter-spacing:1px;color:var(--color-text-primary);margin:0}.icon-accent{color:var(--color-accent)}.badge{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--color-surface);border:1px solid var(--color-stroke);border-radius:var(--radius-xs);font-family:JetBrains Mono,monospace;font-size:10px;color:var(--color-text-secondary)}.main-content{display:flex;flex:1;padding:var(--spacing-4);gap:var(--spacing-4);overflow:hidden}.panel{display:flex;flex-direction:column;background-color:var(--color-base);border:1px solid var(--color-stroke);border-radius:var(--radius-xs);overflow:hidden}.matrix-panel{flex:2}.detail-panel{flex:1;min-width:300px}.panel-header{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);border-bottom:1px solid var(--color-stroke);background-color:#ffffff05}.panel-header h2{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--color-text-secondary);margin:0;font-weight:500}.matrix-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-2);padding:var(--spacing-3);overflow-y:auto}.matrix-card{display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-stroke);padding:var(--spacing-3);border-radius:var(--radius-xs);cursor:pointer;transition:all .2s ease}.matrix-card:hover{border-color:var(--color-text-secondary);background-color:#25282f}.matrix-card.active{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.asset-name{font-weight:600;font-size:14px}.asset-type{font-size:10px;color:var(--color-text-tertiary);font-family:JetBrains Mono,monospace}.card-bias{font-family:JetBrains Mono,monospace;font-size:12px;margin-bottom:var(--spacing-2)}.long .card-bias,.tag.long{color:var(--color-success)}.short .card-bias,.tag.short{color:var(--color-error)}.neutral .card-bias,.tag.neutral{color:var(--color-neutral)}.card-meta{font-size:10px;color:var(--color-text-tertiary)}.detail-content{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.detail-row{display:flex;justify-content:space-between;align-items:center}.label{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--color-text-tertiary);text-transform:uppercase}.value{font-size:14px}.tag{font-family:JetBrains Mono,monospace;font-weight:600}.confidence-bar{flex:1;height:4px;background:var(--color-stroke);margin-left:var(--spacing-3);max-width:100px;border-radius:2px;overflow:hidden}.confidence-bar .fill{height:100%;background-color:var(--color-accent)}.detail-divider{height:1px;background:var(--color-stroke);margin:var(--spacing-2) 0}.detail-section{display:flex;flex-direction:column;gap:var(--spacing-1)}.rationale-text{font-size:13px;line-height:1.5;color:var(--color-text-secondary);background:var(--color-void);padding:var(--spacing-2);border:1px solid var(--color-stroke);border-radius:var(--radius-xs);margin:0}.empty-state{display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);color:var(--color-text-tertiary);font-size:13px;text-align:center}