:root{--bg:#050810;--surface:#0c1120;--surface2:#111827;--surface3:#161f33;--border:#1e2d4a;--border2:#2a3a5c;--gold:#f5a623;--saffron:#ff6b1a;--blue:#3b82f6;--cyan:#06b6d4;--purple:#8b5cf6;--green:#10b981;--red:#f87171;--yellow:#fbbf24;--text:#e2e8f0;--muted:#64748b;--dim:#94a3b8;--r:14px;--r-sm:9px}.viz-brand-om{-webkit-text-fill-color:var(--gold);font-size:1.05rem;animation:4s ease-in-out infinite viz-float}.viz-live-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);background:#06b6d414;border:1px solid #06b6d440;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-family:JetBrains Mono,monospace;font-size:.62rem;display:inline-flex}.viz-live-dot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s infinite viz-pulse}@keyframes viz-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.35)}}.cwv-app{z-index:1;flex-direction:column;gap:1.25rem;max-width:1180px;margin:0 auto;padding:1.5rem 1.5rem 4rem;display:flex;position:relative}.cwv-intro{text-align:center;padding:1rem 0 .25rem}.cwv-intro h1{color:var(--text);letter-spacing:-.02em;margin:0 0 .6rem;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800}.cwv-intro h1 .cwv-accent{color:var(--gold)}.cwv-intro p{max-width:640px;color:var(--dim);margin:0 auto;font-size:.95rem;line-height:1.6}.cwv-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.cwv-panel-head{border-bottom:1px solid var(--border);background:var(--surface2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.1rem;display:flex}.cwv-panel-title{color:var(--text);letter-spacing:.01em;font-size:.9rem;font-weight:700}.cwv-panel-hint{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:.62rem}.cwv-panel-body{padding:1.1rem}.cwv-note{color:var(--dim);margin:0 0 1rem;font-size:.83rem;line-height:1.55}.cwv-note code{color:var(--gold);background:#f5a6231a;border-radius:4px;padding:.05em .35em;font-family:JetBrains Mono,monospace;font-size:.8em}.cwv-pill{letter-spacing:.06em;text-transform:uppercase;color:var(--green);background:#10b98114;border:1px solid #10b9814d;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .7rem;font-family:JetBrains Mono,monospace;font-size:.62rem;font-weight:600;display:inline-flex}.cwv-pill--off{color:var(--red);background:#f8717114;border-color:#f871714d}.cwv-pill-dot{background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite cwv-blink}@keyframes cwv-blink{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.cwv-pill-dot{animation:none}}.cwv-metric-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.cwv-metric{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-sm);padding:1rem 1.1rem;transition:border-color .2s}.cwv-metric-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.cwv-metric-name{color:var(--text);letter-spacing:.03em;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:700}.cwv-metric-val{font-variant-numeric:tabular-nums;color:var(--gold);margin:.55rem 0 .15rem;font-family:JetBrains Mono,monospace;font-size:1.6rem;font-weight:800}.cwv-metric-full{color:var(--dim);font-size:.72rem;line-height:1.3}.cwv-metric-th{color:var(--muted);margin-top:.45rem;font-family:JetBrains Mono,monospace;font-size:.66rem}.cwv-metric.is-good{border-color:#10b98166}.cwv-metric.is-good .cwv-metric-val{color:var(--green)}.cwv-metric.is-ni{border-color:#fbbf2466}.cwv-metric.is-ni .cwv-metric-val{color:var(--yellow)}.cwv-metric.is-poor{border-color:#f8717166}.cwv-metric.is-poor .cwv-metric-val{color:var(--red)}.cwv-badge{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.18rem .5rem;font-family:JetBrains Mono,monospace;font-size:.58rem;font-weight:700}.cwv-badge-idle{color:var(--muted);background:#94a3b81a}.cwv-badge-good{color:var(--green);background:#10b9811f}.cwv-badge-ni{color:var(--yellow);background:#fbbf241f}.cwv-badge-poor{color:var(--red);background:#f871711f}.cwv-form{flex-wrap:wrap;gap:.6rem;display:flex}.cwv-input{background:var(--bg);border:1px solid var(--border2);border-radius:var(--r-sm);color:var(--text);flex:260px;padding:.7rem .9rem;font-family:JetBrains Mono,monospace;font-size:.95rem}.cwv-input::placeholder{color:var(--muted)}.cwv-input:focus-visible{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}.cwv-err{color:var(--red);min-height:1em;margin:.6rem 0 0;font-size:.8rem}.cwv-btn{background:linear-gradient(135deg, var(--gold), var(--saffron));color:#000;border-radius:var(--r-sm);cursor:pointer;letter-spacing:.02em;border:1px solid #0000;justify-content:center;align-items:center;gap:.3rem;padding:.7rem 1.2rem;font-family:JetBrains Mono,monospace;font-size:.88rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.cwv-btn:hover{color:#000;transform:translateY(-1px);box-shadow:0 0 18px #f5a62366}.cwv-btn-ghost{background:var(--surface3);color:var(--text);border-color:var(--border2)}.cwv-btn-ghost:hover{border-color:var(--gold);color:var(--gold);box-shadow:none;transform:translateY(-1px)}.cwv-cta{text-align:center;border:1px solid var(--border2);border-radius:var(--r);background:linear-gradient(#f5a62314,#0c112099);padding:2.25rem 1.5rem}.cwv-cta h2{color:var(--text);margin:0 0 .65rem;font-size:clamp(1.4rem,3.5vw,2rem);font-weight:800}.cwv-cta h2 .cwv-accent{color:var(--gold)}.cwv-cta p{color:var(--dim);max-width:540px;margin:0 auto 1.4rem;font-size:.95rem;line-height:1.6}.cwv-cta-row{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.cwv-mantra{text-align:center;color:var(--gold);margin:.5rem 0 0;font-size:.9rem}.cwv-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}