*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#f5f7fb;
  --bg-2:#edf2f8;
  --panel:rgba(255,255,255,.88);
  --panel-solid:#ffffff;
  --card:rgba(255,255,255,.94);
  --card-strong:#ffffff;
  --text:#142033;
  --text-muted:#607086;
  --border:rgba(20,32,51,.1);
  --border-strong:rgba(20,32,51,.18);
  --primary:#2563eb;
  --primary-2:#0ea5e9;
  --accent:#f59e0b;
  --good:#34d399;
  --warn:#fbbf24;
  --bad:#fb7185;
  --info:#60a5fa;
  --shadow:0 20px 60px rgba(21,34,55,.12);
  --shadow-soft:0 10px 24px rgba(21,34,55,.08);
  --radius-xl:24px;
  --radius-lg:18px;
  --radius-md:14px;
  --radius-sm:10px;
}
[data-theme=light]{
  --bg:#f5f7fb;
  --bg-2:#edf2f8;
  --panel:rgba(255,255,255,.88);
  --panel-solid:#ffffff;
  --card:rgba(255,255,255,.94);
  --card-strong:#ffffff;
  --text:#142033;
  --text-muted:#607086;
  --border:rgba(20,32,51,.1);
  --border-strong:rgba(20,32,51,.18);
  --shadow:0 20px 60px rgba(21,34,55,.12);
  --shadow-soft:0 10px 24px rgba(21,34,55,.08);
}
[data-theme=dark]{
  --bg:#0b1220;
  --bg-2:#111827;
  --panel:rgba(15,23,42,.9);
  --panel-solid:#0f172a;
  --card:rgba(30,41,59,.94);
  --card-strong:#1e293b;
  --text:#f1f5f9;
  --text-muted:#9aa9bd;
  --border:rgba(148,163,184,.16);
  --border-strong:rgba(148,163,184,.3);
  --shadow:0 20px 60px rgba(0,0,0,.3);
  --shadow-soft:0 10px 24px rgba(0,0,0,.2);
}
@media(prefers-color-scheme:dark){
  :root:not([data-theme=light]){
    --bg:#0b1220;
    --bg-2:#111827;
    --panel:rgba(15,23,42,.9);
    --panel-solid:#0f172a;
    --card:rgba(30,41,59,.94);
    --card-strong:#1e293b;
    --text:#f1f5f9;
    --text-muted:#9aa9bd;
    --border:rgba(148,163,184,.16);
    --border-strong:rgba(148,163,184,.3);
    --shadow:0 20px 60px rgba(0,0,0,.3);
    --shadow-soft:0 10px 24px rgba(0,0,0,.2);
  }
}
@media(prefers-color-scheme:light){
  :root:not([data-theme=dark]){
    --bg:#f5f7fb;
    --bg-2:#edf2f8;
    --panel:rgba(255,255,255,.88);
    --panel-solid:#ffffff;
    --card:rgba(255,255,255,.94);
    --card-strong:#ffffff;
    --text:#142033;
    --text-muted:#607086;
    --border:rgba(20,32,51,.1);
    --border-strong:rgba(20,32,51,.18);
    --shadow:0 20px 60px rgba(21,34,55,.12);
    --shadow-soft:0 10px 24px rgba(21,34,55,.08);
  }
}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{
  min-height:100vh;
  color:var(--text);
  line-height:1.6;
  font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;
  background:
    radial-gradient(circle at 12% 8%, rgba(37,99,235,.12), transparent 22%),
    radial-gradient(circle at 88% 12%, rgba(14,165,233,.1), transparent 20%),
    radial-gradient(circle at 50% 120%, rgba(245,158,11,.08), transparent 24%),
    linear-gradient(180deg,var(--bg) 0%, var(--bg-2) 100%);
}
.container{max-width:1240px;margin:0 auto;padding:0 1.5rem}
.header{
  border-bottom:1px solid var(--border);
  background:color-mix(in srgb, var(--panel) 94%, transparent);
  backdrop-filter:blur(14px) saturate(140%);
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset;
}
.header .container{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:.9rem;
  align-items:start;
  padding-top:.6rem;
  padding-bottom:.55rem;
}
.header-brand{max-width:54rem}
.eyebrow{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.28rem .7rem;
  border:1px solid var(--border);
  border-radius:999px;
  background:var(--card);
  color:var(--text-muted);
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:.45rem;
}
.header-title{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2rem,3.4vw,3.75rem);
  line-height:1.02;
  letter-spacing:-.04em;
  margin-bottom:.35rem;
}
.header-subtitle{
  max-width:42rem;
  color:var(--text-muted);
  font-size:clamp(.95rem,1.1vw,1.08rem);
}
.header-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:.55rem;
  align-self:center;
  padding-top:.1rem;
}
.last-updated{
  grid-column:1/-1;
  color:var(--text-muted);
  font-size:.82rem;
}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;
  padding:.65rem 1.05rem;
  border-radius:999px;
  border:1px solid var(--border);
  background:var(--card);
  color:var(--text);
  font-family:inherit;
  font-size:.88rem;
  font-weight:600;
  line-height:1;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset;
}
.btn:hover{transform:translateY(-1px);border-color:var(--border-strong);box-shadow:var(--shadow-soft)}
.btn-primary{
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  border-color:transparent;
  color:#fff;
}
.btn-primary:hover{box-shadow:0 16px 32px rgba(59,130,246,.24)}
.btn-secondary{background:var(--card)}
.btn-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:50%;
  border:1px solid var(--border);
  background:var(--card);
  color:var(--text);
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.btn-icon:hover{transform:translateY(-1px);border-color:var(--border-strong);box-shadow:var(--shadow-soft)}
.btn-icon .icon-sun,.btn-icon .icon-moon{display:none}
.btn-icon.is-dark .icon-sun{display:block}
.btn-icon:not(.is-dark) .icon-moon{display:block}
.main{padding:.55rem 0 1.1rem}
.grid{
  display:block;
}
.loading{grid-column:1/-1;text-align:center;padding:3rem;color:var(--text-muted)}
.card{
  position:relative;
  display:inline-block;
  width:100%;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:var(--radius-xl);
  background:linear-gradient(180deg,var(--card-strong),var(--card));
  box-shadow:var(--shadow-soft);
  padding:1rem;
  margin:0 0 .65rem;
  break-inside:avoid;
  page-break-inside:avoid;
}
.card::before{
  content:"";
  position:absolute;inset:0 0 auto 0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(37,99,235,.18),transparent);
  pointer-events:none;
}
.card:hover{border-color:var(--border-strong)}
.card-title{
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--text-muted);
  margin-bottom:.65rem;
}
.card-score{
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.12), transparent 26%),
    linear-gradient(180deg,var(--card-strong),var(--card));
  border-color:color-mix(in srgb, var(--primary) 24%, var(--border));
}
.card-score .card-title{color:var(--text)}
.score-body{
  display:grid;
  grid-template-columns:minmax(210px,260px) minmax(0,1fr);
  gap:.9rem;
  align-items:center;
}
.score-ring-container{position:relative;width:min(100%,260px);aspect-ratio:1;margin:0 auto}
.score-ring-container svg{width:100%;height:100%;display:block}
.score-ring-bg{fill:none;stroke:rgba(148,163,184,.28);stroke-width:8}
.score-ring-fill{
  fill:none;stroke:var(--primary);stroke-width:8;stroke-linecap:round;
  transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset 1.2s ease
}
.score-value{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;
  text-align:center;line-height:1
}
.score-value .num{
  font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  font-size:clamp(3rem,5vw,4.5rem);font-weight:700;letter-spacing:-.06em;color:var(--text)
}
.score-value .den{font-size:.95rem;color:var(--text-muted)}
.score-rec{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.45rem .85rem;border-radius:999px;
  font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  border:1px solid transparent
}
.score-rec--excellent{background:rgba(52,211,153,.14);color:var(--good);border-color:rgba(52,211,153,.22)}
.score-rec--good{background:rgba(96,165,250,.14);color:var(--info);border-color:rgba(96,165,250,.22)}
.score-rec--fair{background:rgba(251,191,36,.14);color:var(--warn);border-color:rgba(251,191,36,.22)}
.score-rec--poor{background:rgba(251,113,133,.14);color:var(--bad);border-color:rgba(251,113,133,.22)}
.score-breakdown{min-width:0}
.score-bar-row{display:grid;grid-template-columns:6.5rem minmax(0,1fr) 4rem;gap:.7rem;align-items:center;margin-bottom:.7rem}
.score-bar-row:last-child{margin-bottom:0}
.score-bar-label,.score-bar-value{font-size:.76rem;color:var(--text-muted)}
.score-bar-label{text-transform:uppercase;letter-spacing:.08em}
.score-bar-track{
  height:10px;border-radius:999px;overflow:hidden;
  background:rgba(148,163,184,.16);border:1px solid rgba(255,255,255,.03)
}
.score-bar-fill{height:100%;border-radius:inherit;transition:width 1s ease}
.score-bar-value{text-align:right;font-weight:700;color:var(--text)}
.diagnostic-list{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:.6rem 1rem;align-items:start}
.diagnostic-list dt{
  color:var(--text-muted);
  font-size:.82rem;
  word-break:break-word;
  line-height:1.45;
}
.diagnostic-list dd{
  display:flex;align-items:flex-start;justify-content:flex-end;gap:.45rem;
  min-width:0;
  color:var(--text);
  font-size:.92rem;
  font-weight:600;
  text-align:right;
  word-break:break-word;
  overflow-wrap:anywhere;
  white-space:pre-wrap;
}
.diagnostic-list dd .dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-top:.45em}
.diagnostic-list dd .dot.ok{background:var(--good)}
.diagnostic-list dd .dot.warn{background:var(--warn)}
.diagnostic-list dd .dot.error{background:var(--bad)}
.diagnostic-list dd .dot.info{background:var(--info)}
.card-adblock{text-align:left}
.card-adblock .adblock-status{
  display:flex;align-items:center;gap:.65rem;
  font-size:1rem;font-weight:700
}
.card-adblock .adblock-status .dot{width:12px;height:12px}
.card-adblock .adblock-sub{
  margin-top:.6rem;
  color:var(--text-muted);
  font-size:.84rem
}
.card-memory,.card-fps{display:flex;flex-direction:column;gap:1rem}
.memory-latest,.fps-latest{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.6rem;
}
.memory-latest .memory-meta,.fps-latest .fps-meta{grid-column:1/-1}
.memory-kpi,.fps-kpi{
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  background:linear-gradient(180deg,var(--card-strong),var(--card));
  padding:.85rem .9rem;
}
.memory-kpi-label,.fps-kpi-label{
  display:block;
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--text-muted);
  margin-bottom:.35rem;
}
.memory-kpi-value,.fps-kpi-value{
  display:block;
  font-size:.96rem;
  font-weight:800;
  line-height:1.35;
  word-break:break-word;
  overflow-wrap:anywhere;
}
.memory-meta,.fps-meta{grid-column:1/-1;color:var(--text-muted);font-size:.78rem}
.memory-chart,.fps-chart{
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  padding:.8rem;
  background:
    linear-gradient(180deg,var(--card-strong),var(--card)),
    radial-gradient(circle at top right, rgba(14,165,233,.06), transparent 35%);
}
.memory-chart svg,.fps-chart svg{display:block;width:100%;height:170px}
.memory-grid,.fps-grid{fill:none;stroke:rgba(148,163,184,.28);stroke-width:1;stroke-dasharray:4 5}
.memory-fill,.fps-fill{fill:rgba(37,99,235,.12);stroke:none}
.memory-line,.fps-line{fill:none;stroke:var(--primary);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.memory-footnote,.fps-footnote{font-size:.78rem;color:var(--text-muted)}
.section-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:.8rem;
}
.section-heading h2{
  font-size:clamp(1.25rem,2vw,1.65rem);
  line-height:1.2;
  letter-spacing:-.025em;
}
.section-heading p:not(.section-eyebrow){
  margin-top:.2rem;
  color:var(--text-muted);
  font-size:.86rem;
}
.section-eyebrow{
  color:var(--primary);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.16em;
}
.overview{margin-bottom:1.15rem}
.overview-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:.65rem;
}
.overview-card{
  min-width:0;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:linear-gradient(180deg,var(--card-strong),var(--card));
  box-shadow:var(--shadow-soft);
  padding:1rem;
}
.overview-card-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  margin-bottom:.7rem;
  color:var(--text-muted);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.overview-card-label span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:1.55rem;
  height:1.55rem;
  border-radius:999px;
  background:rgba(148,163,184,.14);
  color:var(--text);
  font-size:.7rem;
}
.overview-score{
  grid-column:span 5;
  grid-row:span 2;
  background:
    radial-gradient(circle at top right,rgba(37,99,235,.14),transparent 35%),
    linear-gradient(180deg,var(--card-strong),var(--card));
}
.overview-score-content{display:flex;align-items:center;gap:1rem}
.overview-score-ring{position:relative;width:145px;aspect-ratio:1;flex:0 0 auto}
.overview-score-ring svg{display:block;width:100%;height:100%}
.overview-score-ring .score-ring-fill{transform:rotate(-90deg);transform-origin:center}
.overview-score-ring>span{
  position:absolute;
  inset:0;
  display:flex;
  align-items:baseline;
  justify-content:center;
  color:var(--text-muted);
}
.overview-score-ring strong{font-family:Georgia,"Times New Roman",serif;font-size:2.75rem;color:var(--text)}
.overview-score-ring small{font-size:.75rem}
.overview-score-content>div:last-child{min-width:0}
.overview-score-content p{margin-top:.65rem;color:var(--text-muted);font-size:.8rem}
.overview-device{grid-column:span 7}
.overview-device-name{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.35rem,2.4vw,2rem);
  font-weight:700;
  line-height:1.15;
  letter-spacing:-.03em;
  overflow-wrap:anywhere;
}
.overview-device-meta{margin-top:.45rem;color:var(--text-muted);font-size:.8rem}
.overview-specs{grid-column:span 7}
.overview-uses{grid-column:span 7}
.overview-attention{grid-column:span 5}
.overview-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
.overview-uses .overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
.overview-kpi{
  min-width:0;
  padding:.7rem;
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  background:color-mix(in srgb,var(--card-strong) 72%,transparent);
}
.overview-kpi-label{display:block;margin-bottom:.25rem;color:var(--text-muted);font-size:.68rem}
.overview-kpi-value{
  display:flex;
  align-items:flex-start;
  gap:.4rem;
  min-width:0;
  font-size:.84rem;
  font-weight:750;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.overview-kpi-value .dot,.attention-list .dot,.detail-warning .dot{
  width:9px;
  height:9px;
  margin-top:.3em;
  border-radius:50%;
  flex:0 0 auto;
}
.overview-kpi-value .dot.ok,.attention-list .dot.ok{background:var(--good)}
.overview-kpi-value .dot.warn,.attention-list .dot.warn,.detail-warning .dot{background:var(--warn)}
.overview-kpi-value .dot.error,.attention-list .dot.error{background:var(--bad)}
.attention-list{display:grid;gap:.55rem;list-style:none}
.attention-list li{display:flex;align-items:flex-start;gap:.5rem;font-size:.8rem;line-height:1.4}
.attention-empty{color:var(--text-muted);font-size:.84rem}
.attention-more{margin-top:.65rem;color:var(--text-muted);font-size:.74rem}
.overview-attention.has-attention{border-color:color-mix(in srgb,var(--warn) 46%,var(--border))}
.details-section{display:grid;gap:.55rem}
.details-section>.section-heading{margin-bottom:.15rem}
.detail-group{
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:var(--card);
  box-shadow:0 4px 16px rgba(21,34,55,.045);
}
.detail-group.has-attention{border-color:color-mix(in srgb,var(--warn) 35%,var(--border))}
.detail-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  min-height:72px;
  padding:.85rem 1rem;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.detail-summary::-webkit-details-marker{display:none}
.detail-summary:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 42%,transparent);outline-offset:-3px}
.detail-summary-copy{display:flex;flex-direction:column;min-width:0}
.detail-summary-copy strong{font-size:.95rem}
.detail-summary-copy small{margin-top:.1rem;color:var(--text-muted);font-size:.75rem}
.detail-summary-meta{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex:0 0 auto}
.detail-count,.detail-warning{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.3rem .55rem;
  border-radius:999px;
  background:rgba(148,163,184,.12);
  color:var(--text-muted);
  font-size:.68rem;
  font-weight:700;
  white-space:nowrap;
}
.detail-warning{background:rgba(251,191,36,.12);color:var(--text)}
.detail-chevron{font-size:1.25rem;line-height:1;transition:transform .2s ease}
.detail-group[open] .detail-chevron{transform:rotate(180deg)}
.detail-group[open]>.detail-summary{border-bottom:1px solid var(--border);background:rgba(148,163,184,.045)}
.detail-body{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.65rem;
  padding:.65rem;
}
.detail-body>.card{display:block;margin:0;border-radius:var(--radius-md);box-shadow:none}
.detail-body>.card:only-child{grid-column:1/-1}
.realtime-body>.card{grid-column:span 1}
.footer{
  border-top:1px solid var(--border);
  padding:1rem 0 1.2rem;
  color:var(--text-muted);
  text-align:center;
  font-size:.82rem;
}

