:root{--bg-deep: #0c1210;--bg-mid: #14201c;--ink: #f2f5f0;--ink-muted: rgba(242, 245, 240, .62);--accent: #c8f56a;--accent-ink: #10160e;--fail: #ff8a7a;--font-display: "Bebas Neue", "Arial Narrow", Impact, sans-serif;--font-body: "DM Sans", "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100dvh;background:var(--bg-deep);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body{overflow-x:hidden}.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(120% 80% at 70% -10%,rgba(200,245,106,.18),transparent 55%),radial-gradient(90% 60% at 10% 100%,rgba(56,120,96,.35),transparent 50%),linear-gradient(165deg,var(--bg-mid),var(--bg-deep) 55%);pointer-events:none}.atmosphere:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px;mix-blend-mode:overlay;animation:grain 8s steps(6) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(-1%,-2%)}to{transform:translate(0)}}.stage{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem 3rem;text-align:center;gap:.35rem}.brand{margin:0 0 1.25rem;font-family:var(--font-display);font-size:clamp(3.5rem,14vw,7rem);letter-spacing:.04em;line-height:.9;color:var(--ink);animation:brand-in .8s cubic-bezier(.22,1,.36,1) both}@keyframes brand-in{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}.meter{display:flex;align-items:baseline;justify-content:center;gap:.45rem;min-height:5.5rem;animation:meter-in .9s .1s cubic-bezier(.22,1,.36,1) both}@keyframes meter-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.meter-value{font-family:var(--font-display);font-size:clamp(5rem,22vw,9.5rem);line-height:.9;letter-spacing:.02em;font-variant-numeric:tabular-nums;transition:color .3s ease}.meter.is-live .meter-value{color:var(--accent)}.meter.is-done .meter-value{color:var(--accent);animation:pulse-done .55s cubic-bezier(.22,1,.36,1)}.meter.is-failed .meter-value{color:var(--fail)}@keyframes pulse-done{0%{transform:scale(.96)}60%{transform:scale(1.03)}to{transform:scale(1)}}.meter-unit{font-size:clamp(1rem,3vw,1.35rem);font-weight:500;color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase}.quality{margin:.75rem 0 0;font-size:clamp(1.1rem,3.2vw,1.45rem);font-weight:500;letter-spacing:-.01em;min-height:1.6em}.disclaimer,.data-note,.error{margin:.35rem 0 0;max-width:28rem;font-size:.92rem;line-height:1.45;color:var(--ink-muted)}.error{color:var(--fail)}.actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.75rem;min-height:3rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;text-decoration:none;font-family:var(--font-body);font-size:.95rem;font-weight:600;letter-spacing:.02em;padding:.85rem 1.4rem;border-radius:999px;transition:transform .15s ease,background .15s ease,color .15s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px #f2f5f047}.btn-ghost:hover{box-shadow:inset 0 0 0 1px #f2f5f08c}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){.brand,.meter,.meter.is-done .meter-value,.atmosphere:after{animation:none!important}}