:root{color:#f4f7fb;font-synthesis:none;text-rendering:optimizelegibility;background:#05070c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#05070c}body{background:radial-gradient(circle at 50% -12%,#14201b 0,#090e17 35%,#05070c 72%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit}button:disabled{opacity:.52;cursor:not-allowed}button:focus-visible{outline-offset:3px;outline:3px solid #32d26e6b}.app-shell{width:min(100%,540px);min-height:100vh;padding:max(18px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));margin:0 auto;transition:background .25s}.topbar{align-items:center;gap:11px;padding:4px 2px 18px;display:flex}.brand-mark{color:#32d26e;background:#32d26e0e;border:1px solid #264d37;border-radius:12px;place-items:center;width:43px;height:43px;display:grid;box-shadow:inset 0 0 18px #32d26e0a}.brand-copy{min-width:0}.brand{letter-spacing:.15em;font-size:14px;font-weight:950}.subbrand{color:#536076;letter-spacing:.18em;margin-top:3px;font-size:9px}.icon-button{color:#7f8ca3;cursor:pointer;background:#090e17;border:1px solid #1b2a41;border-radius:12px;place-items:center;width:42px;height:42px;margin-left:auto;display:grid}.panel{background:linear-gradient(#0b1120f0,#070b12fa);border:1px solid #1b2a41;border-radius:24px;padding:26px 20px;position:relative;overflow:hidden;box-shadow:0 28px 80px #0000006b}.panel:before{content:"";pointer-events:none;background-image:linear-gradient(#32d26e06 1px,#0000 1px),linear-gradient(90deg,#32d26e06 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.hero-panel{text-align:center;padding-top:35px}.scanner-orb{color:#32d26e;background:radial-gradient(circle,#32d26e26,#32d26e05 66%);border:1px solid #264d37;border-radius:50%;place-items:center;width:116px;height:116px;margin:0 auto 24px;animation:2.7s ease-in-out infinite breathe;display:grid;box-shadow:0 0 45px #32d26e1f,inset 0 0 35px #32d26e0e}@keyframes breathe{50%{transform:scale(1.035);box-shadow:0 0 62px #32d26e2e,inset 0 0 38px #32d26e16}}.eyebrow{color:#32d26e;letter-spacing:.19em;margin:0 0 12px;font-size:10px;font-weight:950;position:relative}h1{letter-spacing:-.045em;margin:0;font-size:clamp(36px,10vw,52px);line-height:.96;position:relative}h1 span{color:#32d26e}h2{letter-spacing:-.025em;margin:0 0 20px;font-size:29px;position:relative}.lede{color:#7f8ca3;max-width:390px;margin:20px auto 27px;line-height:1.55;position:relative}.button-stack{gap:11px;display:grid;position:relative}.primary,.secondary{cursor:pointer;border-radius:15px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:56px;font-weight:900;transition:transform .15s,filter .15s,border-color .15s;display:flex}.primary:active,.secondary:active{transform:scale(.985)}.primary{color:#041109;background:#32d26e;border:1px solid #55e684;box-shadow:0 12px 30px #32d26e29}.primary:hover{filter:brightness(1.06)}.secondary{color:#e3e9f1;background:#0d1421f0;border:1px solid #2c3a50}.secondary:hover{border-color:#47566c}.hidden-input{display:none}.privacy{color:#7f8ca3;justify-content:center;align-items:center;gap:7px;margin:22px 0 0;font-size:11px;line-height:1.4;display:flex;position:relative}.photo-frame{background:#020617;border:1px solid #293548;border-radius:18px;position:relative;overflow:hidden}.photo-frame img{object-fit:cover;width:100%;height:100%;display:block}.preview-photo{aspect-ratio:4/5}.detect{margin-top:18px}.text-button{color:#7f8ca3;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin:15px auto 0;text-decoration:underline;display:block}.scan-panel{min-height:670px}.scan-header{justify-content:space-between;align-items:center;display:flex;position:relative}.scan-header>span{color:#7f8ca3;font:800 12px ui-monospace,SFMono-Regular,Menlo,monospace}.scan-photo{aspect-ratio:16/10;filter:saturate(.8)contrast(1.06)}.scan-grid{background-color:#0000;background-image:linear-gradient(90deg,#32d26e11 1px,#0000 1px),linear-gradient(#32d26e11 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.scan-corners{clip-path:polygon(0 0,18% 0,18% 2px,2px 2px,2px 18%,0 18%,0 0,100% 0,100% 18%,calc(100% - 2px) 18%,calc(100% - 2px) 2px,82% 2px,82% 0,100% 0,100% 100%,82% 100%,82% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 82%,100% 82%,100% 100%,0 100%,0 82%,2px 82%,2px calc(100% - 2px),18% calc(100% - 2px),18% 100%,0 100%);border:1px solid #32d26e2e;position:absolute;inset:14px}.laser{z-index:2;background:#32d26e;height:2px;animation:2.2s linear infinite scan;position:absolute;top:0;left:0;right:0;box-shadow:0 0 14px #32d26e,0 0 35px #32d26e80}@keyframes scan{0%{top:3%}50%{top:96%}to{top:3%}}.pulse:before{content:"";background:#32d26e;border-radius:50%;width:7px;height:7px;margin-right:8px;animation:1s steps(2,end) infinite blink;display:inline-block;box-shadow:0 0 10px #32d26e}@keyframes blink{50%{opacity:.25}}.terminal{color:#77e99a;background:#010804cc;border:1px solid #1c3a29;border-radius:14px;min-height:186px;margin-top:20px;padding:15px;font:600 12.5px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;position:relative;box-shadow:inset 0 0 30px #32d26e09}.terminal div:before{content:"> ";color:#2f8f4d}.terminal .log-system{color:#9cabbc}.terminal .log-system:before{content:"[SYS] ";color:#536076}.terminal .log-warning,.terminal .log-critical{font-weight:900}.terminal .log-warning{color:#fc3}.terminal .log-critical{color:#ff4a4a}.progress-track{background:#172033;border-radius:999px;height:8px;margin-top:18px;overflow:hidden}.progress-fill{border-radius:inherit;background:#32d26e;height:100%;transition:width .35s;box-shadow:0 0 12px #32d26e94}.progress-label{color:#536076;letter-spacing:.1em;justify-content:space-between;margin-top:8px;font:800 10px ui-monospace,monospace;display:flex}.event-extended,.event-recovery{border-color:#6d5b20}.event-critical{border-color:#ff4a4a;animation:.8s criticalPulse;box-shadow:0 28px 80px #ff4a4a1f}@keyframes criticalPulse{50%{box-shadow:0 0 0 4px #ff4a4a38,0 28px 80px #ff4a4a33}}.result-panel{text-align:center}.result-status{color:#536076;letter-spacing:.12em;justify-content:space-between;gap:12px;margin:0 0 14px;font-size:9px;font-weight:900;display:flex;position:relative}.result-status span:first-child{color:#32d26e}.result-photo{aspect-ratio:16/10;margin-bottom:18px}.metrics{grid-template-columns:1fr 1fr;gap:9px;display:grid;position:relative}.metric{text-align:left;background:#0d1421;border:1px solid #1b2a41;border-radius:12px;min-width:0;padding:12px}.metric span{color:#7f8ca3;letter-spacing:.13em;font-size:9px;font-weight:950;display:block}.metric strong{color:#f4f7fb;overflow-wrap:anywhere;margin-top:6px;font-size:clamp(16px,4.5vw,20px);line-height:1.05;display:block}.verdict{color:#32d26e;letter-spacing:-.025em;text-shadow:0 0 28px #32d26e33;margin:22px -4px 0;padding:20px 8px;font-size:clamp(25px,7vw,36px);font-weight:950;line-height:1.02;position:relative}.severity-critical .verdict{color:#ff4a4a;text-shadow:0 0 30px #ff4a4a40}.recommendation{text-align:left;background:#0d1421;border:1px solid #253248;border-radius:13px;margin:0 0 20px;padding:15px;position:relative}.recommendation span{color:#536076;letter-spacing:.16em;font-size:9px;font-weight:950}.recommendation p{color:#e1e8f0;margin:7px 0 0;font-weight:700}.result-buttons{margin-top:6px}.share-fallbacks{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:15px;display:flex}.share-fallbacks button{color:#7f8ca3;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;min-height:44px;padding:8px 12px;font-size:12px;display:flex}.share-fallbacks button:disabled{cursor:not-allowed}footer{color:#334155;text-align:center;letter-spacing:.14em;padding:22px 4px 0;font-size:8px;font-weight:900}.toast{left:50%;bottom:max(24px,env(safe-area-inset-bottom));z-index:20;color:#0f172a;background:#e2e8f0;border-radius:12px;width:max-content;max-width:calc(100% - 32px);padding:12px 16px;font-size:13px;font-weight:850;position:fixed;transform:translate(-50%);box-shadow:0 16px 50px #00000080}@media (width<=350px){.panel{padding-left:15px;padding-right:15px}.metrics{grid-template-columns:1fr}.result-status{font-size:8px}.brand{font-size:12px}.subbrand{font-size:8px}}@media (width>=700px){.app-shell{padding-top:34px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.laser{top:50%!important}.progress-fill{transition:none}}footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}footer a{color:inherit;text-decoration:none}footer a:hover{color:#32d26e}.npc-counter{color:#7f8ca3;letter-spacing:.02em;margin:17px 0 0;font-size:12px;font-weight:750;position:relative}.npc-counter strong{color:#32d26e;font-size:14px}