@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary: #0a0f1a;--bg-secondary: #111827;--bg-tertiary: #1f2937;--border-color: #1e293b;--border-light: #374151;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--primary: #6366f1;--primary-hover: #4f46e5;--primary-light: rgba(99, 102, 241, .1);--success: #22c55e;--success-light: rgba(34, 197, 94, .1);--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .1);--danger: #ef4444;--danger-light: rgba(239, 68, 68, .1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--primary),#818cf8);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover),#6366f1);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:.875rem 1rem;font-size:1rem;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;transition:all .2s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-input::placeholder{color:var(--text-muted)}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.card-title{font-size:1.1rem;font-weight:600}.landing-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#0a0f1a,#1a1a2e,#0f172a);position:relative;overflow:hidden}.landing-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(139,92,246,.08) 0%,transparent 50%);animation:pulse 15s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.landing-content{position:relative;z-index:1;text-align:center;max-width:600px}.landing-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem}.landing-logo .logo-icon{font-size:2.5rem}.landing-logo .logo-text{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-title{font-size:2.75rem;font-weight:800;line-height:1.2;margin-bottom:1rem;background:linear-gradient(135deg,#f1f5f9,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.7}.landing-form{margin-bottom:2rem}.landing-input-wrapper{display:flex;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.landing-input{flex:1;padding:1.25rem 1.5rem;background:transparent;border:none;color:var(--text-primary);font-size:1.1rem;outline:none}.landing-input::placeholder{color:var(--text-muted)}.landing-btn{padding:1.25rem 2rem;background:linear-gradient(135deg,var(--primary),#818cf8);border:none;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.landing-btn:hover{background:linear-gradient(135deg,#4f46e5,#6366f1)}.landing-features{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2.5rem;flex-wrap:wrap}.landing-feature{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:.85rem;color:var(--text-secondary)}.feature-icon{font-size:1rem}.landing-auth{display:flex;align-items:center;justify-content:center;gap:1rem}.landing-link{color:var(--text-secondary);font-size:.95rem}.landing-link:hover{color:var(--text-primary)}.landing-divider{color:var(--text-muted)}.landing-link-primary{color:var(--primary);font-weight:600}@media(max-width:600px){.landing-title{font-size:2rem}.landing-input-wrapper{flex-direction:column}.landing-btn{border-radius:0}.landing-features{flex-direction:column;align-items:center}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,var(--bg-primary),#0f172a)}.auth-card{width:100%;max-width:420px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-lg)}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo h1{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--primary),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-logo p{color:var(--text-muted);margin-top:.5rem}.auth-form{margin-top:1.5rem}.auth-footer{text-align:center;margin-top:1.5rem;color:var(--text-secondary)}.error-message{background:var(--danger-light);color:var(--danger);padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem;font-size:.9rem}.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:1.5rem;display:flex;flex-direction:column}.sidebar-logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;color:var(--text-secondary);border-radius:var(--radius-md);margin-bottom:.25rem;transition:all .2s}.nav-link:hover,.nav-link.active{background:var(--primary-light);color:var(--primary)}.nav-link svg{width:20px;height:20px}.sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color)}.user-info{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:.5rem}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--primary),#a78bfa);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.user-name{font-weight:500}.user-email{font-size:.8rem;color:var(--text-muted)}.main-content{flex:1;padding:1rem;overflow-y:auto}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{font-size:1.75rem;margin-bottom:.5rem}.dashboard-header p{color:var(--text-secondary)}.url-input-card{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem}.url-input-form{display:flex;gap:1rem}.url-input{flex:1;padding:1rem 1.25rem;font-size:1.1rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);outline:none;transition:all .2s}.url-input:focus{border-color:var(--primary);box-shadow:var(--shadow-glow)}.team-select{padding:1rem;font-size:1rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);outline:none;min-width:180px}.device-toggle{display:flex;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.device-btn{flex:1;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:all .2s}.device-btn.active{background:var(--primary);color:#fff}.device-btn:hover:not(.active){background:var(--bg-tertiary);color:var(--text-primary)}.compare-section{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.compare-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;color:var(--text-secondary)}.compare-toggle input{width:18px;height:18px;accent-color:var(--primary)}.compare-toggle span{transition:color .2s}.compare-toggle:hover span{color:var(--text-primary)}.compare-input{max-width:400px}.grade-card{display:flex;flex-direction:column;align-items:center;padding:2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.grade-letter{font-size:5rem;font-weight:700;line-height:1}.grade-A{color:var(--success)}.grade-B{color:#84cc16}.grade-C{color:var(--warning)}.grade-D{color:#f97316}.grade-E,.grade-F{color:var(--danger)}.grade-label{margin-top:.5rem;color:var(--text-secondary);font-size:.9rem}.grade-score{font-size:1.5rem;font-weight:600;margin-top:.5rem}.vitals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.vital-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem}.vital-label{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.vital-value{font-size:1.5rem;font-weight:600}.vital-good{color:var(--success)}.vital-needs-improvement{color:var(--warning)}.vital-poor{color:var(--danger)}.vital-rating{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-sm);margin-top:.5rem}.rating-good{background:var(--success-light);color:var(--success)}.rating-needs-improvement{background:var(--warning-light);color:var(--warning)}.rating-poor{background:var(--danger-light);color:var(--danger)}.waterfall-container{overflow-x:auto}.waterfall-item{display:flex;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color);font-size:.85rem}.waterfall-item:hover{background:var(--primary-light)}.waterfall-index{width:40px;color:var(--text-muted)}.waterfall-url{width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.waterfall-type{width:80px;text-transform:uppercase;font-size:.7rem;font-weight:600;color:var(--text-muted)}.waterfall-bar-container{flex:1;height:16px;position:relative}.waterfall-bar{position:absolute;height:100%;background:linear-gradient(90deg,var(--primary),#818cf8);border-radius:2px;min-width:2px}.waterfall-duration{width:70px;text-align:right;color:var(--text-secondary)}.waterfall-size{width:70px;text-align:right;color:var(--text-muted)}.filmstrip{display:flex;gap:.5rem;overflow-x:auto;padding:1rem 0}.filmstrip-frame{flex-shrink:0;width:160px;border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.filmstrip-frame img{width:100%;height:auto;display:block}.filmstrip-time{padding:.25rem;text-align:center;font-size:.75rem;color:var(--text-muted);background:var(--bg-tertiary)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.detail-item{background:var(--bg-tertiary);padding:1rem;border-radius:var(--radius-md);text-align:center}.detail-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:.5rem}.detail-value{font-size:1.25rem;font-weight:600}.detail-count{font-size:.85rem;color:var(--text-secondary)}.recommendation-item{padding:1rem;border-left:3px solid var(--border-color);margin-bottom:.75rem;background:var(--bg-tertiary);border-radius:0 var(--radius-md) var(--radius-md) 0}.recommendation-item.high{border-left-color:var(--danger)}.recommendation-item.medium{border-left-color:var(--warning)}.recommendation-item.low{border-left-color:var(--success)}.recommendation-title{font-weight:500;margin-bottom:.25rem}.recommendation-description{font-size:.85rem;color:var(--text-secondary)}.recommendation-impact{display:inline-block;padding:.2rem .5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;border-radius:var(--radius-sm);margin-top:.5rem}.impact-high{background:var(--danger-light);color:var(--danger)}.impact-medium{background:var(--warning-light);color:var(--warning)}.impact-low{background:var(--success-light);color:var(--success)}.history-table{width:100%;border-collapse:collapse}.history-table th,.history-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.history-table th{font-weight:600;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase}.history-table tr:hover{background:var(--primary-light)}.history-url{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-grade{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:700;border-radius:var(--radius-sm)}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.team-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:all .2s}.team-card:hover{border-color:var(--primary);box-shadow:var(--shadow-glow)}.team-name{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.team-meta{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.invite-code{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);font-family:monospace;font-size:1.1rem;letter-spacing:.1em}.copy-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:.25rem;transition:color .2s}.copy-btn:hover{color:var(--primary)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.modal-title{font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;font-size:1.5rem;line-height:1}.modal-close:hover{color:var(--text-primary)}.analyzing-overlay{position:fixed;inset:0;background:#0a0f1af2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.analyzing-content{text-align:center}.analyzing-spinner{width:80px;height:80px;border:4px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 2rem}.analyzing-text{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.analyzing-url{color:var(--text-secondary);max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analyzing-progress{margin-top:2rem;color:var(--text-muted)}.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.results-header h1{font-size:1.5rem}.results-url{color:var(--text-secondary);margin-top:.25rem}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.results-section{margin-bottom:2rem}.section-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}@media(max-width:768px){.layout{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color);padding:1rem}.sidebar-footer{display:none}.nav-links{display:flex;flex-direction:column;gap:.5rem}.nav-link{padding:.5rem .75rem;margin:0}.url-input-form{flex-direction:column}.results-grid{grid-template-columns:1fr}.two-column{grid-template-columns:1fr!important}}.results-page{max-width:1200px;margin:0 auto}.results-hero{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.results-hero-content{display:flex;gap:1.5rem;align-items:flex-start}.page-thumbnail{flex-shrink:0;width:200px;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--border-color);box-shadow:var(--shadow-lg)}.page-thumbnail img{width:100%;height:auto;display:block}.results-hero-info{flex:1}.back-link{font-size:.85rem;color:var(--text-muted);display:inline-block;margin-bottom:.5rem}.back-link:hover{color:var(--primary)}.results-hero-info h1{font-size:1.5rem;margin-bottom:.5rem}.results-url-display{font-size:1rem;color:var(--primary);word-break:break-all;margin-bottom:.75rem}.results-meta{display:flex;gap:1.5rem;color:var(--text-muted);font-size:.85rem;flex-wrap:wrap}.scores-hero{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin-bottom:1.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem}.scores-main{display:flex;align-items:center;gap:2rem;flex-shrink:0}.grade-center{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:90px}.grade-letter{font-size:5.5rem;font-weight:800;line-height:1;margin-bottom:.25rem}.grade-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.score-ring-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.score-ring{width:96px;height:96px;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--bg-tertiary);stroke-width:6}.ring-progress{fill:none;stroke-width:6;stroke-linecap:round;transition:stroke-dasharray .6s ease}.ring-value{position:absolute;left:0;top:0;width:96px;height:96px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;padding-bottom:.25rem}.ring-label{margin-top:.5rem;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.vitals-row{display:flex;align-items:center;justify-content:center;flex:1;gap:1.5rem}.vital-pill{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.25rem;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color);min-width:140px}.vital-pill-label{font-size:.85rem;font-weight:700;color:var(--text-muted)}.vital-pill-value{font-size:1.25rem;font-weight:700}.vital-pill.vital-good{border-color:#22c55e4d}.vital-pill.vital-good .vital-pill-value{color:#22c55e}.vital-pill.vital-needs-improvement{border-color:#f59e0b4d}.vital-pill.vital-needs-improvement .vital-pill-value{color:#f59e0b}.vital-pill.vital-poor{border-color:#ef44444d}.vital-pill.vital-poor .vital-pill-value{color:#ef4444}@media(max-width:900px){.scores-hero{flex-direction:column;align-items:stretch;gap:1rem}.scores-main,.vitals-row{justify-content:center}}@media(max-width:480px){.scores-main{flex-wrap:wrap;gap:1rem}.vitals-row{flex-direction:column}.vital-pill{width:100%}}.results-tabs{display:flex;gap:.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.25rem;margin-bottom:1.5rem;width:fit-content}.results-tab{padding:.75rem 1.5rem;background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.results-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.results-tab.active{background:var(--primary);color:#fff}.content-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.section-heading{font-size:1rem;font-weight:600;margin-bottom:.5rem}.section-description{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.speed-timeline{margin-top:1rem}.timeline-bar{position:relative;height:80px;margin-bottom:1rem}.timeline-track{position:absolute;top:40px;left:0;right:0;height:4px;background:var(--bg-tertiary);border-radius:2px}.timeline-marker{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.marker-line{width:2px;height:24px;background:currentColor;margin-bottom:4px}.marker-label{font-size:.7rem;text-align:center;white-space:nowrap;padding:.25rem .5rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);line-height:1.3}.timeline-marker.fcp{color:#22c55e;top:0}.timeline-marker.lcp{color:#6366f1;top:0}.timeline-marker.onload{color:#f59e0b;top:0}.timeline-marker.fully-loaded{color:#ef4444;top:0}.filmstrip-container{display:flex;align-items:flex-start;gap:1rem}.play-video-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--primary),#818cf8);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s;flex-shrink:0}.play-video-btn:hover{transform:scale(1.05);box-shadow:0 4px 20px #6366f166}.play-icon{font-size:1.5rem}.filmstrip-row{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0;flex:1}.filmstrip-item{flex-shrink:0;text-align:center}.filmstrip-item img{width:120px;height:auto;border:1px solid var(--border-color);border-radius:var(--radius-sm)}.filmstrip-item span{display:block;font-size:.7rem;color:var(--text-muted);margin-top:.25rem}.video-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.video-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;max-width:900px;width:100%;position:relative}.video-modal h3{margin-bottom:1rem;font-size:1.1rem}.video-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1}.video-close:hover{color:var(--text-primary)}.load-video{width:100%;border-radius:var(--radius-md);background:#000}.video-container{margin-top:1rem}.load-video-full{width:100%;max-height:600px;border-radius:var(--radius-md);background:#000}.history-cards{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.history-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 1.5rem;cursor:pointer;transition:all .2s}.history-card:hover{border-color:var(--primary);transform:translate(4px)}.history-card-date{font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem}.history-card-scores{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.history-grade{font-size:2.5rem;font-weight:800;line-height:1;min-width:60px}.history-metric{display:flex;flex-direction:column;align-items:center}.history-metric-value{font-size:1.5rem;font-weight:700}.history-metric-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.history-vital{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:var(--bg-tertiary);border-radius:4px;font-size:.85rem}.history-vital span:first-child{color:var(--text-muted);font-weight:600}.history-vital span:last-child{color:var(--text-primary);font-weight:500}.trends-chart-container{margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.trends-chart-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.trends-chart{height:250px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.issues-list{display:flex;flex-direction:column;gap:.5rem}.issue-item{display:flex;gap:1rem;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--radius-md);align-items:flex-start}.issue-badge{flex-shrink:0;padding:.25rem .5rem;font-size:.7rem;font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase}.issue-badge.high{background:var(--danger);color:#fff}.issue-badge.medium{background:var(--warning);color:#1a1a1a}.issue-badge.low{background:var(--success);color:#fff}.issue-content{flex:1;min-width:0}.issue-title{font-size:.9rem;font-weight:500;margin-bottom:.25rem}.issue-saving{font-size:.8rem;color:var(--text-muted)}.no-issues{padding:2rem;text-align:center;color:var(--success);font-size:1rem}.no-issues span{font-size:1.5rem;display:block;margin-bottom:.5rem}.page-detail-item{margin-bottom:1.5rem}.page-detail-item:last-child{margin-bottom:0}.detail-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.detail-header span:first-child{color:var(--text-secondary)}.detail-header .detail-value{font-weight:600}.detail-bar{height:24px;background:var(--bg-primary);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:.5rem}.detail-bar.stacked{display:flex}.detail-bar-fill{height:100%;border-radius:var(--radius-sm)}.detail-bar-segment{height:100%}.size-breakdown{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}.breakdown-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.breakdown-dot{width:8px;height:8px;border-radius:50%}.breakdown-label{color:var(--text-secondary);text-transform:capitalize}.breakdown-value{font-weight:500}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.recommendation-card{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:1rem;border-left:3px solid var(--border-color)}.recommendation-card.impact-high{border-left-color:var(--danger)}.recommendation-card.impact-medium{border-left-color:var(--warning)}.recommendation-card.impact-low{border-left-color:var(--success)}.rec-header{margin-bottom:.5rem}.rec-title{font-size:.9rem;font-weight:500;margin-bottom:.25rem}.rec-saving{font-size:.8rem;color:var(--text-muted)}.vitals-grid-detailed{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.vital-detail-card{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:1.25rem}.vital-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.vital-detail-label{font-size:.9rem;font-weight:500}.vital-detail-rating{font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius-sm)}.vital-detail-rating.rating-good{background:var(--success-light);color:var(--success)}.vital-detail-rating.rating-needs-improvement{background:var(--warning-light);color:var(--warning)}.vital-detail-rating.rating-poor{background:var(--danger-light);color:var(--danger)}.vital-detail-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.vital-detail-desc{font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.vital-thresholds{display:flex;gap:1rem;font-size:.7rem}.threshold{padding:.2rem .4rem;border-radius:var(--radius-sm)}.threshold.good{background:var(--success-light);color:var(--success)}.threshold.poor{background:var(--danger-light);color:var(--danger)}.third-party-summary{display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md)}.tp-stat{display:flex;flex-direction:column;align-items:center}.tp-stat-value{font-size:1.5rem;font-weight:700;color:var(--warning)}.tp-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.third-party-list{display:flex;flex-direction:column;gap:.5rem}.tp-domain-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.tp-domain-info{display:flex;flex-direction:column;gap:.25rem}.tp-domain-name{font-weight:500;color:var(--text-primary)}.tp-domain-requests{font-size:.8rem;color:var(--text-muted)}.tp-domain-size{font-weight:600;color:var(--warning)}.tp-more{text-align:center;padding:.5rem;color:var(--text-muted);font-size:.85rem}.waterfall-chart{overflow-x:auto}.waterfall-header{display:flex;padding:.75rem 0;border-bottom:1px solid var(--border-color);font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.waterfall-row{display:flex;padding:.5rem 0;border-bottom:1px solid var(--border-color);font-size:.85rem;align-items:center}.waterfall-row:hover{background:var(--primary-light)}.wf-col{flex-shrink:0}.wf-index{width:40px;color:var(--text-muted)}.wf-url{width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.wf-type{width:80px}.wf-status{width:50px}.wf-status.error{color:var(--danger)}.wf-timeline{flex:1;min-width:200px;padding:0 .5rem}.wf-time{width:70px;text-align:right;color:var(--text-secondary)}.wf-size{width:70px;text-align:right;color:var(--text-muted)}.type-badge{display:inline-block;padding:.15rem .4rem;font-size:.65rem;font-weight:600;border-radius:var(--radius-sm);color:#fff;text-transform:uppercase}.wf-timeline-bar{height:12px;background:var(--bg-primary);border-radius:2px;position:relative}.wf-bar{position:absolute;height:100%;background:linear-gradient(90deg,var(--primary),#818cf8);border-radius:2px}.waterfall-more{padding:1rem;text-align:center;color:var(--text-muted)}.audit-categories{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.category-label{color:var(--text-muted);font-size:.85rem}.category-badge{padding:.35rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.category-badge.accessibility{background:#8b5cf633;color:#a78bfa}.category-badge.best-practices{background:#22c55e33;color:#4ade80}.category-badge.seo{background:#3b82f633;color:#60a5fa}.audit-section{margin-bottom:2rem}.audit-section-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.audit-section-title.passed{color:var(--success)}.audits-list{display:flex;flex-direction:column;gap:.5rem}.audits-list.collapsed{opacity:.7}.audit-item{background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--border-color);overflow:hidden;transition:all .2s}.audit-item.expanded{border-left-color:var(--primary)}.audit-item.passed{opacity:.7}.audit-item.passed .audit-header{padding:.5rem .75rem}.audit-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .2s}.audit-header:hover{background:var(--primary-light)}.audit-impact-badge{flex-shrink:0;padding:.2rem .5rem;font-size:.65rem;font-weight:700;border-radius:var(--radius-sm);color:#fff;text-transform:uppercase}.audit-status{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;border-radius:50%}.audit-status.passed{background:var(--success-light);color:var(--success)}.audit-title{flex:1;font-size:.9rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-value{color:var(--text-muted);font-size:.8rem}.category-tag{flex-shrink:0;padding:.15rem .4rem;font-size:.65rem;font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase}.category-tag.accessibility{background:#8b5cf633;color:#a78bfa}.category-tag.best-practices{background:#22c55e33;color:#4ade80}.category-tag.seo{background:#3b82f633;color:#60a5fa}.audit-chevron{flex-shrink:0;font-size:.65rem;color:var(--text-muted);transition:transform .2s}.audit-chevron.open{transform:rotate(90deg)}.audit-details{padding:1rem 1rem 1rem 2.5rem;border-top:1px solid var(--border-color);background:#0003}.audit-description{margin-bottom:1rem}.audit-description strong{color:var(--text-primary);font-size:.85rem}.audit-description p{color:var(--text-secondary);font-size:.85rem;margin-top:.25rem;line-height:1.5}.audit-items{margin-bottom:1rem}.audit-items strong{color:var(--text-primary);font-size:.85rem}.audit-items-list{margin-top:.5rem;max-height:200px;overflow-y:auto}.audit-item-row{display:flex;flex-wrap:wrap;gap:.5rem;padding:.35rem .5rem;background:var(--bg-primary);border-radius:var(--radius-sm);margin-bottom:.35rem;font-size:.8rem}.audit-item-url{color:var(--primary);text-decoration:none;word-break:break-all;cursor:pointer;border-bottom:1px dotted var(--primary);transition:all .2s}.audit-item-url:hover{border-bottom-style:solid;opacity:.8}.audit-item-node,.audit-item-selector{background:var(--bg-tertiary);padding:.15rem .4rem;border-radius:var(--radius-sm);font-size:.75rem;color:var(--warning);max-width:100%;overflow-x:auto}.audit-item-label{color:var(--text-secondary)}.audit-item-value{color:var(--text-muted);margin-left:auto}.audit-how-to-fix{background:var(--primary-light);padding:.75rem;border-radius:var(--radius-md);border-left:3px solid var(--primary)}.audit-how-to-fix strong{color:var(--primary);font-size:.85rem}.audit-how-to-fix p{color:var(--text-secondary);font-size:.85rem;margin-top:.25rem;line-height:1.5}.more-audits{padding:.75rem;text-align:center;color:var(--text-muted);font-size:.85rem}.structure-info-box{background:var(--bg-tertiary);border-left:3px solid var(--primary);padding:1rem;margin-bottom:1.5rem;border-radius:var(--radius-md)}.structure-info-box strong{color:var(--text-primary);font-size:.9rem}.structure-info-box p{color:var(--text-secondary);font-size:.85rem;margin-top:.5rem;line-height:1.5}.no-issues{display:flex;align-items:center;gap:.75rem;padding:1.5rem;background:var(--success-light);border-radius:var(--radius-md);color:var(--success);font-weight:500}.no-issues span{font-size:1.5rem}@media(max-width:768px){.results-page{padding:.5rem}.card{padding:.75rem}.content-section{padding:.75rem;margin-bottom:.75rem}.scores-hero{padding:.75rem}.results-hero-content{flex-direction:column;gap:1rem}.page-thumbnail{order:-1;margin:0 auto}.results-hero-info{text-align:center}.scores-main{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;justify-items:center}.grade-center{grid-column:1 / -1;text-align:center;margin-bottom:.25rem}.grade-letter{font-size:5rem!important}.grade-label{font-size:.7rem}.score-ring-card{text-align:center}.score-ring{width:65px!important;height:65px!important}.ring-value{font-size:1.1rem!important;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-label{font-size:.6rem!important;margin-top:.25rem}.vitals-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-top:.75rem}.vital-pill{font-size:.65rem;padding:.3rem .4rem;text-align:center;justify-content:center;white-space:nowrap}.vital-pill .vital-label{font-size:.55rem}.vital-pill .vital-value{font-size:.7rem}.results-tabs{display:flex;width:100%;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.25rem;padding-bottom:.5rem;margin:0 -.5rem 1.5rem;padding-left:.5rem;padding-right:.5rem}.results-tabs::-webkit-scrollbar{display:none}.speed-timeline{width:100%;overflow-x:hidden;padding:0 .25rem}.timeline-bar,.filmstrip-row{width:100%}.results-tab{flex-shrink:0;padding:.5rem .75rem;font-size:.8rem;white-space:nowrap}.url-input-form{flex-direction:column;gap:.75rem}.url-input{width:100%;font-size:1rem;padding:.875rem 1rem}.device-toggle{width:100%;justify-content:center}.team-select{width:100%;min-width:unset}.third-party-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.75rem}.tp-stat-value{font-size:1.1rem}.tp-stat-label{font-size:.6rem}.tp-domain-row{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.5rem .75rem}.tp-domain-size{align-self:flex-end}.vitals-grid-detailed{grid-template-columns:1fr;gap:.75rem}.vital-detail-card{padding:.75rem}.vital-detail-value{font-size:3rem}.results-header{margin-bottom:.75rem}.compare-section{margin-top:.75rem}.compare-input{max-width:100%}.history-card{padding:.75rem}.history-card-scores{display:grid;grid-template-columns:auto repeat(2,1fr);gap:.5rem;align-items:center}.history-grade{font-size:1.75rem;min-width:45px}.history-metric-value{font-size:1.1rem}.history-metric-label{font-size:.6rem}.history-vital{display:none}.trends-chart-container{padding:.75rem}.trends-chart{height:180px}.filmstrip-track{overflow-x:auto;-webkit-overflow-scrolling:touch}.section-heading{font-size:1rem;margin-bottom:.5rem}.section-description{font-size:.8rem;margin-bottom:.75rem}.issue-item{padding:.75rem}.audit-item{padding:0;overflow:hidden}.audit-header{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"badge title" "chevron value";align-items:center;gap:.25rem .75rem;padding:.75rem}.audit-impact-badge{grid-area:badge}.audit-title{grid-area:title;font-size:.9rem}.audit-value{grid-area:value;font-size:.85rem;color:var(--text-secondary);justify-self:start;text-align:left}.audit-chevron{grid-area:chevron;justify-self:center;font-size:.8rem;color:var(--text-muted)}}@media(max-width:480px){.results-page{padding:.25rem}.scores-main{gap:.35rem}.grade-letter{font-size:4.5rem!important}.score-ring{width:55px!important;height:55px!important}.ring-value{font-size:.9rem!important}.ring-label{font-size:.55rem!important}.vital-pill{font-size:.6rem;padding:.25rem .35rem}.tp-stat-value{font-size:.95rem}.history-grade{font-size:1.5rem}.history-card-scores{grid-template-columns:auto 1fr 1fr}}.comparison-vs-header{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem;padding:2rem;background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.vs-column{text-align:center;flex:1}.vs-url{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;word-break:break-all}.vs-tag{display:inline-block;padding:.25rem .75rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:999px;font-size:.75rem;color:var(--text-muted)}.vs-tag.competitor{border-color:var(--primary-color);color:var(--primary-color);background:#6366f11a}.vs-divider{font-size:1.5rem;font-weight:800;color:var(--text-muted);opacity:.5}.comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.comparison-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:1.5rem}.comparison-card h3{font-size:1.1rem;margin-bottom:1.5rem;color:var(--text-color);border-bottom:1px solid var(--border-color);padding-bottom:.75rem}.comparison-row{display:flex;align-items:center;justify-content:space-around}.metrics-list{display:flex;flex-direction:column;gap:1rem}.comparison-metric-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.comparison-metric-row:last-child{border-bottom:none}.metric-label{font-size:.9rem;color:var(--text-muted)}.metric-value{font-weight:600;text-align:right}.metric-value.winner{color:#22c55e}.metric-diff{text-align:center;font-size:.8rem;font-weight:500}.metric-diff.positive{color:#22c55e}.metric-diff.negative{color:#ef4444}.metric-diff.neutral{color:var(--text-muted)}.grade-display{text-align:center}.grade-display .grade-letter{font-size:3.5rem;line-height:1;font-weight:800}.grade-display .grade-score{font-size:1.2rem;font-weight:600;margin-top:.5rem}.vs-badge{background:var(--bg-color);padding:.5rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:var(--text-muted);border:1px solid var(--border-color)}@media(max-width:768px){.comparison-vs-header{flex-direction:column;gap:1rem}.comparison-grid{grid-template-columns:1fr}.comparison-metric-row{grid-template-columns:1.5fr 1fr .5fr 1fr;font-size:.9rem}}.mobile-header,.sidebar-overlay,.close-menu-btn{display:none}@media(max-width:768px){.layout{flex-direction:column}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#0f172acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:50}.hamburger-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;margin-right:-.5rem}.hamburger-btn svg{width:28px;height:28px;stroke-width:2.5}.mobile-logo{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.sidebar{position:fixed;inset:0;width:100%;height:100vh;background:#0a0a0cf2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;transition:all .4s cubic-bezier(.16,1,.3,1);opacity:0;pointer-events:none;transform:translateY(-20px) scale(.98)}.sidebar.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.sidebar-logo,.sidebar-footer{display:none}.sidebar-header-mobile{position:absolute;top:1rem;right:1.5rem;width:100%;display:flex;justify-content:flex-end}.close-menu-btn{display:block;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:var(--text-primary);width:44px;height:44px;font-size:1.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-menu-btn:active{transform:scale(.9);background:#fff3}.nav-links{width:100%;max-width:300px;display:flex;flex-direction:column;gap:1.5rem;text-align:center}.nav-link{font-size:2rem;font-weight:800;color:var(--text-muted);justify-content:center;padding:1rem;background:transparent;border-radius:999px;transition:all .3s;letter-spacing:-.02em}.nav-link svg{display:none}.nav-link.active{color:#fff;background:linear-gradient(90deg,transparent,rgba(99,102,241,.1),transparent);text-shadow:0 0 20px rgba(99,102,241,.5);transform:scale(1.1)}.sidebar.open .nav-link{animation:slideInUp .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(20px)}.sidebar.open .nav-link:nth-child(1){animation-delay:.1s}.sidebar.open .nav-link:nth-child(2){animation-delay:.2s}.sidebar.open .nav-link:nth-child(3){animation-delay:.3s}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.sidebar-overlay{display:none}}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}