:root{--bg:#f6f7f9;--surface:#fff;--text:#1a1d21;--muted:#5f6670;--faint:#8a9099;--border:#d9dde3;--accent:#1f5eff;--error:#c62828;--good:#0c7c3e;--good-bg:#e3f4ea;--ni:#9a5b00;--ni-bg:#fdf0d9;--poor:#b3261e;--poor-bg:#fbe4e2;--none-bg:#eceef1}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{margin:0;font-size:1.5rem}a{color:inherit}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{max-width:1200px;margin:0 auto;padding:20px 16px 48px}.app-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.app-title{font-size:1.1rem;font-weight:700;text-decoration:none}.logout{color:var(--muted);font-size:.875rem}.freshness{color:var(--muted);margin:0 0 20px;font-size:.85rem}.intro{color:var(--muted);margin:6px 0 16px}.empty{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:24px}.breadcrumb{color:var(--muted);margin:0 0 8px;font-size:.875rem}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow-x:auto}.overview{border-collapse:collapse;width:100%;min-width:920px}.overview th,.overview td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:10px 12px}.overview thead th{color:var(--muted);white-space:nowrap;font-size:.8rem;font-weight:600}.overview .device-head{text-align:left;color:var(--text);border-left:1px solid var(--border);font-size:.9rem}.overview .group-start{border-left:1px solid var(--border)}.overview tbody tr:last-child th,.overview tbody tr:last-child td{border-bottom:none}.platform-col{width:190px}.platform-link{flex-direction:column;gap:2px;text-decoration:none;display:flex}.platform-link:hover .platform-name{text-decoration:underline}.platform-name{font-weight:600}.site-label{color:var(--muted);font-size:.8rem;font-weight:400}.metric{white-space:nowrap}.metric.no-data{color:var(--faint);font-size:.85rem}.pill{background:var(--none-bg);border-radius:999px;align-items:center;gap:6px;padding:3px 8px;font-size:.95rem;font-weight:600;display:inline-flex}.pill .dot{background:currentColor;border-radius:50%;width:8px;height:8px}.pill.good{color:var(--good);background:var(--good-bg)}.pill.needs-improvement{color:var(--ni);background:var(--ni-bg)}.pill.poor{color:var(--poor);background:var(--poor-bg)}.change{color:var(--muted);margin-top:4px;font-size:.78rem;display:block}.result{white-space:nowrap}.badge{text-transform:uppercase;letter-spacing:.02em;border-radius:4px;padding:2px 8px;font-size:.8rem;font-weight:700;display:inline-block}.badge.pass{color:#fff;background:var(--good)}.badge.fail{color:#fff;background:var(--poor)}.badge.no-data{color:var(--muted);background:var(--none-bg)}.supporting{color:var(--faint);flex-direction:column;margin-top:6px;font-size:.75rem;display:flex}.legend{color:var(--muted);flex-direction:column;gap:8px;margin-top:14px;font-size:.8rem;display:flex}.legend .pill{margin-right:8px;font-size:.78rem}.page-title-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-title-row>div:first-child{flex:1;min-width:0}.page-title-row .device-switch{flex:none}.device-switch{border:1px solid var(--border);background:var(--surface);border-radius:8px;display:inline-flex;overflow:hidden}.device-switch a{color:var(--muted);padding:7px 16px;font-size:.9rem;text-decoration:none}.device-switch a+a{border-left:1px solid var(--border)}.device-switch a.active{color:var(--text);background:var(--none-bg);font-weight:600}.platform-table{min-width:1060px}.platform-table .platform-col{width:230px}.site-row th,.site-row td{background:#fafbfc}.page-note{color:var(--muted);font-size:.72rem;font-weight:500}.page-path{text-overflow:ellipsis;white-space:nowrap;max-width:210px;color:var(--faint);font-size:.75rem;font-weight:400;overflow:hidden}.no-data-row,.psi-note{color:var(--faint);font-size:.85rem;vertical-align:middle!important}.no-data-text{color:var(--faint);font-size:.85rem;display:inline-block}.sparkline{margin-top:6px;display:block}.sparkline-line{fill:none;stroke:var(--muted);stroke-width:1.5px;stroke-linejoin:round}.sparkline-good{stroke:var(--border);stroke-width:1px;stroke-dasharray:3 3}.sparkline-end{fill:var(--muted)}.sparkline-end.good{fill:var(--good)}.sparkline-end.needs-improvement{fill:var(--ni)}.sparkline-end.poor{fill:var(--poor)}.sparkline-empty{color:var(--faint);margin-top:6px;font-size:.72rem;display:block}.psi{white-space:nowrap}.score{align-items:center;gap:6px;font-weight:600;display:inline-flex}.score .dot{background:currentColor;border-radius:50%;width:8px;height:8px}.score.good{color:var(--good)}.score.needs-improvement{color:var(--ni)}.score.poor{color:var(--poor)}.score.none{color:var(--faint)}.psi-range{color:var(--faint);margin-top:4px;font-size:.75rem;display:block}h2{margin:0 0 6px;font-size:1.15rem}h3{margin:0 0 8px;font-size:.95rem}.detail-section{margin-top:28px}.detail-links{flex-wrap:wrap;gap:8px 20px;margin:0 0 4px;font-size:.875rem;display:flex}.detail-links a{overflow-wrap:anywhere;max-width:100%}.secondary-link,.page-note-inline{color:var(--muted)}.notice{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--muted);border-radius:6px;margin:8px 0 12px;padding:10px 14px;font-size:.9rem}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;display:grid}.chart-grid.small{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:12px}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:0;padding:12px 12px 6px}.small-heading{color:var(--muted);font-size:.85rem}.muted-note{color:var(--faint);font-size:.75rem;font-weight:400}.site-wide-tag{color:var(--muted);background:var(--none-bg);border-radius:4px;margin-left:8px;padding:1px 6px;font-size:.7rem;font-weight:600}.chart-empty{color:var(--faint);margin:24px 0;font-size:.85rem}.chart-tooltip{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-size:.8rem;box-shadow:0 2px 8px #00000014}.chart-tooltip-period{color:var(--muted);margin-bottom:4px}.chart-tooltip-value{margin-bottom:4px;font-weight:700}.chart-tooltip-shares{color:var(--muted);flex-direction:column;display:flex}.lab-summary{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.lab-tile{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:4px;min-width:110px;padding:10px 12px;display:flex}.lab-tile-label{color:var(--muted);font-size:.75rem}.lab-tile-value{font-size:1.15rem;font-weight:600}.metric-tile .lab-tile-value{font-weight:500}.runs-table{min-width:860px}.runs-table td,.runs-table th{white-space:nowrap}.selected-run th,.selected-run td{background:#fafbfc}.used-tag{color:var(--text);background:var(--none-bg);border-radius:4px;margin-left:8px;padding:1px 6px;font-size:.7rem;font-weight:600}.audits-heading{margin-top:24px}.audit-groups{flex-direction:column;gap:18px;display:flex}.audit-count{color:var(--muted);font-size:.8rem;font-weight:400}.audit{background:var(--surface);border:1px solid var(--border);border-radius:6px;margin-bottom:6px}.audit summary{cursor:pointer;align-items:baseline;gap:10px;padding:9px 12px;list-style-position:outside;display:flex}.audit[open] summary{border-bottom:1px solid var(--border)}.audit-level{text-transform:uppercase;flex:none;width:64px;font-size:.72rem;font-weight:700}.audit-level.fail{color:var(--poor)}.audit-level.warn{color:var(--ni)}.audit-title{flex:1;font-size:.9rem}.audit-title code{background:var(--bg);border-radius:3px;padding:0 3px;font-size:.82rem}.audit-savings,.audit-display{color:var(--muted);flex:none;font-size:.8rem}.audit-items{margin:0;padding:8px 12px 10px 28px}.audit-item{border-bottom:1px dashed var(--border);flex-direction:column;gap:2px;padding:5px 0;font-size:.82rem;display:flex}.audit-item:last-child{border-bottom:none}.audit-item-text{overflow-wrap:anywhere}.audit-item-facts{color:var(--muted);font-size:.75rem}.audit-item-code{max-width:100%;color:var(--muted);background:var(--bg);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:4px;padding:4px 6px;font-size:.72rem;display:block;overflow-x:auto}.audit-no-items{color:var(--faint);margin:0;padding:10px 12px;font-size:.82rem}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;width:100%;max-width:340px;padding:32px 28px;display:flex}.login-card h1{text-align:center;margin-bottom:8px}.login-card label{color:var(--muted);font-size:.875rem}.login-card input{border:1px solid var(--border);border-radius:6px;padding:10px 12px;font-size:1rem}.login-card input:focus{outline:2px solid var(--accent);outline-offset:1px}.login-card button{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:6px;padding:10px 12px;font-size:1rem;font-weight:600}.login-error{color:var(--error);margin:0;font-size:.875rem}