.audit-page{min-height:100vh;padding:5rem 1.5rem 3rem;max-width:56rem;margin:0 auto}.audit-input-section{text-align:center;padding:2rem 0 3rem}.audit-input-section h1{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;margin-bottom:.5rem;color:hsl(var(--foreground))}.audit-input-section p{color:hsl(var(--muted-foreground));font-size:.9rem;margin-bottom:2rem;line-height:1.6}.audit-form{max-width:32rem;margin:0 auto}.site-test-input-wrap{display:flex;align-items:center;gap:.5rem;padding:.35rem .35rem .35rem 1rem;border-radius:.75rem;border:1px solid hsl(var(--border));background:hsl(var(--card));transition:border-color .2s}.site-test-input-wrap:focus-within{border-color:hsl(var(--primary) / .4);box-shadow:0 0 0 3px hsl(var(--primary) / .1)}.site-test-icon{color:hsl(var(--muted-foreground));flex-shrink:0}.site-test-input-wrap input{flex:1;background:transparent;border:none;outline:none;font-size:.875rem;color:hsl(var(--foreground));padding:.5rem 0}.site-test-input-wrap input::placeholder{color:hsl(var(--muted-foreground) / .5)}.audit-btn-group{display:flex;align-items:stretch;position:relative;flex-shrink:0}.site-test-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border:none;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.audit-btn-group .site-test-btn:first-child{border-radius:.5rem 0 0 .5rem}.audit-dropdown-toggle{padding:.55rem .5rem;border-radius:0 .5rem .5rem 0;border-left:1px solid hsl(var(--primary-foreground) / .2)}.site-test-btn:hover{background:hsl(var(--primary) / .85)}.audit-dropdown{display:none;position:absolute;top:calc(100% + .35rem);right:0;min-width:11rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.5rem;padding:.25rem;box-shadow:0 8px 24px #00000040;z-index:50}.audit-dropdown.open{display:block;animation:audit-line-in .15s ease}.audit-dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;background:transparent;color:hsl(var(--muted-foreground));font-size:.8rem;font-weight:500;cursor:pointer;border-radius:.35rem;transition:all .15s;text-align:left}.audit-dropdown-item:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}.audit-dropdown-item.active{color:hsl(var(--primary));font-weight:600}.audit-terminal{border-radius:.75rem;overflow:hidden;margin-bottom:2rem;border:1px solid hsl(var(--border))}.audit-terminal-bar{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;background:hsl(var(--muted));border-bottom:1px solid hsl(var(--border))}.audit-terminal-dots{display:flex;gap:.35rem}.audit-terminal-dots span{width:8px;height:8px;border-radius:50%;background:hsl(var(--muted-foreground) / .3)}.audit-terminal-title{font-size:.7rem;color:hsl(var(--muted-foreground));margin-left:.5rem;font-family:var(--font-mono, ui-monospace, monospace)}.audit-terminal-body{background:hsl(var(--card));padding:1.25rem;font-family:var(--font-mono, ui-monospace, monospace);font-size:.78rem;line-height:1.8;min-height:12rem;max-height:24rem;overflow-y:auto;color:hsl(var(--foreground))}.audit-line{display:flex;align-items:flex-start;gap:.5rem;animation:audit-line-in .3s ease}@keyframes audit-line-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.audit-line .icon-spin{animation:audit-spin 1s linear infinite;color:hsl(var(--primary));flex-shrink:0;margin-top:2px}@keyframes audit-spin{to{transform:rotate(360deg)}}.audit-line .icon-check{color:#21c45d;flex-shrink:0;margin-top:2px}.audit-line .icon-warn{color:#f59f0a;flex-shrink:0;margin-top:2px}.audit-line .icon-error{color:#e03e3e;flex-shrink:0;margin-top:2px}.audit-line .text-muted{color:hsl(var(--muted-foreground))}.audit-line .text-accent{color:hsl(var(--primary))}.audit-line .text-green{color:#21c45d}.audit-line .text-warn{color:#f59f0a}.audit-line .text-error{color:#e03e3e}.audit-results{display:none}.audit-results.visible{display:block;animation:audit-line-in .5s ease}.audit-results-header{text-align:center;margin-bottom:2rem}.audit-results-header h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:.5rem;color:hsl(var(--foreground))}.audit-results-url{font-family:var(--font-mono, ui-monospace, monospace);font-size:.8rem;color:hsl(var(--muted-foreground));word-break:break-all}.audit-scores{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:center;margin-bottom:2.5rem}@media(max-width:639px){.audit-scores{grid-template-columns:1fr;gap:1rem}.audit-scores-arrow{transform:rotate(90deg)}}.audit-score-card{padding:1.5rem;text-align:center;border-radius:.75rem;border:1px solid hsl(var(--border));background:hsl(var(--card))}.audit-score-card-label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1rem}.audit-score-card-label.current{color:#f59f0a}.audit-score-card-label.after{color:#21c45d}.audit-score-ring{position:relative;width:100px;height:100px;margin:0 auto .75rem}.audit-score-ring svg{transform:rotate(-90deg)}.audit-score-ring .bg{stroke:hsl(var(--border))}.audit-score-ring .fg-current{stroke:#f59f0a;stroke-linecap:round}.audit-score-ring .fg-after{stroke:#21c45d;stroke-linecap:round}.audit-score-val{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono, ui-monospace, monospace);font-weight:700;font-size:1.5rem}.audit-score-val.warn{color:#f59f0a}.audit-score-val.good{color:#21c45d}.audit-score-val.fail{color:#e03e3e}.audit-score-val.muted{color:hsl(var(--muted-foreground))}.audit-score-metrics{font-size:.75rem;color:hsl(var(--muted-foreground));display:flex;flex-direction:column;gap:.25rem}.audit-scores-arrow{color:hsl(var(--primary));display:flex;align-items:center;justify-content:center}.audit-vitals{margin-bottom:2.5rem}.audit-vitals h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:hsl(var(--foreground))}.audit-vitals-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}@media(max-width:639px){.audit-vitals-grid{grid-template-columns:repeat(3,1fr)}}.audit-vital-item{text-align:center;padding:1rem .5rem;border-radius:.5rem;background:hsl(var(--card));border:1px solid hsl(var(--border))}.audit-vital-label{font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--muted-foreground));margin-bottom:.35rem}.audit-vital-value{font-family:var(--font-mono, ui-monospace, monospace);font-size:1.1rem;font-weight:700;margin-bottom:.2rem}.audit-vital-desc{font-size:.6rem;color:hsl(var(--muted-foreground));line-height:1.3}.audit-issues{margin-bottom:2.5rem}.audit-issues h3{font-size:1rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;color:hsl(var(--foreground))}.audit-issues h3 .count{font-size:.7rem;font-weight:600;background:#e03e3e;color:#fff;padding:.15rem .5rem;border-radius:100px}.audit-issue{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;border-radius:.5rem;background:hsl(var(--card));border:1px solid hsl(var(--border));margin-bottom:.5rem}.audit-issue-icon{flex-shrink:0;margin-top:1px}.audit-issue-icon.critical{color:#e03e3e}.audit-issue-icon.warning{color:#f59f0a}.audit-issue-text{flex:1}.audit-issue-title{font-size:.85rem;font-weight:600;margin-bottom:.15rem;color:hsl(var(--foreground))}.audit-issue-detail{font-size:.78rem;color:hsl(var(--muted-foreground));line-height:1.5}.audit-issue-impact{flex-shrink:0;font-size:.65rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.2rem .5rem;border-radius:4px;margin-top:2px}.audit-issue-impact.high{background:#e03e3e26;color:#e03e3e}.audit-issue-impact.medium{background:#f59f0a26;color:#f59f0a}.audit-fix-cta{text-align:center;padding:2.5rem 1.5rem;position:relative;overflow:hidden;border-radius:.75rem;border:1px solid hsl(var(--border));background:hsl(var(--card))}.audit-fix-cta .cta-glow{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:300px;height:180px;background:hsl(var(--primary) / .15);border-radius:50%;filter:blur(80px);pointer-events:none}.audit-fix-cta h3{position:relative;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;margin-bottom:.5rem;color:hsl(var(--foreground))}.audit-fix-cta p{position:relative;font-size:.9rem;color:hsl(var(--muted-foreground));margin-bottom:1.5rem;max-width:28rem;margin-left:auto;margin-right:auto;line-height:1.6}.audit-fix-code{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:.5rem;background:hsl(var(--background));border:1px solid hsl(var(--border));font-family:var(--font-mono, ui-monospace, monospace);font-size:.8rem;color:hsl(var(--foreground));margin-bottom:1.5rem}.audit-fix-actions{position:relative;display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.audit-fix-actions .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.5rem;border-radius:.5rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;cursor:pointer}.audit-fix-actions .btn-accent{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:1px solid transparent}.audit-fix-actions .btn-accent:hover{background:hsl(var(--primary) / .9)}.audit-fix-actions .btn-outline{background:transparent;color:hsl(var(--foreground));border:1px solid hsl(var(--border))}.audit-fix-actions .btn-outline:hover{background:hsl(var(--accent));border-color:hsl(var(--primary) / .3)}.audit-terminal,.audit-results{display:none}.audit-terminal.visible{display:block;animation:audit-line-in .4s ease}.audit-congrats h3{color:hsl(var(--foreground))}.audit-congrats p{color:hsl(var(--muted-foreground))}