.results-panel{position:relative;overflow-anchor:none}.results-list{display:flex;flex-direction:column;gap:24px;overflow-anchor:none}.result-card{overflow-anchor:none;padding:28px;border:1px solid var(--border);border-radius:var(--radius-xl);background-color:var(--surface);box-shadow:var(--shadow-md)}.results-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px 24px}.results-heading-group{grid-column:1;grid-row:1;min-width:0}.results-title-row{display:flex;align-items:center;gap:10px}.results-title-icon{width:28px;height:28px;flex:0 0 auto;color:inherit}.results-header h2{margin-top:0;font-size:clamp(1.9rem,4vw,2.7rem);font-weight:500;line-height:1}.results-actions{display:flex;grid-column:2;grid-row:1;align-items:center;gap:10px;flex:0 0 auto}.results-info-button{width:42px;min-width:42px;padding:0}.results-action-icon{width:16px;height:16px;flex:0 0 auto}.results-section-heading{display:inline-flex;align-items:center;gap:6px}.results-section-heading .results-section-icon{color:inherit}.results-section-icon,.result-metric-icon{width:13px;height:13px;flex:0 0 auto;color:var(--muted)}.results-context{grid-column:1 / -1;grid-row:2;min-width:0;margin-top:0;overflow:hidden;color:var(--muted);font-size:13px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.results-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.95fr);gap:32px;align-items:stretch;margin-top:26px;padding:26px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.result-primary{display:flex;flex-direction:column;justify-content:center;min-width:0}.result-label{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;font-weight:600;line-height:1;letter-spacing:0.14em;text-transform:uppercase}.result-number{display:flex;align-items:baseline;gap:10px;margin-top:10px;line-height:0.85}.result-number>span:first-child{font-size:clamp(4.6rem,10vw,7.3rem);font-weight:400;line-height:0.82;font-variant-numeric:tabular-nums}.result-unit{color:var(--muted);font-size:12px;font-weight:600;line-height:1;letter-spacing:0.12em;text-transform:uppercase}.result-sub{margin-top:16px;color:var(--muted);font-size:13px;line-height:1.4}.result-sub>span{color:var(--text);font-weight:600}.result-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--border);border-radius:0;background-color:var(--border)}.highlight{min-width:0;padding:16px 18px;background-color:var(--surface)}.highlight dt{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;font-weight:600;line-height:1.2;letter-spacing:0.1em;text-transform:uppercase}.highlight dd{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;margin-top:8px;font-size:24px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}.highlight-unit{color:var(--muted);font-size:10px;font-weight:600;line-height:1;letter-spacing:0.08em;text-transform:uppercase}.highlight-note{color:var(--muted);font-size:10px;font-weight:500;line-height:1;letter-spacing:0.01em}.chart-card{margin-top:24px;padding:20px 20px 12px;border:1px solid var(--border);border-radius:0;background-color:var(--surface-2)}.chart-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.chart-card h3{color:var(--text);font-size:11px;font-weight:600;line-height:1.2;letter-spacing:0.12em;text-transform:uppercase}.chart-card-header p{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.5}.chart-legend{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding-top:2px;color:var(--muted);font-size:10px;font-weight:500;line-height:1;letter-spacing:0.02em;white-space:nowrap}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-line{display:inline-block;width:16px;height:2px;border-radius:0;background-color:var(--accent)}.legend-error{display:inline-block;width:7px;height:7px;border-radius:50%;background-color:var(--danger)}.speed-chart{position:relative;width:100%;min-height:224px;margin-top:12px}.speed-chart-svg{display:block;width:100%;height:auto;overflow:visible}.chart-grid-line{stroke:var(--chart-grid);stroke-width:1;shape-rendering:crispEdges}.chart-baseline{stroke:var(--border-strong);stroke-width:1;shape-rendering:crispEdges}.chart-axis-label{fill:var(--muted);font-family:var(--font-ui);font-size:10px;font-weight:500;letter-spacing:0.02em}.chart-area{stroke:none}.chart-gradient-top{stop-color:var(--accent);stop-opacity:0.18}.chart-gradient-bottom{stop-color:var(--accent);stop-opacity:0}.chart-line{stroke:var(--accent);stroke-width:2.25;stroke-linecap:square;stroke-linejoin:miter}.chart-error-mark{stroke:var(--danger);stroke-width:2.5;opacity:0.9}.chart-error-point{fill:var(--danger);stroke:var(--surface-2);stroke-width:1.5}.chart-extreme-dot{stroke:var(--surface-2);stroke-width:2}.chart-extreme-peak{fill:var(--accent)}.chart-extreme-low{fill:var(--muted)}.chart-annotation-bg{fill:var(--surface);stroke:var(--border);stroke-width:1}.chart-annotation-text{fill:var(--text);font-family:var(--font-ui);font-size:10px;font-weight:600;letter-spacing:0.01em}.chart-crosshair{stroke:var(--border-strong);stroke-width:1;stroke-dasharray:3 3;opacity:0;pointer-events:none}.chart-crosshair.is-visible{opacity:1}.chart-hover-dot{fill:var(--accent);stroke:var(--surface-2);stroke-width:2;opacity:0;pointer-events:none}.chart-hover-dot.is-visible{opacity:1}.chart-overlay{fill:transparent;cursor:crosshair}.chart-overlay:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.stat-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.stat-group{min-width:0;padding:18px;border:1px solid var(--border);border-radius:0;background-color:var(--surface)}.stat-group h3{color:var(--muted);font-size:10px;font-weight:600;line-height:1;letter-spacing:0.13em;text-transform:uppercase}.stat-list{margin-top:12px}.stat-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid var(--border)}.stat-list>div:first-child{border-top:0}.stat-list dt{color:var(--muted);font-size:12px;line-height:1.3}.stat-list dd{color:var(--text);font-size:13px;font-weight:500;line-height:1.3;font-variant-numeric:tabular-nums;text-align:right}.key-heatmaps{margin-top:24px}.key-heatmaps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.key-heatmap-panel{min-width:0;padding:18px;border:1px solid var(--border);background-color:var(--surface)}.key-heatmap-panel--speed{grid-column:1 / -1}.key-heatmap-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.key-heatmap-panel-heading{min-width:0}.key-heatmap-title{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;font-weight:600;line-height:1.2;letter-spacing:0.12em;text-transform:uppercase}.key-heatmap-description{max-width:56ch;margin-top:6px;color:var(--muted);font-size:13px;line-height:1.5}.heatmap-legend{display:flex;align-items:center;gap:10px;flex:0 0 auto;padding-top:1px;color:var(--muted)}.heatmap-legend-end{display:flex;flex-direction:column;gap:3px;font-size:9px;line-height:1}.heatmap-legend-end>span:first-child{color:var(--text);font-weight:600;letter-spacing:0.08em;text-transform:uppercase}.heatmap-legend-end--slow{align-items:flex-end}.heatmap-legend-value{color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.heatmap-legend-scale{display:grid;grid-template-columns:repeat(5,16px);gap:2px}.heatmap-legend-swatch{width:16px;height:14px;border:1px solid var(--border);background-color:var(--surface);background-color:color-mix(in srgb,var(--heat-color,var(--border)) var(--heat-strength,0%),var(--surface));box-shadow:inset 0 -1px 0 var(--border)}.key-heatmap-board{display:grid;gap:4px;width:100%;max-width:720px;margin-top:16px}.key-heatmap-panel--speed .key-heatmap-board{max-width:660px;margin-right:auto;margin-left:auto}.key-heatmap-row{display:grid;gap:4px}.key-heatmap-row:nth-child(1){grid-template-columns:repeat(10,minmax(0,1fr))}.key-heatmap-row:nth-child(2){grid-template-columns:repeat(9,minmax(0,1fr));padding-right:5%;padding-left:5%}.key-heatmap-row:nth-child(3){grid-template-columns:repeat(7,minmax(0,1fr));padding-right:15%;padding-left:15%}.key-heatmap-key{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:46px;min-width:0;padding:2px 1px;overflow:hidden;border:1px solid var(--border);background-color:var(--surface);background-color:color-mix(in srgb,var(--heat-color,var(--border)) var(--heat-strength,0%),var(--surface));color:var(--text);font-family:var(--font-mono);font-size:12px;font-weight:700;line-height:1;box-shadow:inset 0 -2px 0 var(--border)}.key-heatmap-key.is-empty{color:var(--muted)}.key-heatmap-letter{font-size:12px;font-weight:700;line-height:1}.key-heatmap-value{color:var(--text-soft);font-size:9px;font-weight:400;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:0.01em}.key-heatmap-empty{margin-top:12px;color:var(--muted);font-size:12px;line-height:1.4}[data-heat-level="1"]{--heat-strength:8%}[data-heat-level="2"]{--heat-strength:14%}[data-heat-level="3"]{--heat-strength:20%}[data-heat-level="4"]{--heat-strength:26%}[data-heat-level="5"]{--heat-strength:32%}[data-heat-map="correct"]{--heat-color:var(--accent)}[data-heat-map="incorrect"]{--heat-color:var(--danger)}[data-heat-map="speed"][data-heat-level="1"]{--heat-color:var(--accent);--heat-strength:34%}[data-heat-map="speed"][data-heat-level="2"]{--heat-color:var(--accent);--heat-strength:20%}[data-heat-map="speed"][data-heat-level="3"]{--heat-color:var(--muted);--heat-strength:12%}[data-heat-map="speed"][data-heat-level="4"]{--heat-color:var(--danger);--heat-strength:20%}[data-heat-map="speed"][data-heat-level="5"]{--heat-color:var(--danger);--heat-strength:34%}html.dialog-open{overflow:hidden;overscroll-behavior:none}html.dialog-open body{overflow:hidden;overscroll-behavior:none;padding-right:var(--dialog-scrollbar-width,0px)}.info-dialog{position:fixed;inset:0;width:min(560px,calc(100vw - 32px));max-height:min(80vh,620px);margin:auto;padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:0;background-color:var(--surface);color:var(--text);box-shadow:var(--shadow-md);user-select:text;-webkit-user-select:text}.info-dialog::backdrop{background-color:rgba(14,16,15,0.55)}.info-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 20px 0}.info-dialog-heading{display:flex;align-items:center;gap:8px;min-width:0}.info-dialog-title-icon{width:22px;height:22px;flex:0 0 auto;color:inherit}.info-dialog-header h2{font-size:clamp(1.5rem,3.4vw,1.9rem);font-weight:500;line-height:1.1}.info-dialog-close{flex:0 0 auto;margin-left:0}.dialog-icon{width:16px;height:16px;flex:0 0 auto}.info-dialog-body{display:grid;gap:12px;padding:16px 20px 22px;color:var(--text-soft);font-size:14px;line-height:1.55}.info-dialog-body p{text-align:justify;text-wrap:balance}.info-dialog-body strong{color:var(--text);font-weight:600}@media (width < 1024px){.results-hero{grid-template-columns:1fr;gap:24px}.stat-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-group:last-child{grid-column:1 / -1}}@media (width < 768px){.key-heatmaps-grid{grid-template-columns:minmax(0,1fr);gap:12px}.key-heatmap-panel--speed{grid-column:auto}.key-heatmap-description-extra,.heatmap-legend{display:none}}@media (width <=640px){.results-list{gap:16px}.result-card{padding:18px}.results-header{row-gap:10px;column-gap:12px}.results-header h2{font-size:clamp(2rem,10vw,2.5rem)}.results-title-icon{display:none}.results-actions{gap:8px}.results-info-button{flex:0 0 42px}.results-new-test{flex:0 0 42px;width:42px;min-width:42px;padding:0}.results-action-label{display:none}.results-hero{margin-top:20px;padding:22px 0}.result-number>span:first-child{font-size:clamp(4.2rem,22vw,6rem)}.chart-card{padding:16px 12px 8px}.chart-card-header{flex-direction:column;gap:12px}.speed-chart{min-height:224px;margin-top:8px}.stat-groups{grid-template-columns:1fr;gap:12px}.stat-group:last-child{grid-column:auto}.key-heatmaps{margin-top:20px}.key-heatmap-panel{padding:14px}.key-heatmap-board{margin-top:14px}.key-heatmap-key{height:42px}.key-heatmap-letter{font-size:11px}}@media (width <=480px){.result-highlights{grid-template-columns:1fr}.key-heatmaps-grid{gap:10px}.key-heatmap-panel{padding:12px}.key-heatmap-board{gap:3px;margin-top:12px}.key-heatmap-row{gap:3px}.key-heatmap-key{height:38px;gap:1px;padding:1px}.key-heatmap-letter{font-size:10px}.key-heatmap-value{font-size:8px}.key-heatmap-empty{font-size:11px}}