.performance-baseline{margin-top:28px;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:18px;padding:24px;background:linear-gradient(145deg,rgba(124,156,255,.09),rgba(255,255,255,.025));overflow:hidden}.performance-baseline__head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}.performance-baseline__kicker{display:block;margin-bottom:7px;color:#7c9cff;font-size:12px;letter-spacing:.14em}.performance-baseline h2{margin:0;font:800 clamp(1.45rem,3vw,2.15rem)/1.05 Inter,system-ui,sans-serif;letter-spacing:-.035em}.performance-baseline__hint{max-width:620px;margin:0;color:var(--muted,#8d96a8);line-height:1.65}.performance-baseline__meta{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:12px;background:rgba(0,0,0,.14);font-size:12px}.performance-baseline__meta strong{color:#c7d2fe}.performance-baseline__table{margin-top:14px;display:grid;gap:8px}.performance-baseline__row{display:grid;grid-template-columns:minmax(130px,1.4fr) repeat(3,minmax(88px,1fr));gap:8px;align-items:center;padding:13px 14px;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:12px;background:rgba(255,255,255,.025)}.performance-baseline__row--labels{padding:0 14px;border:0;background:none;color:var(--muted,#8d96a8);font-size:11px;letter-spacing:.08em}.performance-baseline__row>strong{font-size:13px;letter-spacing:.04em}.performance-baseline__value,.performance-baseline__delta{font-weight:800;font-variant-numeric:tabular-nums}.performance-baseline__delta[data-state="better"]{color:#67e8a5}.performance-baseline__delta[data-state="worse"]{color:#ffb86b}.performance-baseline__delta[data-state="neutral"]{color:var(--muted,#8d96a8)}.performance-baseline__footer{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.performance-baseline__actions{display:flex;gap:8px;flex-wrap:wrap}.performance-baseline button{min-height:42px;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:10px;padding:0 13px;background:rgba(255,255,255,.055);color:inherit;font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.performance-baseline button:hover{background:rgba(124,156,255,.13)}.performance-baseline__primary{background:#f5f7fb!important;color:#080b11!important}.performance-baseline__status{max-width:580px;color:var(--muted,#8d96a8);font-size:12px;line-height:1.5}@media(max-width:680px){.performance-baseline{padding:18px}.performance-baseline__row{grid-template-columns:1fr 1fr}.performance-baseline__row--labels{display:none}.performance-baseline__row>strong{grid-column:1/-1}.performance-baseline__value::before,.performance-baseline__delta::before{display:block;margin-bottom:4px;color:var(--muted,#8d96a8);font-size:10px;font-weight:500}.performance-baseline__row [data-value="baseline"]::before{content:"BASELINE"}.performance-baseline__row [data-value="current"]::before{content:"CURRENT"}.performance-baseline__row [data-value="delta"]::before{content:"DELTA"}}@media(prefers-reduced-motion:reduce){.performance-baseline *{scroll-behavior:auto!important}}
