:root{--bg-void: #000000;--bg-panel: #0a0a0a;--bg-raised: #141414;--bg-hover: #1c1c1c;--bg-inset: #050505;--border-color: #242424;--border-color-light: #3a3a3a;--text-primary: #e4e4e4;--text-secondary: #8c8c8c;--text-muted: #5a5a5a;--amber: #ffb000;--amber-dim: #c98a00;--amber-deep: #6b4a00;--amber-wash: rgba(255, 176, 0, .09);--amber-wash-strong: rgba(255, 176, 0, .18);--accent-primary: var(--amber);--accent-emerald: var(--amber);--accent-cyan: var(--amber-dim);--accent-amber: var(--amber);--accent-rose: #ff4d4d;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--font-sans: var(--font-mono);--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--transition-fast: 90ms linear;--transition-normal: .14s linear}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border-radius:0}::selection{background:var(--amber);color:#000}body{background-color:var(--bg-void);color:var(--text-primary);font-family:var(--font-mono);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,176,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,176,0,.02) 1px,transparent 1px);background-size:32px 32px}.app-layout{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:24px 20px 48px;display:flex;flex-direction:column;gap:20px}.app-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:16px 18px;background:var(--bg-panel);border:1px solid var(--border-color);border-left:2px solid var(--amber)}.header-left{display:flex;flex-direction:column;gap:8px}.brand-badge{display:inline-flex;align-items:center;gap:10px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--amber)}.brand-badge svg{stroke:var(--amber)}.brand-badge>span:first-of-type:before{content:"root@";color:var(--text-muted)}.brand-badge>span:first-of-type:after{content:":~$";color:var(--text-muted);margin-left:4px}.live-dot-badge{display:inline-flex;align-items:center;gap:6px;background:var(--amber-wash);color:var(--amber);border:1px solid var(--amber-deep);padding:2px 8px;font-size:.68rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.pulse-dot{width:7px;height:7px;background-color:var(--amber);animation:blinkAnim 1.1s steps(1) infinite}@keyframes blinkAnim{0%,49%{opacity:1}50%,to{opacity:.15}}.title-group h1{font-size:1.35rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;text-transform:uppercase}.title-group h1:after{content:"_";color:var(--amber);animation:blinkAnim 1.1s steps(1) infinite;margin-left:2px}.subtitle{font-size:.8rem;color:var(--text-secondary);letter-spacing:.01em}.header-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border-color-light);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast);text-decoration:none;font-family:var(--font-mono)}.btn-primary{background-color:transparent;border-color:var(--amber-dim);color:var(--amber)}.btn-primary:hover{background-color:var(--amber);border-color:var(--amber);color:#000}.btn-secondary{background-color:var(--bg-raised);border-color:var(--border-color-light);color:var(--text-secondary)}.btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--amber-dim);color:var(--amber)}.btn-xs{padding:4px 9px;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:transparent;border:1px solid var(--border-color-light);color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.btn-xs:hover{color:#000;border-color:var(--amber);background:var(--amber)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px;background:var(--border-color);border:1px solid var(--border-color)}.kpi-card{background:var(--bg-panel);padding:16px 18px;display:flex;flex-direction:column;gap:6px;transition:background-color var(--transition-fast)}.kpi-card:hover{background:var(--bg-raised)}.kpi-label{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.kpi-label:before{content:"> ";color:var(--amber-deep)}.kpi-value{font-size:1.6rem;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-.02em}.kpi-value.highlight-emerald{color:var(--amber)}.kpi-trend{font-size:.72rem;color:var(--text-secondary);letter-spacing:.02em}.kpi-trend.positive{color:var(--amber-dim)}.chart-controls-card{background:var(--bg-panel);border:1px solid var(--border-color);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}.control-group{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.control-label,.mini-label{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.model-select-wrapper{display:flex;align-items:center;gap:8px}.select-model-dropdown{min-width:270px;max-width:340px;font-weight:500;color:var(--amber);background:var(--bg-inset);border:1px solid var(--border-color-light);padding:7px 12px}.view-mode-group{display:flex;align-items:center;gap:8px}.segmented-control{display:inline-flex;background:var(--bg-inset);border:1px solid var(--border-color-light);padding:0;gap:0}.seg-btn{background:transparent;border:none;border-right:1px solid var(--border-color);color:var(--text-secondary);padding:7px 12px;font-size:.73rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;font-family:var(--font-mono);transition:color var(--transition-fast),background-color var(--transition-fast);white-space:nowrap}.seg-btn:last-child{border-right:none}.seg-btn:hover{color:var(--amber);background:var(--bg-hover)}.seg-btn.active{background:var(--amber);color:#000;font-weight:700}.right-controls{margin-left:auto}.toggle-wrapper{display:flex;align-items:center}.switch-label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);-webkit-user-select:none;user-select:none;white-space:nowrap}.switch-label input{position:absolute;opacity:0;width:0;height:0}.switch-slider{width:30px;height:16px;background-color:var(--bg-inset);border:1px solid var(--border-color-light);position:relative;transition:border-color var(--transition-fast)}.switch-slider:before{content:"";position:absolute;width:12px;height:12px;left:1px;top:1px;background-color:var(--text-muted);transition:transform var(--transition-fast),background-color var(--transition-fast)}.switch-label input:checked+.switch-slider{border-color:var(--amber-dim)}.switch-label input:checked+.switch-slider:before{background-color:var(--amber);transform:translate(14px)}.switch-label input:checked~.switch-text{color:var(--amber)}.select-input,.text-input{background:var(--bg-inset);border:1px solid var(--border-color-light);color:var(--text-primary);padding:6px 12px;font-size:.75rem;font-family:var(--font-mono);letter-spacing:.04em;outline:none;cursor:pointer}.select-input:focus,.text-input:focus{border-color:var(--amber);color:var(--amber)}.chart-card{background:var(--bg-panel);border:1px solid var(--border-color);padding:20px}.chart-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.chart-header-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.chart-header-left h2{font-size:.95rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-primary)}.chart-header-left h2:before{content:"// ";color:var(--amber-deep)}.badge{display:inline-block;padding:2px 7px;font-size:.66rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color-light)}.badge.live,.badge.model-badge{background:var(--amber-wash);color:var(--amber);border-color:var(--amber-deep)}.range-shortcuts{display:inline-flex;border:1px solid var(--border-color-light)}.range-btn{background:var(--bg-inset);border:none;border-right:1px solid var(--border-color);color:var(--text-secondary);padding:5px 11px;font-size:.7rem;font-weight:600;letter-spacing:.06em;font-family:var(--font-mono);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.range-btn:last-child{border-right:none}.range-btn:hover{color:var(--amber);background:var(--bg-hover)}.range-btn.active{background:var(--amber);color:#000}.chart-header-right{display:inline-flex;align-items:center;gap:8px}.chart-container{position:relative;width:100%;min-height:560px}.chart-container svg{width:100%;height:auto}.chart-tooltip{position:absolute;pointer-events:none;z-index:20;min-width:200px;max-width:300px;background:#000;border:1px solid var(--amber-deep);border-left:2px solid var(--amber);padding:8px 10px;font-family:var(--font-mono);font-size:.7rem;line-height:1.5;color:var(--text-secondary);transition:opacity var(--transition-fast)}.chart-tooltip .tt-head{color:var(--amber);font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid var(--border-color)}.chart-tooltip .tt-row{display:flex;align-items:baseline;gap:6px}.chart-tooltip .tt-swatch{width:7px;height:7px;flex-shrink:0}.chart-tooltip .tt-key{flex:1;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-tooltip .tt-val{color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap}.chart-tooltip .tt-raw{color:var(--text-muted);margin-left:5px}.chart-legend{display:flex;flex-wrap:wrap;gap:6px 14px;padding-top:14px;margin-top:10px;border-top:1px solid var(--border-color)}.legend-item{display:inline-flex;align-items:center;gap:7px;background:none;border:none;padding:2px 0;cursor:pointer;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;color:var(--text-secondary);transition:color var(--transition-fast)}.legend-item:hover{color:var(--amber)}.legend-item.is-off{color:var(--text-muted);text-decoration:line-through}.legend-swatch{width:9px;height:9px;border:1px solid;flex-shrink:0}.breakdown-card{background:var(--bg-panel);border:1px solid var(--border-color);padding:20px}.breakdown-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.breakdown-header h3{font-size:.95rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.breakdown-header h3:before{content:"// ";color:var(--amber-deep)}.table-responsive{overflow-x:auto;max-height:560px;border:1px solid var(--border-color)}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.78rem}.data-table th{padding:9px 12px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border-bottom:1px solid var(--border-color-light);background:var(--bg-inset);position:sticky;top:0;z-index:10;white-space:nowrap}.data-table td{padding:9px 12px;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.data-table tr{cursor:pointer;transition:background-color var(--transition-fast)}.data-table tr:hover td{background-color:var(--bg-hover);color:var(--text-primary)}.data-table tr.selected-row td{background-color:var(--amber-wash-strong);color:var(--amber);border-bottom-color:var(--amber-deep)}.model-name-cell{display:flex;align-items:center;gap:10px;font-weight:500;color:var(--text-primary)}.model-color-dot{width:8px;height:8px;display:inline-block;flex-shrink:0}.mono-num{font-family:var(--font-mono);font-size:.78rem;font-variant-numeric:tabular-nums}.rank-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 4px;background:var(--bg-inset);border:1px solid var(--border-color);font-size:.68rem;font-weight:600;font-family:var(--font-mono);color:var(--text-secondary)}.rank-badge.top-3{background:var(--amber-wash);color:var(--amber);border-color:var(--amber-deep)}.share-bar-container{display:flex;align-items:center;gap:10px}.share-bar{height:8px;background-color:var(--bg-inset);border:1px solid var(--border-color);width:80px;overflow:hidden}.share-bar-fill{height:100%;background-color:var(--amber)}.app-footer{font-size:.72rem;color:var(--text-muted);padding-top:14px;border-top:1px solid var(--border-color);letter-spacing:.02em}.app-footer p:before{content:"$ ";color:var(--amber-deep)}.app-footer code{font-family:var(--font-mono);background:var(--bg-raised);border:1px solid var(--border-color);color:var(--amber-dim);padding:1px 5px}.modal-backdrop{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;z-index:999;justify-content:center;align-items:center;padding:20px}.modal-backdrop.open{display:flex}.modal-dialog{background:var(--bg-panel);border:1px solid var(--border-color-light);border-top:2px solid var(--amber);max-width:520px;width:100%}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-inset)}.modal-header h3{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--amber)}.modal-header h3:before{content:"$ ";color:var(--text-muted)}.btn-close{background:none;border:none;font-size:1.3rem;color:var(--text-muted);cursor:pointer;line-height:1;font-family:var(--font-mono)}.btn-close:hover{color:var(--amber)}.modal-body{padding:18px 20px;display:flex;flex-direction:column;gap:16px}.modal-desc{font-size:.76rem;color:var(--text-secondary);line-height:1.6}.modal-desc code{font-family:var(--font-mono);background:var(--bg-raised);border:1px solid var(--border-color);color:var(--amber-dim);padding:1px 4px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.form-group input{width:100%;padding:10px 12px}.api-feedback{font-size:.75rem;min-height:20px;letter-spacing:.02em}.api-feedback.error{color:var(--accent-rose)}.api-feedback.error:before{content:"[ERR] "}.api-feedback.success{color:var(--amber)}.api-feedback.success:before{content:"[OK] "}.api-feedback.loading{color:var(--text-secondary)}.api-feedback.loading:before{content:"[...] ";color:var(--amber-dim)}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border-color);background:var(--bg-inset)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-inset)}::-webkit-scrollbar-thumb{background:var(--border-color-light);border:2px solid var(--bg-inset)}::-webkit-scrollbar-thumb:hover{background:var(--amber-deep)}@media(max-width:900px){.chart-controls-card,.control-group,.model-select-wrapper,.view-mode-group{flex-direction:column;align-items:stretch}.select-model-dropdown{width:100%;max-width:100%}.segmented-control{flex-wrap:wrap}.right-controls{margin-left:0;justify-content:space-between}}.source-list{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0}.source-list li{display:flex;flex-direction:column;gap:3px;padding-left:10px;border-left:2px solid var(--amber-deep)}.source-list code{font-family:var(--font-mono);font-size:.72rem;color:var(--amber);word-break:break-all}.source-list span{font-size:.72rem;color:var(--text-muted)}.chart-note{font-size:.7rem;color:var(--text-muted);letter-spacing:.02em;margin:-6px 0 12px}.chart-note:before{content:"// ";color:var(--amber-deep)}