.cwv-strategy-toggle{gap:8px;margin-top:16px;display:flex}.cwv-strategy-btn{font-size:.8125rem;font-family:var(--font);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 20px;transition:all .2s;display:inline-flex}.cwv-strategy-btn:hover{border-color:var(--border-hover,var(--text-muted));color:var(--text)}.cwv-strategy-btn.active{background:var(--text);color:var(--bg);border-color:var(--text)}.cwv-loading{text-align:center;padding:60px 24px}.cwv-loading-spinner{border:2px solid var(--border);border-top-color:var(--text);border-radius:50%;width:40px;height:40px;margin:0 auto 20px;animation:.8s linear infinite cwv-spin}@keyframes cwv-spin{to{transform:rotate(360deg)}}.cwv-loading-text{color:var(--text);margin-bottom:8px;font-size:.9375rem}.cwv-loading-sub{color:var(--text-muted);font-size:.8125rem}.cwv-error{border:1px solid var(--error,#ef4444);color:var(--error,#ef4444);margin-bottom:24px;padding:16px 20px;font-size:.875rem}.cwv-error p{margin:0}.cwv-result{margin-top:8px}.cwv-result-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px;padding-bottom:16px;display:flex}.cwv-result-url{color:var(--text);word-break:break-all;font-size:1rem;font-weight:500}.cwv-result-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cwv-result-time{color:var(--text-muted);font-size:.6875rem}.cwv-score-section{margin-bottom:40px}.cwv-score-row{flex-wrap:wrap;align-items:center;gap:40px;display:flex}.cwv-score-gauge{flex-shrink:0;width:140px;height:140px;position:relative}.cwv-score-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:300;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.cwv-score-label{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,60%)}.cwv-score-info{flex:1;min-width:200px}.cwv-score-desc{color:var(--text-secondary);margin:0 0 16px;font-size:.8125rem;line-height:1.6}.cwv-score-legend{flex-wrap:wrap;gap:16px;display:flex}.cwv-legend{align-items:center;gap:4px;font-size:.6875rem;font-weight:500;display:inline-flex}.cwv-legend.cwv-good{color:var(--success,#22c55e)}.cwv-legend.cwv-warn{color:var(--warning,#f59e0b)}.cwv-legend.cwv-poor{color:var(--error,#ef4444)}.cwv-vitals-section,.cwv-secondary-section,.cwv-field-section{margin-bottom:40px}.cwv-vitals-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.cwv-secondary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.cwv-metric-card{border:1px solid var(--border);padding:20px;transition:border-color .2s}.cwv-metric-card.cwv-good{border-left:3px solid var(--success,#22c55e)}.cwv-metric-card.cwv-warn{border-left:3px solid var(--warning,#f59e0b)}.cwv-metric-card.cwv-poor{border-left:3px solid var(--error,#ef4444)}.cwv-metric-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.cwv-metric-icon{color:var(--text-muted)}.cwv-metric-name{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.75rem;font-weight:600}.cwv-metric-badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid;align-items:center;gap:4px;margin-left:auto;padding:2px 8px;font-size:.625rem;font-weight:500;display:inline-flex}.cwv-metric-badge.cwv-good{border-color:var(--success,#22c55e);color:var(--success,#22c55e)}.cwv-metric-badge.cwv-warn{border-color:var(--warning,#f59e0b);color:var(--warning,#f59e0b)}.cwv-metric-badge.cwv-poor{border-color:var(--error,#ef4444);color:var(--error,#ef4444)}.cwv-metric-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text);margin-bottom:8px;font-size:1.75rem;font-weight:300}.cwv-metric-desc{color:var(--text-muted);font-size:.6875rem;line-height:1.5}.cwv-field-desc{color:var(--text-secondary);margin:0 0 16px;font-size:.8125rem}.cwv-diag-section{margin-bottom:40px}.cwv-diag-list{flex-direction:column;gap:8px;display:flex}.cwv-diag-item{border:1px solid var(--border);padding:14px 16px}.cwv-diag-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.cwv-diag-title{color:var(--text);font-size:.8125rem;font-weight:500}.cwv-diag-value{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.75rem}.cwv-diag-bar-track{background:var(--border);width:100%;height:3px}.cwv-diag-bar-fill{height:100%;transition:width .6s}.cwv-powered{text-align:center;color:var(--text-muted);letter-spacing:.05em;padding:24px 0;font-size:.6875rem}@media (max-width:768px){.cwv-vitals-grid{grid-template-columns:1fr}.cwv-score-row{text-align:center;flex-direction:column;align-items:center}.cwv-score-legend{justify-content:center}.cwv-result-header{flex-direction:column;align-items:flex-start}}