a.btn{text-decoration:none}
.btn:disabled{cursor:not-allowed;opacity:.52;transform:none;box-shadow:none}
.benchmark-main{padding-top:1.25rem}
.benchmark-page .header .container{padding-bottom:.75rem}
.benchmark-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(15rem,.7fr);gap:1.5rem;align-items:center}
.benchmark-intro h2,.benchmark-run h2{font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.2;letter-spacing:-.025em}
.benchmark-intro p:not(.section-eyebrow){margin-top:.6rem;color:var(--text-muted);font-size:.9rem;max-width:48rem}
.benchmark-formula{display:grid;gap:.5rem}
.benchmark-formula>div{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.55rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:rgba(148,163,184,.07)}
.benchmark-formula dt{font-size:.74rem;font-weight:800;letter-spacing:.09em;color:var(--primary)}
.benchmark-formula dd{font-size:.77rem;color:var(--text-muted);font-variant-numeric:tabular-nums}
.benchmark-run{padding:1.25rem;margin-top:.9rem}
.benchmark-run-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.benchmark-progress-value{font-size:1.2rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--primary)}
.benchmark-progress{height:.7rem;margin-top:1rem;overflow:hidden;border-radius:999px;background:rgba(148,163,184,.18)}
.benchmark-progress-bar{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--primary-2));transition:width .18s linear}
.benchmark-status{min-height:1.6em;margin-top:.7rem;color:var(--text-muted);font-size:.86rem}
.benchmark-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1rem;list-style:none}
.benchmark-steps li{display:flex;align-items:center;gap:.45rem;min-width:0;padding:.6rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.78rem;font-weight:700;transition:color .2s,background .2s,border-color .2s}
.benchmark-steps li span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.35rem;height:1.35rem;border-radius:50%;background:rgba(148,163,184,.16);font-size:.68rem}
.benchmark-steps li.is-active{border-color:color-mix(in srgb,var(--primary) 52%,transparent);background:rgba(37,99,235,.1);color:var(--text)}
.benchmark-steps li.is-active span,.benchmark-steps li.is-complete span{background:var(--primary);color:#fff}
.benchmark-steps li.is-complete{color:var(--text)}
.benchmark-results{margin-top:1.15rem}
.benchmark-total-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;padding:1.5rem;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:var(--radius-xl);background:radial-gradient(circle at 50% 0,rgba(37,99,235,.2),transparent 60%),linear-gradient(180deg,var(--card-strong),var(--card));box-shadow:var(--shadow-soft)}
.benchmark-total-card span{font-size:.82rem;color:var(--text-muted);font-weight:700;letter-spacing:.08em}
.benchmark-total-card strong{margin:.25rem 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,8vw,5.75rem);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.05em}
.benchmark-total-card small{color:var(--text-muted);font-size:.78rem}
.benchmark-score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.65rem}
.benchmark-score-card{min-width:0;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--card-strong),var(--card));box-shadow:var(--shadow-soft)}
.benchmark-score-card>span{display:block;color:var(--text-muted);font-weight:800;font-size:.72rem;letter-spacing:.1em}
.benchmark-score-card strong{display:block;margin:.2rem 0;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.benchmark-score-card small{display:block;overflow:hidden;color:var(--text-muted);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}
.benchmark-disclaimer{margin-top:.75rem;color:var(--text-muted);font-size:.75rem;text-align:center}
.benchmark-gpu-canvas{display:block;width:min(100%,720px);height:auto;max-height:260px;margin:1rem auto 0;border:1px solid var(--border);border-radius:var(--radius-lg);background:#07111f;opacity:.35;transition:opacity .2s}
.is-benchmark-running .benchmark-gpu-canvas{opacity:1}
.privacy-note{max-width:48rem;margin:.4rem auto 0;color:var(--text-muted);font-size:.75rem;line-height:1.6}
@media(max-width:900px){
  .header .container{grid-template-columns:1fr}
  .header-actions{justify-content:flex-start}
  .score-body{grid-template-columns:1fr;justify-items:stretch}
  .memory-latest,.fps-latest{grid-template-columns:1fr}
  .overview-score{grid-column:span 6}
  .overview-device,.overview-specs,.overview-uses{grid-column:span 6}
  .overview-attention{grid-column:span 6}
  .overview-kpis{grid-template-columns:1fr}
  .benchmark-intro{grid-template-columns:1fr}
}
@media(max-width:640px){
  .container{padding:0 1rem}
  .main{padding:.4rem 0 .9rem}
  .card{padding:.88rem;border-radius:20px}
  .score-bar-row{grid-template-columns:1fr;gap:.35rem}
  .score-bar-value{text-align:left}
  .diagnostic-list{grid-template-columns:1fr;gap:.3rem}
  .diagnostic-list dd{justify-content:flex-start;text-align:left}
  .header-title{font-size:clamp(1.8rem,8vw,2.4rem)}
  .header-actions{gap:.45rem}
  .btn{width:100%}
  .btn-icon{width:44px;height:44px}
  .overview-grid{grid-template-columns:1fr}
  .overview-score,.overview-device,.overview-specs,.overview-uses,.overview-attention{grid-column:1;grid-row:auto}
  .overview-score-content{align-items:flex-start}
  .overview-score-ring{width:118px}
  .overview-score-ring strong{font-size:2.25rem}
  .overview-kpis,.overview-uses .overview-kpis{grid-template-columns:1fr}
  .detail-summary{align-items:flex-start;min-height:68px;padding:.8rem}
  .detail-summary-copy small{max-width:14rem}
  .detail-summary-meta{gap:.35rem}
  .detail-warning{font-size:0;width:1.65rem;height:1.65rem;padding:0;justify-content:center}
  .detail-warning .dot{margin:0}
  .detail-body{grid-template-columns:1fr;padding:.5rem}
  .realtime-body>.card{grid-column:1}
  .benchmark-run{padding:1rem}
  .benchmark-steps{grid-template-columns:1fr}
  .benchmark-score-grid{grid-template-columns:1fr}
  .benchmark-score-card{display:grid;grid-template-columns:4rem 1fr;align-items:baseline;gap:.1rem .7rem}
  .benchmark-score-card>span{grid-row:span 2}
  .benchmark-score-card strong{margin:0}
}