*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:dark;--cyan: #00fff2;--magenta: #ff2bd6;--yellow: #ccff00;--bg: #07020f;--panel-bg: #0f0620}body{min-height:100dvh}.page{max-width:80ch;margin-inline:auto;padding:2rem;background:var(--bg);color:var(--cyan);min-height:100dvh}.scanner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;min-height:100dvh;padding:1.5rem 1rem;background:radial-gradient(circle at 50% 20%,rgba(255,43,214,.25),transparent 60%),radial-gradient(circle at 50% 80%,rgba(0,255,242,.2),transparent 60%),var(--bg);overflow:hidden;font-family:ui-monospace,SFMono-Regular,Courier New,monospace}.scanner__scanlines{position:fixed;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.35) 0px,rgba(0,0,0,.35) 1px,transparent 2px,transparent 4px);mix-blend-mode:multiply}.scanner__title{position:relative;z-index:2;margin:0;font-size:clamp(2.25rem,9vw,3.5rem);font-weight:900;letter-spacing:.08em;text-align:center;color:var(--yellow);text-shadow:0 0 6px var(--yellow),0 0 18px var(--magenta),3px 3px 0 #000,-3px -3px 0 #000}.scanner__tagline{position:relative;z-index:2;margin:0;color:var(--cyan);font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:center;text-shadow:0 0 6px rgba(0,255,242,.7)}.scanner__panel{position:relative;z-index:2;width:min(420px,100%);display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.75rem 1.25rem;background:var(--panel-bg);border:3px solid var(--cyan);border-radius:0;box-shadow:0 0 0 3px #000,0 0 22px #00fff273,6px 6px #000}.scanner__idle,.scanner__scanning,.scanner__result{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.scanner__prompt{margin:0;text-align:center;color:var(--cyan);font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.scanner__button{appearance:none;border:3px solid #000;border-radius:0;padding:.85rem 1.5rem;background:var(--magenta);color:#000;font-family:inherit;font-size:1rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 16px #ff2bd6a6,4px 4px #000;transition:none}.scanner__button:hover{background:var(--yellow);box-shadow:0 0 16px #ccff00b3,4px 4px #000}.scanner__button:active{transform:translate(4px,4px);box-shadow:0 0 10px #ccff00b3,0 0 #000}.scanner__spinner{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.scanner__spinner span{width:1rem;height:1rem;background:var(--cyan);animation:scanner-blink .8s steps(2,jump-none) infinite;box-shadow:0 0 8px var(--cyan)}.scanner__spinner span:nth-child(2){background:var(--magenta);box-shadow:0 0 8px var(--magenta);animation-delay:.15s}.scanner__spinner span:nth-child(3){background:var(--yellow);box-shadow:0 0 8px var(--yellow);animation-delay:.3s}.scanner__spinner span:nth-child(4){background:var(--magenta);box-shadow:0 0 8px var(--magenta);animation-delay:.45s}@keyframes scanner-blink{0%,49%{opacity:1}50%,to{opacity:.2}}.scanner__scan-message{margin:0;color:var(--yellow);font-size:.85rem;font-weight:700;letter-spacing:.05em;text-align:center;text-shadow:0 0 6px rgba(204,255,0,.7)}.scanner__mic-status{margin:0;color:var(--magenta);font-size:.7rem;font-weight:700;letter-spacing:.05em;text-align:center;text-transform:uppercase;text-shadow:0 0 6px rgba(255,43,214,.7)}.scanner__result-label{margin:0;font-size:1.5rem;font-weight:900;letter-spacing:.05em;text-align:center;color:var(--magenta);text-shadow:0 0 8px var(--magenta),2px 2px 0 #000}.scanner__meter{width:100%;height:1.1rem;border:2px solid #000;outline:2px solid var(--cyan);background:#000}.scanner__meter-fill{height:100%;background:linear-gradient(to right,var(--cyan),var(--magenta),var(--yellow));box-shadow:0 0 10px #ff2bd6cc}.scanner__result-level{margin:0;color:var(--cyan);font-size:.85rem;font-weight:700;letter-spacing:.05em;text-shadow:0 0 6px rgba(0,255,242,.7)}.scanner__result-message{margin:0;color:#f4f4ff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;text-align:center;line-height:1.4}.scanner__disclaimer{position:relative;z-index:2;margin:0;color:#00fff299;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;text-align:center}