:root{--surface-bg:#0a0a0a;--surface-base:#111111;--surface-raised:#161616;--surface-overlay:#1c1c1c;--border-subtle:rgba(255,255,255,0.08);--border-default:rgba(255,255,255,0.13);--border-strong:rgba(255,255,255,0.22);--brand:#2563eb;--brand-hover:#3b82f6;--brand-muted:rgba(37,99,235,0.12);--accent-primary:#2563eb;--accent:#2563eb;--success:#16a34a;--error:#dc2626;--warning:#d97706;--text-1:#f4f4f5;--text-2:#a1a1aa;--text-3:#71717a;--text-4:#3f3f46;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","SF Mono","Fira Code",monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.5);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 24px rgba(0,0,0,0.5)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text-1);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6}.app-bg,body{background:var(--surface-bg)}.app-bg{position:fixed;inset:0;z-index:0;pointer-events:none}.app-bg:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 0);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0,black 30%,transparent 100%);mask-image:radial-gradient(ellipse 90% 70% at 50% 0,black 30%,transparent 100%)}.app-shell,.page-content{display:flex;min-height:100vh}.page-content{flex:1 1;min-width:0;flex-direction:column;position:relative;z-index:1}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;width:210px;flex-shrink:0;display:flex;flex-direction:column;background:rgba(10,10,14,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid rgba(255,255,255,.06);z-index:100;overflow-y:auto;overflow-x:hidden;transition:width .2s ease}.sidebar--collapsed{width:56px}.sidebar-logo{display:flex;align-items:center;justify-content:space-between;padding:16px 12px 12px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.sidebar-logo-link{display:flex;align-items:center;gap:8px;text-decoration:none;overflow:hidden}.sidebar-logo-text{font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--text-1);white-space:nowrap}.sidebar-logo-dot{color:var(--accent-primary)}.sidebar-collapse-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:2px;display:flex;align-items:center;border-radius:4px;flex-shrink:0;transition:color .15s}.sidebar-collapse-btn:hover{color:var(--text-1)}.sidebar-nav{flex:1 1;padding:8px 0;overflow-y:auto}.sidebar-section{padding:4px 0}.sidebar-section-label{display:block;padding:8px 14px 4px;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap}.sidebar-link{display:flex;align-items:center;gap:9px;padding:7px 14px;color:var(--text-secondary,#aaa);text-decoration:none;font-size:.82rem;font-family:var(--font-sans);transition:color .15s,background .15s,border-color .15s;white-space:nowrap;overflow:hidden;cursor:pointer;background:none;border:none;border-left:2px solid transparent;width:100%;text-align:left}.sidebar-link:hover{color:var(--text-1);background:rgba(255,255,255,.04)}.sidebar-link--active{color:var(--accent-primary);border-left-color:var(--accent-primary);background:rgba(0,255,136,.06)}.sidebar-link-icon{flex-shrink:0;opacity:.8}.sidebar-link--active .sidebar-link-icon{opacity:1}.sidebar-link-label{overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:8px 0 12px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:2px}.sidebar-usage{padding:6px 14px}.sidebar-usage-row{display:flex;justify-content:space-between;margin-bottom:4px}.sidebar-usage-text{color:var(--text-dim)}.sidebar-usage-pro,.sidebar-usage-text{font-size:.72rem;font-family:var(--font-mono)}.sidebar-usage-pro{font-weight:700;color:var(--accent-primary)}.sidebar-usage-manage{margin-left:auto;color:var(--text-3);display:flex;align-items:center;transition:color .15s}.sidebar-usage-manage:hover{color:var(--text-1)}.sidebar-usage-bar-outer{height:3px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}.sidebar-usage-bar-inner{height:100%;background:var(--accent-primary);border-radius:2px;transition:width .3s ease}.sidebar-user{display:flex;align-items:center;gap:9px;padding:6px 14px}.sidebar-user-label{font-size:.82rem;color:var(--text-secondary,#aaa);white-space:nowrap;overflow:hidden}.sidebar-signin-btn{width:calc(100% - 28px);margin:4px 14px;padding:8px 12px;background:var(--accent-primary);color:#000;border:none;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer;transition:opacity .15s}.sidebar-signin-btn:hover{opacity:.85}.main{position:relative;z-index:1;min-height:100vh;flex-direction:column;padding:var(--space-12) var(--space-6);justify-content:center}.header,.main{display:flex;align-items:center}.header{position:fixed;top:0;left:0;right:0;z-index:100;justify-content:space-between;padding:0 var(--space-6);height:56px;background:rgba(10,10,10,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.header nav{display:flex;align-items:center;gap:var(--space-1)}.header nav a{font-size:.875rem;font-weight:500;color:var(--text-2);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius);transition:color .15s,background .15s}.header nav a:hover{color:var(--text-1);background:var(--surface-raised)}.logo{gap:var(--space-3);margin-bottom:var(--space-10)}.logo,.logo-icon{display:flex;align-items:center}.logo-icon{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--text-1);color:var(--surface-bg);justify-content:center;font-size:14px;flex-shrink:0}.logo-text{font-weight:600;color:var(--text-1);letter-spacing:-.3px}.logo-dot,.logo-text{font-size:1.125rem;font-family:var(--font-sans)}.logo-dot{font-weight:500;color:var(--text-3)}.hero-text{text-align:center;margin-bottom:var(--space-8);max-width:560px}.hero-title{font-size:clamp(2rem,5vw,2.75rem);font-weight:700;letter-spacing:-1.5px;line-height:1.15;margin-bottom:var(--space-4);color:var(--text-1)}.tagline{font-size:.9375rem;color:var(--text-2);font-weight:400;line-height:1.65;max-width:440px;margin:0 auto}.tool-selector{display:inline-flex;gap:var(--space-1);background:var(--surface-base);padding:var(--space-1);border-radius:var(--radius-full);border:1px solid var(--border-default);margin-bottom:var(--space-8)}.tool-tab{background:transparent;border:none;color:var(--text-3);font-family:var(--font-sans);font-size:.8125rem;font-weight:500;padding:6px var(--space-4);border-radius:var(--radius-full);cursor:pointer;transition:color .15s,background .15s;white-space:nowrap}.tool-tab.active,.tool-tab:hover:not(.disabled){color:var(--text-1)}.tool-tab.active{background:var(--surface-overlay);border:1px solid var(--border-default);box-shadow:var(--shadow-sm)}.tool-tab.disabled{opacity:.35;cursor:not-allowed}.input-container{max-width:600px;flex-direction:column}.input-container,.url-input-wrapper{width:100%;display:flex;align-items:center}.url-input-wrapper{background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-2);gap:var(--space-2);transition:border-color .2s;box-shadow:var(--shadow-sm)}.url-input-wrapper:focus-within{border-color:var(--border-strong)}.url-prefix{font-size:.8125rem;color:var(--text-4);padding:0 var(--space-2) 0 var(--space-4);-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;letter-spacing:0}.url-input,.url-prefix{font-family:var(--font-mono)}.url-input{flex:1 1;background:none;border:none;outline:none;color:var(--text-1);font-size:.9rem;padding:10px var(--space-2);caret-color:var(--text-1);min-width:0}.url-input::placeholder{color:var(--text-4)}.submit-btn{flex-shrink:0;background:var(--text-1);color:var(--surface-bg);border:none;border-radius:var(--radius);padding:10px var(--space-6);font-family:var(--font-sans);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s;letter-spacing:-.1px}.submit-btn:hover{background:#e4e4e7}.submit-btn:active{transform:scale(.98)}.submit-btn:disabled{opacity:.4;cursor:not-allowed}.hint{font-size:.8rem;color:var(--text-3);font-family:var(--font-mono);letter-spacing:0}.hint,.options-panel{margin-top:var(--space-4)}.options-panel{width:100%;max-width:600px;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.options-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle)}.options-header h3{font-size:.8125rem;color:var(--text-2);font-family:var(--font-sans);font-weight:500;letter-spacing:0}.options-grid{flex-direction:column;gap:0;padding:var(--space-4) var(--space-5)}.options-grid,.options-row{display:flex;gap:var(--space-5)}.options-row{flex-wrap:wrap}.flex-1{flex:1 1;min-width:140px}.option-group{display:flex;flex-direction:column;gap:var(--space-2)}.option-label{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-3);font-family:var(--font-sans);font-weight:500}.option-label span{color:var(--text-1);font-family:var(--font-mono);font-weight:400}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--border-default);border-radius:var(--radius-full);outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--text-1);cursor:pointer;box-shadow:var(--shadow-sm);-webkit-transition:transform .1s;transition:transform .1s}.slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-ticks{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-4);font-family:var(--font-sans);margin-top:var(--space-1)}.custom-select-wrapper{position:relative}.custom-select-wrapper:after{content:"▾";font-size:.75rem;color:var(--text-3);position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);pointer-events:none}.custom-select,.number-input{width:100%;padding:var(--space-2) var(--space-3);background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius);color:var(--text-1);font-family:var(--font-mono);font-size:.875rem;outline:none;transition:border-color .15s}.custom-select:focus,.number-input:focus{border-color:var(--border-strong)}.custom-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:var(--space-8)}.dnd-container{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:stretch}.dnd-zone{width:100%;min-height:180px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--border-default);border-radius:var(--radius-xl);cursor:pointer;transition:border-color .15s,background .15s;background:var(--surface-base)}.dnd-zone.dragging,.dnd-zone:hover{border-color:var(--border-strong);background:var(--surface-raised)}.dnd-content{text-align:center;pointer-events:none;padding:var(--space-6)}.dnd-icon{font-size:2rem;margin-bottom:var(--space-3);opacity:.5}.dnd-content h4{font-size:.9375rem;font-weight:500;margin-bottom:var(--space-1);color:var(--text-1)}.dnd-content p{font-size:.8125rem;color:var(--text-3)}.file-list-preview{width:100%;margin-top:var(--space-4);background:var(--surface-base);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);overflow:hidden}.file-list-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.file-list-header h4{font-size:.8125rem;color:var(--text-2);font-weight:500}.clear-btn{background:none;border:none;color:var(--text-3);font-size:.8rem;cursor:pointer;font-family:var(--font-sans);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color .15s,background .15s}.clear-btn:hover{color:var(--error);background:rgba(220,38,38,.08)}.file-items{display:flex;flex-direction:column;max-height:160px;overflow-y:auto}.file-items::-webkit-scrollbar{width:4px}.file-items::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}.file-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-subtle);font-size:.8125rem}.file-item:last-child{border-bottom:none}.file-name{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-2);font-size:.8rem}.file-name,.file-size{font-family:var(--font-mono)}.file-size{color:var(--text-3);margin-right:var(--space-3);font-size:.75rem;flex-shrink:0}.remove-btn{background:none;border:none;color:var(--text-4);cursor:pointer;font-size:.875rem;flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:color .15s,background .15s}.remove-btn:hover{color:var(--error);background:rgba(220,38,38,.08)}.processing-container{width:100%;max-width:660px}.processing-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.processing-header h2{font-size:1rem;font-weight:600;color:var(--text-1)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);flex-shrink:0;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.terminal{background:var(--surface-bg);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.terminal-bar{display:flex;align-items:center;padding:var(--space-3) var(--space-4);background:var(--surface-base);border-bottom:1px solid var(--border-subtle);gap:var(--space-2)}.terminal-dot{width:10px;height:10px;border-radius:50%}.terminal-dot.red{background:#ef4444}.terminal-dot.yellow{background:#f59e0b}.terminal-dot.green{background:#22c55e}.terminal-title{flex:1 1;text-align:center;font-family:var(--font-mono);font-size:.75rem;color:var(--text-3)}.terminal-body{padding:var(--space-5);max-height:320px;overflow-y:auto;font-family:var(--font-mono);font-size:.8rem;line-height:1.8;color:var(--text-2)}.terminal-body::-webkit-scrollbar{width:4px}.terminal-body::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}.log-line{animation:fadeIn .2s ease}.log-line.success{color:#4ade80}.log-line.info{color:var(--text-2)}.log-line.warn{color:#fbbf24}.cursor-blink{display:inline-block;width:7px;height:14px;background:var(--text-2);opacity:.7;animation:blink 1.1s step-end infinite;vertical-align:text-bottom;margin-left:3px}@keyframes blink{0%,to{opacity:.7}50%{opacity:0}}.progress-container{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle)}.progress-bar-wrapper{width:100%;height:3px;background:var(--surface-overlay);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--brand);border-radius:var(--radius-full);transition:width .5s ease}.progress-label{display:flex;justify-content:space-between;margin-top:var(--space-2);font-family:var(--font-mono);font-size:.72rem;color:var(--text-3)}.success-container{width:100%;max-width:600px;text-align:center}.success-header{margin-bottom:var(--space-8)}.success-checkmark{width:52px;height:52px;border-radius:50%;background:rgba(22,163,74,.12);border:1px solid rgba(22,163,74,.25);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto var(--space-4);animation:pop .35s ease}@keyframes pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-header h2{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-2)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-8)}.stat-card{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);text-align:center;transition:border-color .15s}.stat-card:hover{border-color:var(--border-default)}.stat-card.highlight{border-color:rgba(37,99,235,.3);background:var(--brand-muted)}.stat-value{font-family:var(--font-mono);font-size:1.6rem;font-weight:600;color:var(--text-1);line-height:1;margin-bottom:var(--space-2)}.stat-card.highlight .stat-value{color:var(--brand-hover)}.stat-label{font-size:.7rem;font-weight:500;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em}.download-section{text-align:center;margin-top:var(--space-6)}.download-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--text-1);color:var(--surface-bg);border:none;border-radius:var(--radius-lg);padding:13px var(--space-8);font-family:var(--font-sans);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s;text-decoration:none}.download-btn:hover{background:#e4e4e7}.download-btn:active{transform:scale(.98)}.start-over{display:inline-block;margin-top:var(--space-5);color:var(--text-3);font-family:var(--font-sans);font-size:.875rem;cursor:pointer;background:none;border:none;text-decoration:underline;text-underline-offset:3px;transition:color .15s}.start-over:hover{color:var(--text-1)}.error-banner{background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex;align-items:flex-start;gap:var(--space-3);font-size:.875rem;color:#fca5a5;max-width:600px;width:100%;text-align:left;line-height:1.5}.auth-btn{background:transparent;border:1px solid var(--border-default);color:var(--text-1);padding:6px var(--space-4);border-radius:var(--radius);font-family:var(--font-sans);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.auth-btn:hover{border-color:var(--border-strong)}.auth-btn:hover,.usage-badge{background:var(--surface-raised)}.usage-badge{display:flex;align-items:center;gap:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:4px var(--space-3)}.usage-text{font-family:var(--font-mono);font-size:.75rem;color:var(--text-3)}.usage-bar-outer{width:60px;height:4px;background:var(--surface-overlay);border-radius:var(--radius-full);overflow:hidden}.usage-bar-inner{height:100%;background:var(--brand);border-radius:var(--radius-full);transition:width .3s ease}.glass-panel{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.local-placeholder{width:100%;max-width:600px;padding:var(--space-10) var(--space-6);text-align:center;color:var(--text-3);font-size:.875rem;border:1px dashed var(--border-default);border-radius:var(--radius-xl)}@media (max-width:640px){.main{padding:var(--space-8) var(--space-4);padding-top:calc(var(--space-16) + var(--space-2));justify-content:flex-start}.hero-title{letter-spacing:-1px}.url-input-wrapper{flex-direction:column;align-items:stretch;padding:var(--space-2);gap:var(--space-2)}.url-prefix{display:none}.submit-btn,.url-input{text-align:center;width:100%}.submit-btn{padding:12px;border-radius:var(--radius)}.tool-selector{flex-wrap:wrap;border-radius:var(--radius-xl);justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.download-btn{width:100%;justify-content:center}}@media (max-width:400px){.stats-grid{grid-template-columns:1fr}}.tool-tab{display:inline-flex;align-items:center;gap:var(--space-2)}.audit-container{width:100%;max-width:720px;display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.strategy-toggle{display:flex;gap:var(--space-1);margin-top:var(--space-3);background:var(--surface-base);padding:3px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.strategy-btn{background:transparent;border:none;color:var(--text-3);font-family:var(--font-sans);font-size:.75rem;font-weight:500;padding:4px 12px;border-radius:var(--radius-full);cursor:pointer;transition:all .15s}.strategy-btn.active{background:var(--surface-overlay);color:var(--text-1);box-shadow:var(--shadow-sm)}.audit-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-top:var(--space-12);text-align:center}.audit-loading p{font-size:.9375rem;font-weight:500;color:var(--text-1)}.audit-loading span{font-size:.8rem;color:var(--text-3)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.audit-results{width:100%;margin-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-8)}.scores-overview{display:flex;justify-content:center;gap:var(--space-8);flex-wrap:wrap}.score-ring-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.score-ring-label{font-size:.75rem;font-weight:500;color:var(--text-2);text-align:center}.audit-section{width:100%}.section-title{font-size:.9375rem;font-weight:600;color:var(--text-1);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.section-badge{font-size:.7rem;font-weight:500;color:var(--text-3);background:var(--surface-raised);border:1px solid var(--border-subtle);padding:2px 8px;border-radius:var(--radius-full);font-family:var(--font-mono)}.cwv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.cwv-card{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);transition:border-color .15s}.cwv-card:hover{border-color:var(--border-default)}.cwv-card.rating-good{border-left:3px solid #16a34a}.cwv-card.rating-average{border-left:3px solid #d97706}.cwv-card.rating-poor{border-left:3px solid #dc2626}.cwv-icon{color:var(--text-3);margin-bottom:var(--space-1)}.cwv-value{font-family:var(--font-mono);font-size:1.125rem;font-weight:600;color:var(--text-1)}.cwv-label{font-size:.8rem;font-weight:600;color:var(--text-2);letter-spacing:.03em}.cwv-desc{font-size:.7rem;color:var(--text-3);line-height:1.4}.opportunity-list{display:flex;flex-direction:column;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-base)}.opportunity-item{border-bottom:1px solid var(--border-subtle)}.opportunity-item:last-child{border-bottom:none}.opp-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background .1s}.opp-header:hover{background:var(--surface-raised)}.opp-indicator{flex-shrink:0;display:flex}.indicator-poor{color:#dc2626}.indicator-average{color:#d97706}.indicator-info{color:var(--text-3)}.opp-title{flex:1 1;font-size:.8125rem;font-weight:500;color:var(--text-1);min-width:0}.opp-savings{flex-shrink:0;font-family:var(--font-mono);font-size:.75rem;color:var(--text-3);background:var(--surface-raised);padding:2px 8px;border-radius:var(--radius-sm)}.opp-chevron{flex-shrink:0;color:var(--text-4)}.opp-detail{padding:0 var(--space-4) var(--space-4);padding-left:calc(var(--space-4) + var(--space-3) + 16px)}.opp-explanation{font-size:.8125rem;color:var(--text-2);line-height:1.6;margin-bottom:var(--space-3)}.fix-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--brand);color:white;border:none;border-radius:var(--radius);padding:6px 14px;font-size:.8rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:background .15s}.fix-btn:hover{background:var(--brand-hover)}.audit-footer{display:flex;justify-content:space-between;padding-top:var(--space-4);border-top:1px solid var(--border-subtle);color:var(--text-4)}.audit-footer,.psi-link{align-items:center;font-size:.75rem}.psi-link{display:inline-flex;gap:4px;color:var(--text-3);text-decoration:none;transition:color .15s}.psi-link:hover{color:var(--text-1)}.download-btn,.start-over,.submit-btn{display:inline-flex;align-items:center;gap:var(--space-2)}@media (max-width:640px){.scores-overview{gap:var(--space-4)}.cwv-grid{grid-template-columns:repeat(2,1fr)}.audit-footer{gap:var(--space-2);text-align:center}.audit-footer,.audit-top-row{flex-direction:column}}.audit-top-row{display:flex;align-items:flex-start;gap:var(--space-8);flex-wrap:wrap;justify-content:center}.audit-screenshot{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex-shrink:0}.audit-screenshot img{width:140px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);object-fit:cover;box-shadow:var(--shadow-md)}.screenshot-label{font-size:.7rem;color:var(--text-4);font-family:var(--font-sans)}.section-subtitle{font-size:.8rem;color:var(--text-3);line-height:1.5;margin-bottom:var(--space-4);margin-top:calc(-1 * var(--space-2))}.detail-table-wrapper{margin-top:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius);overflow:hidden}.detail-table{width:100%;border-collapse:collapse;font-size:.75rem;font-family:var(--font-mono)}.detail-table th{background:var(--surface-raised);text-align:left;font-weight:500;font-family:var(--font-sans);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.detail-table td,.detail-table th{padding:var(--space-2) var(--space-3);color:var(--text-2);border-bottom:1px solid var(--border-subtle);white-space:nowrap}.detail-table td{max-width:280px;overflow:hidden;text-overflow:ellipsis}.detail-table tr:last-child td{border-bottom:none}.detail-table tr:hover td{background:rgba(255,255,255,.02)}.cell-url{color:var(--text-3);word-break:break-all;white-space:normal;font-size:.7rem}.cell-thumbnail{width:32px;height:32px;border-radius:var(--radius-sm);object-fit:cover}.detail-snippet{font-size:.7rem;padding:2px 6px;border-radius:var(--radius-sm);word-break:break-all;white-space:normal;display:inline-block;max-width:260px}.detail-snippet,.table-overflow{color:var(--text-3);background:var(--surface-raised)}.table-overflow{padding:var(--space-2) var(--space-3);text-align:center;font-size:.75rem;border-top:1px solid var(--border-subtle)}.detail-list{list-style:none;padding:0;margin-top:var(--space-3)}.detail-list-item{padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle);font-size:.8rem;color:var(--text-2)}.detail-list-item:last-child{border-bottom:none}.detail-node-label{font-size:.75rem;color:var(--text-3)}.indicator-good{color:#16a34a}.passed-toggle{display:flex;align-items:center;gap:var(--space-2);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);cursor:pointer;font-family:var(--font-sans);font-size:.8125rem;font-weight:500;color:var(--text-2);width:100%;transition:background .15s,border-color .15s}.passed-toggle:hover{background:var(--surface-raised);border-color:var(--border-default)}.passed-list{margin-top:var(--space-2);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.passed-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:.8rem;color:var(--text-2);border-bottom:1px solid var(--border-subtle)}.passed-item:last-child{border-bottom:none}.minifier-container{width:100%;max-width:720px;display:flex;flex-direction:column;gap:var(--space-4)}.minifier-mode-toggle{display:flex;gap:var(--space-1);padding:3px;border-radius:var(--radius-full);width:-moz-fit-content;width:fit-content;margin:0 auto}.minifier-editor-wrapper,.minifier-mode-toggle{background:var(--surface-base);border:1px solid var(--border-subtle)}.minifier-editor-wrapper{border-radius:var(--radius-lg);overflow:hidden}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--surface-raised);border-bottom:1px solid var(--border-subtle)}.editor-label{font-size:.8rem;font-weight:500;color:var(--text-2)}.editor-actions,.editor-label{display:flex;align-items:center;gap:var(--space-2)}.editor-action-btn{display:inline-flex;align-items:center;gap:var(--space-1);background:transparent;border:1px solid var(--border-subtle);color:var(--text-3);font-size:.75rem;padding:4px 10px;border-radius:var(--radius);cursor:pointer;font-family:var(--font-sans);transition:all .15s}.editor-action-btn:hover{background:var(--surface-overlay);color:var(--text-1)}.upload-label{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.75rem;padding:4px 10px;border-radius:var(--radius);border:1px solid var(--border-subtle);color:var(--text-3);cursor:pointer;transition:all .15s}.upload-label:hover{background:var(--surface-overlay);color:var(--text-1)}.minifier-textarea{width:100%;min-height:180px;max-height:400px;padding:var(--space-3);background:var(--surface-base);border:none;color:var(--text-1);font-family:var(--font-mono);font-size:.8rem;line-height:1.6;resize:vertical;outline:none}.minifier-textarea.output{background:rgba(22,163,74,.03);min-height:100px}.minify-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:12px;border:none;border-radius:var(--radius-lg);background:var(--brand);color:white;font-family:var(--font-sans);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.minify-btn:hover:not(:disabled){background:var(--brand-hover)}.minify-btn:disabled{opacity:.5;cursor:not-allowed}.minifier-stats{justify-content:center;gap:var(--space-4);padding:var(--space-4);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.mini-stat,.minifier-stats{display:flex;align-items:center}.mini-stat{flex-direction:column;gap:2px}.mini-stat-value{font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--text-1)}.mini-stat-label{font-size:.7rem;color:var(--text-3)}.mini-stat.highlight .mini-stat-value{color:#16a34a;font-size:1.25rem}.mini-stat-arrow{color:var(--text-4);font-size:1.2rem}.seo-scores-row{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.seo-score-pill{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid;border-radius:var(--radius-full);background:var(--surface-base)}.seo-score-value{font-family:var(--font-mono);font-size:1rem;font-weight:700}.seo-score-label{font-size:.8rem;font-weight:500;color:var(--text-2)}.category-tag{flex-shrink:0;font-size:.65rem;font-weight:500;padding:2px 8px;border:1px solid;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em}.fix-code-block{margin-top:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius);overflow:hidden}.fix-code-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--surface-raised);border-bottom:1px solid var(--border-subtle);font-size:.75rem;color:var(--text-2)}.fix-code-header span{display:flex;align-items:center;gap:var(--space-1)}.copy-fix-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--border-subtle);color:var(--text-3);font-size:.7rem;padding:2px 8px;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-sans);transition:all .15s}.copy-fix-btn:hover{background:var(--surface-overlay);color:var(--text-1)}.fix-code{padding:var(--space-3);font-family:var(--font-mono);font-size:.75rem;color:var(--text-2);line-height:1.6;overflow-x:auto;white-space:pre;margin:0}.script-stats-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-3);gap:var(--space-3)}.script-stat-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-3)}.script-stat-value{font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--text-1)}.script-stat-label{font-size:.7rem;color:var(--text-3)}.impact-badge{flex-shrink:0;font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em}.impact-high{color:#dc2626}.impact-medium{color:#d97706}.impact-low{color:#16a34a}.impact-badge.impact-high{background:rgba(220,38,38,.1)}.impact-badge.impact-medium{background:rgba(217,119,6,.1)}.impact-badge.impact-low{background:rgba(22,163,74,.1)}.tp-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-2)}.tp-detail-item{display:flex;flex-direction:column;gap:2px}.tp-detail-label{font-size:.7rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.tp-detail-value{font-family:var(--font-mono);font-size:.875rem;font-weight:500;color:var(--text-1)}@media (max-width:640px){.script-stats-row{grid-template-columns:repeat(2,1fr)}.tp-detail-grid{grid-template-columns:1fr}.minifier-stats{flex-wrap:wrap}}.usage-bar-visual{display:flex;align-items:center;gap:var(--space-2);min-width:100px;max-width:160px;flex-shrink:0}.usage-bar-track{flex:1 1;height:6px;border-radius:3px;display:flex;overflow:hidden;background:var(--surface-raised)}.usage-bar-used{background:#16a34a;transition:width .3s}.usage-bar-wasted{background:#dc2626;transition:width .3s}.usage-bar-label{font-size:.65rem;color:var(--text-3);white-space:nowrap}.header-nav{gap:var(--space-4)}.header-nav,.nav-link{display:flex;align-items:center}.nav-link{gap:6px;background:transparent;border:none;color:var(--text-2);font-family:var(--font-sans);font-size:.82rem;font-weight:500;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius);transition:all .15s}.nav-link:hover{color:var(--text-1);background:var(--surface-overlay)}.nav-link.active{color:var(--brand);background:rgba(37,99,235,.1)}.nav-dropdown-wrapper{position:relative}.nav-chevron{transition:transform .2s ease;opacity:.7}.nav-chevron.open{transform:rotate(180deg);opacity:1}.nav-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:320px;background:var(--surface-overlay);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05);padding:var(--space-3);z-index:100;display:flex;flex-direction:column;gap:var(--space-3);animation:dropdownFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%,-10px) scale(.98)}to{opacity:1;transform:translate(-50%) scale(1)}}.dropdown-category{display:flex;flex-direction:column;gap:4px}.dropdown-category-label{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-4);padding:0 var(--space-2) 4px;border-bottom:1px solid var(--border-subtle);margin-bottom:4px}.dropdown-tool{display:flex;align-items:center;gap:12px;width:100%;padding:var(--space-2);background:transparent;border:none;border-radius:var(--radius);cursor:pointer;text-align:left;transition:all .15s;color:var(--text-2)}.dropdown-tool:hover{background:var(--surface-raised);color:var(--text-1)}.dropdown-tool.active{background:rgba(37,99,235,.1);color:var(--brand)}.dropdown-tool-text{display:flex;flex-direction:column;gap:2px}.dropdown-tool-name{font-size:.8rem;font-weight:500;font-family:var(--font-sans)}.dropdown-tool-desc{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-top:var(--space-4)}.carbon-banner.rating-good{background:rgba(22,163,74,.05);border-color:rgba(22,163,74,.2)}.carbon-banner.rating-good .carbon-icon{color:#16a34a}.carbon-banner.rating-average{background:rgba(217,119,6,.05);border-color:rgba(217,119,6,.2)}.carbon-banner.rating-average .carbon-icon{color:#d97706}.carbon-banner.rating-poor{background:rgba(220,38,38,.05);border-color:rgba(220,38,38,.2)}.carbon-banner.rating-poor .carbon-icon{color:#dc2626}.carbon-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--surface-overlay);border-radius:50%;flex-shrink:0}.carbon-content{display:flex;flex-direction:column;gap:4px}.carbon-title{font-size:.95rem;font-weight:600;color:var(--text-1)}.carbon-desc{font-size:.8rem;color:var(--text-3);line-height:1.5}.carbon-desc strong{color:var(--text-2);font-weight:600}.quick-insights{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--space-4)}.insight-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;border:1px solid var(--border-subtle);background:var(--surface-base);transition:all .2s ease}.insight-chip:hover{border-color:var(--border-emphasis)}.insight-pass{border-color:rgba(22,163,74,.25);color:#16a34a}.insight-warn{border-color:rgba(217,119,6,.25);color:#d97706}.insight-label{color:var(--text-3);font-weight:500}.insight-value{font-family:var(--font-mono);font-weight:700}.seo-scores-rings{display:flex;justify-content:center;gap:var(--space-5);padding:var(--space-4) 0}.seo-ring-label{display:block;text-align:center;font-size:.75rem;font-weight:600;color:var(--text-2);margin-top:4px}.seo-passed-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:600;color:var(--text-3);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:all .2s}.seo-passed-toggle:hover{border-color:var(--border-emphasis);color:var(--text-2)}.save-monitor-bar{display:flex;justify-content:center;margin-top:var(--space-3)}.save-monitor-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;font-size:.8rem;font-weight:600;color:var(--text-1);background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:all .25s ease}.save-monitor-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:rgba(99,102,241,.06)}.save-monitor-btn:disabled{cursor:default}.save-monitor-btn.saved{border-color:rgba(22,163,74,.3);color:#16a34a;background:rgba(22,163,74,.06)}.save-monitor-hint{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-3)}.security-results{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-4);animation:fadeSlideUp .4s ease-out}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sec-hero-card{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);position:relative;overflow:hidden}.sec-hero-card:before{content:"";position:absolute;inset:0;opacity:.04;background:radial-gradient(ellipse at 20% 50%,currentColor,transparent 70%);pointer-events:none}.sec-hero-card.grade-A{color:#16a34a}.sec-hero-card.grade-B{color:#84cc16}.sec-hero-card.grade-C{color:#eab308}.sec-hero-card.grade-D{color:#f97316}.sec-hero-card.grade-F{color:#dc2626}.score-ring-container{position:relative;width:120px;height:120px;flex-shrink:0}.score-ring-container svg{display:block}.score-ring-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-ring-grade{font-family:var(--font-mono);font-size:2.8rem;font-weight:800;line-height:1}.score-ring-sublabel{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin-top:2px;color:var(--text-3)}.sec-hero-info{display:flex;flex-direction:column;gap:var(--space-2);flex:1 1;z-index:1}.sec-hero-title{font-size:1.25rem;font-weight:700;color:var(--text-1)}.sec-hero-url{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-3)}.sec-hero-url a{color:var(--text-2);text-decoration:none;font-family:var(--font-mono);font-size:.75rem}.sec-hero-url a:hover{text-decoration:underline}.sec-hero-stats{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.sec-stat{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;padding:5px 12px;border-radius:var(--radius-full)}.sec-stat span{font-weight:800;font-family:var(--font-mono)}.sec-stat-pass{background:rgba(22,163,74,.1);color:#16a34a}.sec-stat-warn{background:rgba(217,119,6,.1);color:#d97706}.sec-stat-fail{background:rgba(220,38,38,.1);color:#dc2626}.sec-section{display:flex;flex-direction:column;gap:var(--space-2)}.sec-section-header{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-1);color:var(--text-2)}.sec-section-header h4{font-size:.85rem;font-weight:600;flex:1 1}.sec-section-count{font-size:.7rem;font-weight:600;color:var(--text-3);font-family:var(--font-mono);background:var(--surface-overlay);padding:3px 8px;border-radius:var(--radius-full)}.sec-checks-grid{display:flex;flex-direction:column;gap:6px}.sec-check-row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius);transition:all .2s ease}.sec-check-row:hover{border-color:var(--border-emphasis);background:var(--surface-overlay)}.sec-check-row.status-pass{border-left:3px solid #16a34a}.sec-check-row.status-warn{border-left:3px solid #d97706}.sec-check-row.status-fail{border-left:3px solid #dc2626}.sec-check-status-dot{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0;margin-top:2px}.dot-pass{background:rgba(22,163,74,.12);color:#16a34a}.dot-warn{background:rgba(217,119,6,.12);color:#d97706}.dot-fail{background:rgba(220,38,38,.12);color:#dc2626}.sec-check-body{display:flex;flex-direction:column;gap:4px;flex:1 1;min-width:0}.sec-check-header-row{display:flex;align-items:center;gap:var(--space-2)}.sec-check-name{font-size:.85rem;font-weight:600;color:var(--text-1)}.sec-badge{font-size:.55rem;font-weight:800;letter-spacing:.05em;padding:2px 7px;border-radius:4px;text-transform:uppercase}.sec-badge-pass{background:rgba(22,163,74,.15);color:#16a34a}.sec-badge-warn{background:rgba(217,119,6,.15);color:#d97706}.sec-badge-fail{background:rgba(220,38,38,.15);color:#dc2626}.sec-check-desc{font-size:.78rem}.sec-check-desc,.sec-check-fix{color:var(--text-3);line-height:1.5}.sec-check-fix{font-size:.75rem;padding:var(--space-2) var(--space-3);background:rgba(255,255,255,.02);border:1px dashed var(--border-subtle);border-radius:var(--radius);margin-top:4px}.fix-label{font-weight:700;color:var(--text-2);margin-right:4px}.perf-breakdown{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.perf-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.perf-chart-title{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--text-2)}.perf-chart-total{font-size:.8rem;font-weight:600;color:var(--text-3);font-family:var(--font-mono)}.thread-bar-stack{display:flex;height:28px;border-radius:var(--radius);overflow:hidden;margin-bottom:var(--space-4);gap:1px;background:var(--surface-overlay)}.thread-bar-segment{display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:0;transition:filter .15s;cursor:default}.thread-bar-segment:hover{filter:brightness(1.15)}.thread-bar-label{font-size:.65rem;font-weight:600;color:rgba(0,0,0,.75);white-space:nowrap;overflow:hidden;padding:0 4px}.thread-breakdown-list{display:flex;flex-direction:column;gap:6px}.thread-row{gap:var(--space-3)}.thread-row,.thread-row-label{display:flex;align-items:center}.thread-row-label{gap:5px;width:130px;flex-shrink:0;font-size:.78rem;color:var(--text-2)}.thread-row-bar-area{flex:1 1;height:7px;background:var(--surface-overlay);border-radius:var(--radius-full);overflow:hidden}.thread-row-bar{height:100%;border-radius:var(--radius-full);opacity:.85;transition:width .5s ease}.thread-row-value{width:52px;font-size:.76rem;color:var(--text-2)}.thread-row-pct,.thread-row-value{text-align:right;font-family:var(--font-mono);flex-shrink:0}.thread-row-pct{width:32px;font-size:.72rem;color:var(--text-3)}.bootup-list{display:flex;flex-direction:column;gap:5px}.bootup-row{gap:var(--space-3)}.bootup-row,.bootup-row-label{display:flex;align-items:center}.bootup-row-label{gap:5px;width:200px;flex-shrink:0;min-width:0}.bootup-url{font-size:.74rem;font-family:var(--font-mono);color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bootup-bar-area{flex:1 1;height:7px;background:var(--surface-overlay)}.bootup-bar-area,.bootup-bar-stack{border-radius:var(--radius-full);overflow:hidden}.bootup-bar-stack{display:flex;height:100%}.bootup-bar-scripting{height:100%;background:#eab308;transition:width .4s ease}.bootup-bar-parse{height:100%;background:#f97316;transition:width .4s ease}.bootup-value{width:52px;text-align:right;font-size:.76rem;font-family:var(--font-mono);color:var(--text-2);flex-shrink:0}.show-more-btn{display:flex;align-items:center;gap:5px;background:none;border:none;color:var(--text-3);font-size:.78rem;font-family:var(--font-sans);cursor:pointer;padding:var(--space-3) 0 0;transition:color .15s}.show-more-btn:hover{color:var(--text-1)}.waterfall-legend{display:flex;gap:var(--space-4);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.wf-legend-item{display:flex;align-items:center;gap:5px;font-size:.73rem;color:var(--text-3)}.wf-legend-dot{width:9px;height:9px;border-radius:2px;flex-shrink:0}@media (max-width:640px){.thread-row-label{width:100px}.bootup-row-label{width:120px}}.monitor-score-dot{display:flex;flex-direction:column;align-items:center;gap:2px}.monitor-score-val{font-family:var(--font-mono);font-size:1.3rem;font-weight:800}.monitor-score-lbl{font-size:.6rem;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.monitor-snap-scores{display:flex;gap:var(--space-4);flex:1 1}.monitor-snap-strategy{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);background:var(--surface-overlay);padding:2px 8px;border-radius:var(--radius-full)}.monitor-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4)}.monitor-site-count{font-size:.8rem;color:var(--text-3);font-weight:500}.monitor-add-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:600;color:var(--text-1);background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius);cursor:pointer;transition:all .2s}.monitor-add-btn:hover{border-color:var(--accent);color:var(--accent)}.monitor-add-form{display:flex;gap:var(--space-2);margin-top:var(--space-3);animation:fadeSlideUp .2s ease-out}.monitor-input{flex:1 1;padding:10px 14px;font-size:.85rem;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-1);font-family:var(--font-mono);outline:none;transition:border-color .2s}.monitor-input:focus{border-color:var(--accent)}.monitor-input-name{max-width:200px;font-family:var(--font-base)}.monitor-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-3)}.monitor-empty h3{color:var(--text-1);font-size:1.1rem}.monitor-empty p{max-width:360px;font-size:.85rem;line-height:1.5}.monitor-sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-4)}.monitor-site-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.monitor-site-card:hover{border-color:var(--accent);transform:translateY(-1px)}.monitor-card-header{display:flex;align-items:center;gap:var(--space-2);color:var(--text-3)}.monitor-card-info{flex:1 1;min-width:0}.monitor-card-name{font-size:.9rem;font-weight:600;color:var(--text-1)}.monitor-card-name,.monitor-card-url{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-card-url{font-size:.7rem;color:var(--text-3);font-family:var(--font-mono)}.monitor-card-chevron{color:var(--text-3);opacity:.5}.monitor-card-scores{display:flex;gap:var(--space-4);padding:var(--space-2) 0}.monitor-card-empty{font-size:.8rem;color:var(--text-3);padding:var(--space-2) 0}.monitor-card-footer{display:flex;align-items:center;gap:6px;font-size:.7rem;color:var(--text-3);padding-top:var(--space-2);border-top:1px solid var(--border-subtle)}.monitor-schedule-badge{margin-left:auto;padding:2px 8px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--surface-overlay);border-radius:var(--radius-full);color:var(--text-3)}.monitor-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:600;color:var(--text-2);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius);cursor:pointer;transition:all .2s;margin-bottom:var(--space-4)}.monitor-back-btn:hover{border-color:var(--border-emphasis);color:var(--text-1)}.monitor-site-hero{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-4);color:var(--text-3)}.monitor-site-hero h3{font-size:1rem;font-weight:600;color:var(--text-1)}.monitor-site-url{font-size:.75rem;color:var(--text-3);font-family:var(--font-mono)}.monitor-run-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:600;color:var(--text-1);background:var(--accent);border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s;white-space:nowrap}.monitor-run-btn:hover:not(:disabled){opacity:.9}.monitor-run-btn:disabled{opacity:.6;cursor:default}.monitor-trends{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.monitor-trend-card{flex:1 1;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius)}.monitor-trend-label{font-size:.75rem;font-weight:600;color:var(--text-3);min-width:80px}.monitor-trend-val{font-family:var(--font-mono);font-size:1.4rem;font-weight:800;margin-left:auto}.sparkline-svg{flex-shrink:0}.monitor-snapshot-list{display:flex;flex-direction:column;gap:var(--space-2)}.monitor-snapshot-list h4{font-size:.85rem;font-weight:600;color:var(--text-2);margin-bottom:var(--space-1)}.monitor-snapshot-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius);transition:border-color .2s}.monitor-snapshot-row:hover{border-color:var(--border-emphasis)}.monitor-snap-date{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-3);font-family:var(--font-mono);min-width:180px}.monitor-delete-btn{display:inline-flex;align-items:center;padding:8px;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-3);cursor:pointer;transition:all .2s}.monitor-delete-btn:hover{border-color:#dc2626;color:#dc2626;background:rgba(220,38,38,.06)}.compare-inputs{display:flex;gap:var(--space-3);align-items:flex-end}.compare-url-col{flex:1 1;display:flex;flex-direction:column;gap:4px}.compare-url-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-4)}.compare-column{display:flex;flex-direction:column;gap:var(--space-3)}.compare-col-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius)}.compare-col-url{font-size:.75rem;font-family:var(--font-mono);color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-scores-row{display:flex;justify-content:center;gap:var(--space-4);padding:var(--space-3)}.compare-metric-row{display:flex;align-items:center;justify-content:space-between;padding:10px var(--space-3);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius)}.compare-metric-label{font-size:.75rem;color:var(--text-2);font-weight:500}.compare-metric-value{font-family:var(--font-mono);font-size:.85rem;font-weight:700}.compare-metric-value.better{color:#16a34a}.compare-metric-value.worse{color:#dc2626}.compare-metric-value.same{color:var(--text-2)}.compare-vs{font-size:.9rem;font-weight:800;color:var(--text-3);padding:var(--space-3)}.compare-vs,.tool-page{display:flex;align-items:center;justify-content:center}.tool-page{flex:1 1;padding:3rem 2rem 6rem}.tool-container,.tool-page{width:100%;flex-direction:column}.tool-container{max-width:760px;display:flex;gap:var(--space-5,1.25rem)}.tool-header{margin-bottom:.25rem;width:100%;max-width:600px;align-self:center}.tool-header h2{display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:600;font-family:var(--font-mono);color:var(--text-1);margin:0 0 6px}.tool-header p{font-size:.84rem;color:var(--text-2);margin:0;line-height:1.5}.tool-container>.tool-header{max-width:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease forwards}.preview-layout{display:flex;align-items:flex-start;gap:var(--space-6);width:100%;max-width:1200px}.preview-main{flex:1 1;min-width:0}.preview-sidebar{width:268px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-4);position:-webkit-sticky;position:sticky;top:var(--space-8)}.preview-sidebar .options-panel{max-width:none;margin-top:0}.preview-sidebar-meta{padding:var(--space-4) var(--space-5);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.preview-sidebar-title{font-size:1rem;font-weight:600;color:var(--text-1);margin-bottom:var(--space-1)}.preview-sidebar-url{font-size:.75rem;color:var(--text-3);font-family:var(--font-mono);word-break:break-all;line-height:1.5}.preview-sidebar-actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3)}.preview-sidebar-optimize{width:100%;padding:11px var(--space-5);text-align:center}@media (max-width:860px){.preview-layout{flex-direction:column}.preview-sidebar{width:100%;position:static}}.filmstrip{width:100%;display:flex;flex-direction:column;gap:var(--space-4)}.filmstrip__main{width:100%;border-radius:var(--radius-lg);overflow:hidden}.filmstrip__main,.filmstrip__strip{border:1px solid var(--border-subtle);background:var(--surface-base)}.filmstrip__strip{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-3);border-radius:var(--radius-lg);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.filmstrip__strip::-webkit-scrollbar{height:4px}.filmstrip__strip::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}.filmstrip__thumb{flex-shrink:0;width:88px;height:88px;border-radius:var(--radius);overflow:hidden;border:2px solid transparent;background:var(--surface-overlay);cursor:pointer;padding:0;position:relative;opacity:.55;transition:border-color .15s,opacity .15s;scroll-snap-align:center}.filmstrip__thumb:hover{opacity:.85;border-color:var(--border-strong)}.filmstrip__thumb--active{border-color:var(--brand);opacity:1}.filmstrip__thumb-img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.filmstrip__hint{font-size:.75rem;color:var(--text-3);text-align:center;font-family:var(--font-mono);margin-top:calc(-1 * var(--space-2))}.filmstrip-empty{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-10);font-size:.875rem;color:var(--text-3);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.preview-grid-wrap{width:100%;display:flex;flex-direction:column;gap:var(--space-4)}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.preview-thumb__btn{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;border:2px solid transparent;background:var(--surface-overlay);cursor:pointer;padding:0;transition:border-color .15s,transform .12s}.preview-thumb__btn:hover{border-color:var(--brand);transform:scale(1.02)}.preview-thumb__btn--active{border-color:var(--brand)}.preview-thumb__img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.preview-thumb__overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.preview-thumb__btn:hover .preview-thumb__overlay{opacity:1}.preview-thumb__overlay-label{font-size:.7rem;font-weight:600;color:#fff;letter-spacing:.04em;text-transform:uppercase}.preview-thumb__compare-wrap{grid-column:1/-1;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--surface-base);overflow:hidden;display:flex;flex-direction:column}.preview-thumb__compare-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);gap:var(--space-3)}.preview-thumb__compare-url{font-size:.72rem;color:var(--text-3);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1;min-width:0}.preview-thumb__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border-subtle);color:var(--text-3);cursor:pointer;padding:0;transition:background .12s,color .12s}.preview-thumb__close:hover{background:var(--surface-overlay);color:var(--text-1)}.preview-thumb__compare-hint{font-size:.72rem;color:var(--text-4);text-align:center;padding:var(--space-2) var(--space-4) var(--space-3)}.preview-show-more{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3);border-radius:var(--radius-lg);border:1px dashed var(--border-subtle);background:transparent;color:var(--text-3);font-size:.8125rem;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.preview-show-more:hover{border-color:var(--brand);color:var(--brand);background:color-mix(in srgb,var(--brand) 6%,transparent)}.preview-grid-empty{display:flex;align-items:center;justify-content:center;padding:var(--space-10);font-size:.875rem;color:var(--text-3);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.img-compare{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--surface-overlay);width:100%}.img-compare__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;transition:opacity .2s}.img-compare__img--before{z-index:2}.img-compare__img--after{z-index:1}.img-compare__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10}.img-compare__spinner{width:20px;height:20px;border:2px solid var(--border-default);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}.img-compare__error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--text-3);z-index:3}.img-compare__label{position:absolute;top:var(--space-2);z-index:5;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(0,0,0,.6);color:#fff;padding:2px 6px;border-radius:var(--radius-sm);pointer-events:none}.img-compare__label--before{left:var(--space-2)}.img-compare__label--after{right:var(--space-2)}.img-compare__divider{position:absolute;top:0;bottom:0;width:2px;background:rgba(255,255,255,.9);z-index:6;transform:translateX(-50%);cursor:ew-resize;touch-action:none}.img-compare__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;gap:1px;box-shadow:var(--shadow-md);font-size:.9rem;color:#000;-webkit-user-select:none;-moz-user-select:none;user-select:none}.img-compare__handle-arrow{line-height:1}.results-container{width:100%;max-width:860px;text-align:center}.per-image-results{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-6);text-align:left}.per-image-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);font-size:.8125rem;font-weight:500;color:var(--text-2)}.per-image-count{font-family:var(--font-mono);font-size:.75rem;color:var(--text-3)}.per-image-list{max-height:320px;overflow-y:auto}.per-image-list::-webkit-scrollbar{width:4px}.per-image-list::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}.per-image-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-subtle);font-size:.8rem;font-family:var(--font-mono)}.per-image-row:last-child{border-bottom:none}.per-image-name{flex:1 1;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.per-image-orig{color:var(--text-3);flex-shrink:0}.per-image-arrow{color:var(--text-4);flex-shrink:0}.per-image-optim{color:var(--text-2);flex-shrink:0}.per-image-savings{flex-shrink:0;min-width:52px;text-align:right}.per-image-savings.positive{color:#4ade80}.per-image-savings.neutral{color:var(--text-3)}.opt-badge{display:inline-flex;align-items:center;padding:3px 12px;background:var(--brand-muted);border:1px solid rgba(37,99,235,.25);border-radius:var(--radius-full);font-size:.68rem;font-weight:700;color:var(--brand-hover);letter-spacing:.09em;text-transform:uppercase;margin-bottom:var(--space-4)}.opt-features{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-5);font-size:.775rem;color:var(--text-3);font-family:var(--font-mono)}.opt-feature-sep{color:var(--text-4)}.fp-container{max-width:820px;margin:0 auto;padding:var(--space-6) var(--space-4)}.fp-container,.fp-hero{display:flex;flex-direction:column;align-items:center;width:100%}.fp-hero{text-align:center;gap:var(--space-2)}.fp-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 12px;background:var(--brand-muted);border:1px solid rgba(37,99,235,.25);border-radius:var(--radius-full);font-size:.68rem;font-weight:700;color:var(--brand-hover);letter-spacing:.09em;text-transform:uppercase;margin-bottom:var(--space-3)}.fp-title{font-size:1.35rem;font-weight:700;font-family:var(--font-mono);color:var(--text-1);margin:0}.fp-subtitle{font-size:.84rem;color:var(--text-2);max-width:520px;line-height:1.55;margin-bottom:var(--space-4)}.fp-features{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-5);font-size:.775rem;color:var(--text-3);font-family:var(--font-mono)}.fp-feature-sep{color:var(--text-4)}.fp-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-16) 0;color:var(--text-2);text-align:center}.fp-loading p{font-size:.95rem;font-weight:500;color:var(--text-1)}.fp-loading span{font-size:.8rem;color:var(--text-3)}.fp-error-state{flex-direction:column;gap:var(--space-4);padding:var(--space-12) 0}.fp-error-state,.fp-summary{display:flex;align-items:center}.fp-summary{gap:var(--space-6);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);width:100%;margin-bottom:var(--space-6)}.fp-summary-left{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.fp-summary-arrow{color:var(--text-4)}.fp-estimated-ring{display:flex;flex-direction:column;align-items:center;gap:4px}.fp-estimated-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:600}.fp-score-ring{align-items:center}.fp-score-ring,.fp-summary-right{display:flex;flex-direction:column}.fp-summary-right{gap:4px;min-width:0;flex:1 1}.fp-summary-title{font-size:1rem;font-weight:600;color:var(--text-1);margin:0}.fp-summary-url{font-size:.75rem;color:var(--text-3);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.fp-summary-savings{font-size:.78rem;color:var(--success);font-weight:500;font-family:var(--font-mono)}.fp-scan-again{margin-top:var(--space-2);align-self:flex-start}.fp-plan{width:100%;display:flex;flex-direction:column}.fp-section{width:100%;margin-bottom:var(--space-6)}.fp-section-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;margin-bottom:var(--space-2)}.fp-section-icon{width:32px;height:32px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.fp-section-icon--auto{background:rgba(22,163,74,.12);color:#4ade80}.fp-section-icon--snippet{background:rgba(37,99,235,.12);color:#60a5fa}.fp-section-icon--manual{background:rgba(217,119,6,.12);color:#fbbf24}.fp-section-title{font-size:.92rem;font-weight:600;color:var(--text-1);margin:0}.fp-section-desc{font-size:.75rem;color:var(--text-3);margin:0}.fp-section-count{margin-left:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:2px 10px;font-weight:600;font-family:var(--font-mono)}.fp-copy-all-btn,.fp-section-count{background:var(--surface-raised);font-size:.72rem;color:var(--text-2);flex-shrink:0}.fp-copy-all-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border-subtle);border-radius:var(--radius);padding:5px 10px;font-weight:500;cursor:pointer;transition:all .15s;font-family:var(--font-sans)}.fp-copy-all-btn:hover{background:var(--surface-overlay);color:var(--text-1);border-color:var(--border-default)}.fp-fix-list{display:flex;flex-direction:column;gap:2px}.fp-fix-item{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius);overflow:hidden;transition:border-color .15s}.fp-fix-item:hover{border-color:var(--border-default)}.fp-fix-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fp-fix-icon{flex-shrink:0}.fp-fix-icon--auto{color:#4ade80}.fp-fix-icon--snippet{color:#60a5fa}.fp-fix-icon--manual{color:#fbbf24}.fp-fix-label{font-size:.84rem;font-weight:500;color:var(--text-1);flex:1 1;min-width:0}.fp-fix-value{font-size:.75rem;color:var(--text-3)}.fp-fix-savings,.fp-fix-value{font-family:var(--font-mono);flex-shrink:0}.fp-fix-savings{font-size:.72rem;color:var(--success);font-weight:600;background:rgba(22,163,74,.1);padding:2px 8px;border-radius:var(--radius-full)}.fp-fix-chevron{color:var(--text-3);flex-shrink:0}.fp-fix-detail{padding:0 var(--space-4) var(--space-4);border-top:1px solid var(--border-subtle);animation:fadeIn .15s ease}.fp-fix-explanation{font-size:.8125rem;color:var(--text-2);line-height:1.6;margin:var(--space-3) 0}.fp-auto-cta{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--brand);color:white;border:none;border-radius:var(--radius);padding:7px 16px;font-size:.8rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:background .15s;text-decoration:none}.fp-auto-cta:hover{background:var(--brand-hover)}.fp-tool-link{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500;color:var(--brand);text-decoration:none;transition:color .15s}.fp-tool-link:hover{color:var(--brand-hover)}.fp-snippet-block{margin-top:var(--space-3);background:var(--surface-bg);border:1px solid var(--border-subtle);border-radius:var(--radius);overflow:hidden}.fp-snippet-header{display:flex;align-items:center;justify-content:space-between;padding:6px var(--space-3);background:var(--surface-raised);border-bottom:1px solid var(--border-subtle)}.fp-snippet-label{font-size:.72rem;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em}.fp-snippet-copy{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-3);font-size:.7rem;font-family:var(--font-sans);cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:all .15s}.fp-snippet-copy:hover{background:var(--surface-overlay);color:var(--text-1)}.fp-snippet-code{padding:var(--space-3);margin:0;font-family:var(--font-mono);font-size:.76rem;line-height:1.55;color:var(--text-2);overflow-x:auto;white-space:pre}.fp-snippet-code code{font-family:inherit}.fp-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-16) 0;color:var(--text-2)}.fp-empty-icon{color:var(--success)}.fp-empty h3{font-size:1rem;font-weight:600;color:var(--text-1);margin:0}.fp-empty p{font-size:.84rem;color:var(--text-3);margin:0}.sidebar-fix-section{padding:0 var(--space-2);margin-bottom:var(--space-1)}.sidebar-fix-link{display:flex;align-items:center;gap:var(--space-2);padding:7px var(--space-3);border-radius:var(--radius);font-size:.82rem;font-weight:600;color:var(--text-1);text-decoration:none;background:var(--brand-muted);border:1px solid rgba(37,99,235,.2);transition:all .15s}.sidebar-fix-link:hover{background:rgba(37,99,235,.18);border-color:rgba(37,99,235,.35)}.sidebar-fix-link.sidebar-link--active{background:var(--brand);border-color:var(--brand);color:white}.sidebar-fix-link .sidebar-link-icon,.sidebar-fix-link svg{color:#60a5fa}.sidebar-fix-link.sidebar-link--active .sidebar-link-icon,.sidebar-fix-link.sidebar-link--active svg{color:white}.sidebar--collapsed .sidebar-fix-section{padding:0}.sidebar--collapsed .sidebar-fix-link{justify-content:center;padding:7px}@media (max-width:640px){.fp-summary{flex-direction:column;text-align:center;gap:var(--space-4)}.fp-summary-left{justify-content:center}.fp-scan-again{align-self:center}.fp-section-header{flex-wrap:wrap}.fp-snippet-code{font-size:.7rem}.filmstrip__thumb{width:68px;height:68px}.per-image-arrow,.per-image-orig{display:none}}.pricing-page{flex-direction:column;max-width:1100px;margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-16)}.pricing-page,.pricing-success-banner{display:flex;align-items:center;width:100%}.pricing-success-banner{gap:var(--space-3);max-width:640px;background:rgba(22,163,74,.1);border:1px solid rgba(22,163,74,.25);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:.84rem;color:#4ade80;font-weight:500;margin-bottom:var(--space-6)}.pricing-success-dismiss{margin-left:auto;background:none;border:none;color:#4ade80;cursor:pointer;opacity:.7;padding:0;display:flex;align-items:center}.pricing-success-dismiss:hover{opacity:1}.pricing-header{text-align:center;margin-bottom:var(--space-10)}.pricing-eyebrow{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--brand-hover);background:var(--brand-muted);border:1px solid rgba(37,99,235,.25);padding:3px 12px;border-radius:var(--radius-full);margin-bottom:var(--space-4)}.pricing-title{font-size:1.85rem;font-weight:700;font-family:var(--font-mono);color:var(--text-1);margin:0 0 var(--space-3);line-height:1.2}.pricing-subtitle{font-size:.9rem;color:var(--text-2);max-width:480px;margin:0 auto;line-height:1.6}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4);gap:var(--space-4);width:100%;align-items:start}.pricing-card{position:relative;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);transition:border-color .2s}.pricing-card:hover{border-color:var(--border-default)}.pricing-card--highlight{background:var(--surface-raised);border-color:var(--brand);box-shadow:0 0 0 1px var(--brand),var(--shadow-lg)}.pricing-card--dim{opacity:.72}.pricing-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:3px 14px;border-radius:var(--radius-full);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.pricing-badge--popular{background:var(--brand);color:white}.pricing-badge--coming{background:var(--surface-overlay);border:1px solid var(--border-default);color:var(--text-3)}.pricing-card-header{display:flex;flex-direction:column;gap:6px}.pricing-plan-name{font-size:.9rem;font-weight:600;color:var(--text-2);margin:0;text-transform:uppercase;letter-spacing:.06em}.pricing-price-row{display:flex;align-items:baseline;gap:6px}.pricing-price{font-size:2.2rem;font-weight:800;font-family:var(--font-mono);color:var(--text-1);line-height:1}.pricing-period,.pricing-tagline{font-size:.8rem;color:var(--text-3)}.pricing-tagline{margin:0;line-height:1.5}.pricing-cta-area{display:flex;flex-direction:column}.pricing-cta{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;border-radius:var(--radius);font-size:.85rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all .15s;border:none;text-decoration:none;width:100%}.pricing-cta--primary{background:var(--brand);color:white}.pricing-cta--primary:hover{background:var(--brand-hover)}.pricing-cta--secondary{background:var(--surface-overlay);color:var(--text-1);border:1px solid var(--border-default)}.pricing-cta--secondary:hover{background:var(--surface-raised);border-color:var(--border-strong)}.pricing-cta:disabled{opacity:.6;cursor:not-allowed}.pricing-current-plan{gap:6px;border-radius:var(--radius);color:var(--success);background:rgba(22,163,74,.08);border:1px solid rgba(22,163,74,.2)}.pricing-coming-soon-btn,.pricing-current-plan{display:flex;align-items:center;justify-content:center;padding:10px 20px;font-size:.85rem;font-weight:600}.pricing-coming-soon-btn{border-radius:var(--radius);color:var(--text-4);background:var(--surface-overlay);border:1px solid var(--border-subtle);cursor:default}.pricing-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.pricing-feature{display:flex;align-items:center;gap:var(--space-2);font-size:.82rem;color:var(--text-2)}.pricing-feature-check{color:var(--success);flex-shrink:0}.pricing-feature--missing,.pricing-feature-x{color:var(--text-4)}.pricing-feature-x{flex-shrink:0}.pricing-manage-hint{margin-top:var(--space-6);font-size:.8rem;color:var(--text-3);text-align:center}.pricing-manage-link{background:none;border:none;color:var(--brand-hover);font-size:inherit;font-family:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0}.pricing-manage-link:hover{color:var(--brand)}.pricing-faq{width:100%;max-width:860px;margin-top:var(--space-16)}.pricing-faq-title{font-size:1rem;font-weight:600;font-family:var(--font-mono);color:var(--text-2);text-align:center;margin:0 0 var(--space-6)}.pricing-faq-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-5);gap:var(--space-5)}.pricing-faq-item{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.pricing-faq-q{font-size:.84rem;font-weight:600;color:var(--text-1);margin:0 0 var(--space-2)}.pricing-faq-a{font-size:.8rem;color:var(--text-3);line-height:1.6;margin:0}.sidebar-upgrade-nudge{display:flex;align-items:center;gap:var(--space-2);padding:7px var(--space-3);border-radius:var(--radius);font-size:.78rem;font-weight:600;color:#fbbf24;background:rgba(251,191,36,.07);border:1px solid rgba(251,191,36,.15);text-decoration:none;transition:all .15s;margin-top:var(--space-2)}.sidebar-upgrade-nudge:hover{background:rgba(251,191,36,.12);border-color:rgba(251,191,36,.28)}@media (max-width:900px){.pricing-grid{max-width:420px}.pricing-faq-grid,.pricing-grid{grid-template-columns:1fr}.pricing-title{font-size:1.4rem}}@media (max-width:640px){.pricing-page{padding:var(--space-6) var(--space-3) var(--space-10)}}.land{z-index:1;min-height:100vh;color:var(--text-1);flex-direction:column;font-size:15px}.land,.land-nav{position:relative;display:flex;align-items:center}.land-nav{z-index:2;width:100%;max-width:1120px;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle)}.land-logo{font-family:var(--font-mono);font-size:.95rem;font-weight:700;color:var(--text-1);letter-spacing:-.02em;text-decoration:none}.land-logo span{color:var(--brand)}.land-nav-r{display:flex;align-items:center;gap:var(--space-5)}.land-nav-link{font-size:.8125rem;color:var(--text-3);text-decoration:none;transition:color .12s}.land-nav-link:hover{color:var(--text-1)}.land-nav-pill{font-size:.8125rem;font-weight:600;color:#fff;background:var(--brand);border-radius:var(--radius-full);padding:6px 14px;text-decoration:none;transition:background .12s}.land-nav-pill:hover{background:var(--brand-hover)}.land-hero{width:100%;max-width:1120px;padding:72px var(--space-6) 64px;display:grid;grid-template-columns:1fr 420px;grid-gap:64px;gap:64px;align-items:center}.land-hero-left{display:flex;flex-direction:column;gap:var(--space-5)}.land-eyebrow{font-size:.75rem;font-family:var(--font-mono);color:var(--text-4);margin:0;letter-spacing:.02em}.land-h1{font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-.035em;color:var(--text-1);margin:0}.land-h1 em{font-style:normal;color:var(--brand-hover)}.land-lead{font-size:1rem;color:var(--text-3);line-height:1.7;margin:0;max-width:480px}.hero-input-form{display:flex;flex-direction:column;gap:var(--space-2);max-width:460px}.hero-input-wrap{display:flex;align-items:center;background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .15s,box-shadow .15s}.hero-input-wrap:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(37,99,235,.15)}.hero-input{flex:1 1;background:transparent;border:none;outline:none;font-size:.9375rem;font-family:var(--font-mono);color:var(--text-1);padding:11px var(--space-4)}.hero-input::placeholder{color:var(--text-4)}.hero-input-btn{display:flex;align-items:center;gap:var(--space-2);padding:11px var(--space-5);background:var(--brand);color:#fff;border:none;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .12s;flex-shrink:0}.hero-input-btn:hover:not(:disabled){background:var(--brand-hover)}.hero-input-btn:disabled{opacity:.5;cursor:not-allowed}.hero-input-btn-spinner{animation:spin .7s linear infinite}.hero-input-hint{font-size:.72rem;color:var(--text-4);font-family:var(--font-mono);margin:0}.land-demo{background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.land-demo-bar{display:flex;align-items:center;gap:var(--space-2);padding:10px var(--space-4);background:var(--surface-raised);border-bottom:1px solid var(--border-subtle)}.land-demo-dot{width:10px;height:10px;border-radius:50%;background:var(--border-default);flex-shrink:0}.land-demo-url{font-size:.72rem;font-family:var(--font-mono);color:var(--text-3);margin-left:var(--space-1)}.land-demo-body{justify-content:space-around;padding:var(--space-6) var(--space-5);gap:var(--space-4)}.land-demo-body,.land-demo-col{display:flex;align-items:center}.land-demo-col{flex-direction:column;gap:var(--space-3)}.land-demo-label{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-full)}.land-demo-label--before{color:var(--text-4);background:var(--surface-overlay);border:1px solid var(--border-subtle)}.land-demo-label--after{color:#16a34a;background:rgba(22,163,74,.1);border:1px solid rgba(22,163,74,.25)}.land-demo-metrics{display:flex;flex-direction:column;gap:4px;width:100%}.land-metric{display:flex;justify-content:space-between;gap:var(--space-3);font-size:.72rem;font-family:var(--font-mono);color:var(--text-3)}.land-metric b{color:var(--text-4);font-weight:500}.land-demo-arrow{font-size:1.25rem;color:var(--text-4);flex-shrink:0}.land-demo-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle);background:var(--surface-raised);display:flex;align-items:center;justify-content:center}.land-demo-tag{font-size:.72rem;font-family:var(--font-mono);color:var(--text-4)}.land-audit-callout{width:100%;max-width:1120px;padding:0 var(--space-6) 72px;display:grid;grid-template-columns:1fr 340px;grid-gap:64px;gap:64px;align-items:start}.land-audit-text h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.03em;color:var(--text-1);margin:0 0 var(--space-4)}.land-audit-text p{font-size:.9375rem;color:var(--text-3);line-height:1.75;margin:0 0 var(--space-4);max-width:520px}.land-audit-cta{display:inline-flex;align-items:center;font-size:.875rem;font-weight:600;color:var(--brand-hover);text-decoration:none;margin-top:var(--space-2);transition:color .12s}.land-audit-cta:hover{color:var(--text-1)}.land-audit-metrics{display:flex;flex-direction:column;gap:var(--space-4);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5)}.land-score-row{display:flex;align-items:center;gap:var(--space-4)}.land-score-title{font-size:.9375rem;font-weight:600;color:var(--text-1)}.land-score-sub{font-size:.72rem;color:var(--text-4);font-family:var(--font-mono);margin-top:2px}.land-cwv{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-2) var(--space-4);gap:var(--space-2) var(--space-4)}.land-cwv-item{display:flex;align-items:center;gap:var(--space-2)}.land-cwv-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.land-cwv-dot.good{background:var(--success)}.land-cwv-dot.poor{background:var(--error)}.land-cwv-k{color:var(--text-4);width:28px}.land-cwv-k,.land-cwv-v{font-size:.72rem;font-family:var(--font-mono)}.land-cwv-v{color:var(--text-2)}.land-tools-section{width:100%;max-width:1120px;padding:0 var(--space-6) 72px;display:flex;flex-direction:column;gap:var(--space-5)}.land-tools-label{font-size:.72rem;font-family:var(--font-mono);font-weight:600;letter-spacing:.06em;color:var(--text-4);text-transform:uppercase;margin:0}.land-tools-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.land-tool-item{display:flex;flex-direction:column;gap:3px;padding:var(--space-4) var(--space-4);background:var(--surface-base);text-decoration:none;transition:background .12s}.land-tool-item:hover{background:var(--surface-raised)}.land-tool-name{font-size:.8125rem;font-weight:600;color:var(--text-1)}.land-tool-desc{font-size:.72rem;color:var(--text-4);font-family:var(--font-mono)}.land-price-section{width:100%;max-width:1120px;padding:0 var(--space-6) 72px;display:flex;flex-direction:column;gap:var(--space-5)}.land-price-title{font-size:1.125rem;font-weight:700;color:var(--text-1);letter-spacing:-.02em;margin:0}.land-price-table{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;max-width:560px}.land-price-row{display:grid;grid-template-columns:1fr 100px 140px;align-items:center;border-bottom:1px solid var(--border-subtle)}.land-price-row:last-child{border-bottom:none}.land-price-row span{padding:11px var(--space-4);font-size:.8125rem;color:var(--text-2)}.land-price-row--head{background:var(--surface-raised)}.land-price-row--head span{font-size:.72rem;font-family:var(--font-mono);font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.land-price-row--head span:last-child{color:var(--brand-hover)}.land-price-row--head em{font-style:normal;font-weight:400;color:var(--text-4)}.land-price-row--cta a,.land-price-row--cta span{padding:var(--space-3) var(--space-4)}.land-price-btn{display:inline-flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:600;border-radius:var(--radius);text-decoration:none;padding:7px var(--space-3);transition:background .12s,border-color .12s}.land-price-btn--ghost{color:var(--text-3);border:1px solid var(--border-default);background:transparent}.land-price-btn--ghost:hover{border-color:var(--border-strong);color:var(--text-1)}.land-price-btn--primary{background:var(--brand);color:#fff;border:none}.land-price-btn--primary:hover{background:var(--brand-hover)}.land-footer{width:100%;max-width:1120px;padding:var(--space-5) var(--space-6) var(--space-10);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:var(--space-4)}.land-footer-links{display:flex;gap:var(--space-5)}.land-footer-links a{font-size:.8rem;color:var(--text-4);text-decoration:none;transition:color .12s}.land-footer-links a:hover{color:var(--text-2)}.land-footer-copy{font-size:.75rem;color:var(--text-4)}@media (max-width:900px){.land-hero{grid-template-columns:1fr;gap:var(--space-8);padding:48px var(--space-5) 40px}.land-hero-right{display:none}.land-audit-callout{grid-template-columns:1fr;gap:var(--space-6)}.land-tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.land-nav-link{display:none}.land-tools-grid{grid-template-columns:1fr}.land-price-table{max-width:100%}.land-price-row{grid-template-columns:1fr 80px 110px}.land-audit-callout{padding-bottom:var(--space-10)}}