#root{text-align:left;border:none;width:100%;max-width:100%;min-height:auto;margin:0;display:block}:root{--bg:#09090b;--surface:#111113;--surface-2:#1c1c1f;--surface-3:#232326;--border:#27272a;--border-subtle:#1e1e21;--text:#ededef;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--sophnet:#f97316;--dashscope:#818cf8;--sophnet-bg:#f9731614;--dashscope-bg:#818cf814;--winner:#34d399}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-wrap:pretty;font-family:Outfit,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif}.app{max-width:1200px;margin:0 auto;padding:3rem 2rem 2rem}.header{margin-bottom:3rem}.header-top{align-items:baseline;gap:1rem;margin-bottom:.5rem;display:flex}.header-top h1{letter-spacing:-.02em;color:var(--text);font-size:1.75rem;font-weight:700}.header-vs{color:var(--text-tertiary);letter-spacing:.05em;font-size:.85rem;font-weight:500}.subtitle{color:var(--text-secondary);margin-top:.25rem;font-size:1rem}.config-badges{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;display:flex}.badge{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);letter-spacing:.02em;border-radius:6px;padding:.3rem .75rem;font-family:Space Grotesk,monospace;font-size:.75rem;font-weight:500}.insights{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:3rem;display:grid}.insight-card{background:var(--surface);border:1px solid var(--border);opacity:0;border-radius:8px;padding:1.25rem 1.5rem;animation:.5s forwards fadeUp;transform:translateY(12px)}.insight-card:first-child{animation-delay:.1s}.insight-card:nth-child(2){animation-delay:.2s}.insight-card:nth-child(3){animation-delay:.3s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.insight-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:.5rem;font-size:.7rem;font-weight:600}.insight-value{color:var(--text);margin-bottom:.25rem;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700}.insight-detail{color:var(--text-secondary);font-size:.8rem}.insight-detail .platform-tag{font-size:.75rem;font-weight:600;display:inline-block}.insight-detail .platform-tag.sophnet{color:var(--sophnet)}.insight-detail .platform-tag.dashscope{color:var(--dashscope)}.section{opacity:0;margin-bottom:3rem;animation:.5s .3s forwards fadeUp;transform:translateY(12px)}.section-header{align-items:baseline;gap:.75rem;margin-bottom:1.25rem;display:flex}.section-title{color:var(--text);font-size:1rem;font-weight:600}.section-desc{color:var(--text-tertiary);font-size:.8rem}.legend{gap:1.5rem;margin-bottom:1.5rem;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;display:flex}.legend-dot{border-radius:3px;width:10px;height:10px}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.charts-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.custom-tooltip{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:.75rem 1rem;font-size:.8rem;box-shadow:0 8px 32px #0006}.tooltip-label{color:var(--text);margin-bottom:.4rem;font-family:Space Grotesk,sans-serif;font-weight:600}.tooltip-row{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.tooltip-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.tooltip-platform{color:var(--text-secondary);min-width:70px}.tooltip-value{color:var(--text);font-family:Space Grotesk,monospace;font-weight:600}.tooltip-diff{border-radius:3px;margin-left:auto;padding:.1rem .4rem;font-size:.7rem;font-weight:600}.tooltip-diff.positive{color:var(--winner);background:#34d3991a}.tooltip-diff.negative{color:#f87171;background:#f871711a}.comparison-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.85rem}.comparison-table thead th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);text-align:center;border-bottom:1px solid var(--border);background:var(--surface);padding:.75rem 1rem;font-size:.7rem;font-weight:600;position:sticky;top:0}.comparison-table thead th:first-child{text-align:left}.comparison-table tbody td{text-align:center;border-bottom:1px solid var(--border-subtle);padding:.85rem 1rem;transition:background .15s}.comparison-table tbody tr:hover td{background:var(--surface-2)}.comparison-table tbody td:first-child{text-align:left;color:var(--text);font-family:Space Grotesk,sans-serif;font-weight:600}.comparison-table tbody td.model-cell{align-items:center;gap:.5rem;display:flex}.model-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.cell-value{color:var(--text-secondary);font-family:Space Grotesk,monospace;font-weight:500}.cell-value.winner{color:var(--winner);font-weight:700}.cell-value.secondary{color:var(--text-tertiary)}.cell-diff{margin-top:2px;font-size:.65rem;font-weight:600;display:block}.cell-diff.positive{color:var(--winner)}.cell-diff.negative{color:#f87171}.cell-diff.neutral{color:var(--text-tertiary)}.winner-indicator{width:0;height:0;color:var(--winner);margin-left:.25rem;font-size:.6rem;display:inline-block}.recommendation{white-space:nowrap;border-radius:4px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.recommendation.sophnet{color:var(--sophnet);background:var(--sophnet-bg)}.recommendation.dashscope{color:var(--dashscope);background:var(--dashscope-bg)}.recommendation.tie{color:var(--text-tertiary);background:var(--surface-2)}.metric-group-header{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);border-bottom:1px solid var(--border);padding:.5rem 1rem .25rem;font-size:.65rem;font-weight:600}.platform-col-header{padding:.25rem 1rem .5rem;font-size:.65rem}.model-tabs{gap:.5rem;margin-bottom:1.5rem;display:flex}.model-tab{border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:6px;padding:.5rem 1.25rem;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:500;transition:all .15s}.model-tab:hover{border-color:var(--text-tertiary);color:var(--text)}.model-tab.active{background:var(--text);color:var(--bg);border-color:var(--text)}.detail-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.detail-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.5rem;transition:border-color .2s}.detail-card:hover{border-color:var(--surface-3)}.detail-card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.detail-platform{font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:600}.detail-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:4px;padding:.2rem .6rem;font-size:.65rem;font-weight:600}.detail-badge.wins{color:var(--winner);background:#34d3991a}.detail-badge.loses{color:#f87171;background:#f871711a}.detail-badge.tie{color:var(--text-tertiary);background:var(--surface-2)}.detail-stats{flex-direction:column;gap:0;display:flex}.detail-stat{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:baseline;padding:.65rem 0;display:flex}.detail-stat:last-child{border-bottom:none}.detail-stat-label{color:var(--text-tertiary);font-size:.8rem}.detail-stat-value{color:var(--text);font-family:Space Grotesk,monospace;font-size:1.1rem;font-weight:700}.detail-stat-unit{color:var(--text-tertiary);margin-left:.25rem;font-size:.7rem;font-weight:400}.detail-diff{border-radius:3px;margin-left:.5rem;padding:.1rem .35rem;font-size:.7rem;font-weight:600}.detail-diff.positive{color:var(--winner);background:#34d3991a}.detail-diff.negative{color:#f87171;background:#f871711a}.footer{border-top:1px solid var(--border-subtle);color:var(--text-tertiary);justify-content:space-between;align-items:center;margin-top:4rem;padding-top:1.5rem;font-size:.75rem;display:flex}.footer a{color:var(--text-secondary);text-decoration:none;transition:color .15s}.footer a:hover{color:var(--text)}@media (width<=768px){.app{padding:2rem 1rem}.insights,.charts-grid,.detail-grid{grid-template-columns:1fr}.header-top h1{font-size:1.35rem}.comparison-table{font-size:.75rem}.comparison-table thead th,.comparison-table tbody td{padding:.5rem}.footer{text-align:center;flex-direction:column;gap:.5rem}.model-tabs{flex-wrap:wrap}}.recharts-cartesian-axis-tick-value{fill:var(--text-tertiary);font-family:Space Grotesk,monospace;font-size:.75rem}.recharts-text{font-family:Outfit,sans-serif}.recharts-default-tooltip{display:none!important}