:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#f1f6f9;background:#0b1822;font-synthesis:none;font-weight:400;line-height:1.6;color-scheme:dark;--muted:#99afbd;--accent:#b5ecfa;--line:#29414f}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #f6d86e;outline-offset:4px}button{touch-action:manipulation}button,select{min-height:48px}button svg{width:23px;height:23px;flex-shrink:0}h1,h2,p{margin-top:0}h1{font-size:28px;line-height:1.4;letter-spacing:-.7px;margin-bottom:12px}h2{font-size:19px;line-height:1.5;margin-bottom:12px}p{font-size:15px}small{display:block;font-size:13px;color:var(--muted)}.app{width:100%;max-width:480px;margin:auto;min-height:100vh;display:flex;flex-direction:column;padding:calc(12px + env(safe-area-inset-top,0px)) 24px calc(12px + env(safe-area-inset-bottom,0px))}header{height:64px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-shrink:0}.icon-button{width:48px;height:48px;display:grid;place-items:center;border:0;background:transparent;color:#d0e0eb;border-radius:14px}.brand{color:var(--accent)}.brand svg{width:36px;height:36px}.header-line{height:1px;background:var(--line);flex:1;margin:0 25px}.page-title{font-size:19px;font-weight:600}.header-spacer{width:48px}.app main{flex:1;outline:0}.home{text-align:center}.home h1{font-size:28px;margin-top:12px;margin-bottom:7px}.subtitle{font-size:17px;color:#afc7d7;letter-spacing:1px;margin-bottom:30px}.photo-frame{position:relative;width:100%;overflow:hidden;border-radius:20px;background:#0d1f2b;isolation:isolate}.photo-frame.empty{height:310px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;margin-bottom:30px}.hand-guide{width:65%;height:80%;color:#6b8798}.frame-hint{position:absolute;bottom:20px;font-size:12px;letter-spacing:1px;color:#a1bac9}.corners{position:absolute;top:15px;right:15px;bottom:15px;left:15px;pointer-events:none;border-radius:10px;background:linear-gradient(var(--accent),var(--accent)) left top/24px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) left top/2px 24px no-repeat,linear-gradient(var(--accent),var(--accent)) right top/24px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) right top/2px 24px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom/24px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom/2px 24px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom/24px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom/2px 24px no-repeat;opacity:.7}.photo-surface{position:relative;width:100%;padding-top:133.333%}.photo-surface>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;image-orientation:from-image}.germs{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.placement{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.placement .hand-guide{color:#d4f3fa;opacity:.42}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border-radius:30px;font-size:17px;font-weight:600;padding:14px 18px;line-height:1.4;min-height:56px}.primary{background:var(--accent);color:#09232f;border:1px solid var(--accent)}.secondary{background:transparent;border:1px solid #668393;color:#d5e8f3}.text-button{display:block;margin:6px auto;border:0;background:transparent;color:var(--accent);padding:12px 18px;font-size:15px;min-height:48px}.local-note{font-size:11px;color:var(--muted);margin-top:14px}.muted{color:var(--muted);font-size:13px;line-height:1.8}.centered{text-align:center;margin:16px 0}.intro{color:#afc7d7;font-size:14px;text-align:center;margin-bottom:22px}.two-buttons{display:flex;gap:12px;margin-top:14px}.two-buttons>button{flex:1;width:0;padding-left:10px;padding-right:10px;font-size:16px}.result-label{display:flex;justify-content:space-between;font-size:12px;color:#a8c1d0;margin:0 3px 10px}.result-label span{color:#b5ecfa}.result-copy{text-align:center;margin:18px 0}.result-copy h1{font-size:26px;margin:4px 0 8px}.result-copy p{color:#abc0cd;font-size:14px;min-height:24px;margin-bottom:8px}.stars{color:var(--accent);letter-spacing:5px;font-size:17px}.stars span{color:#69818e}.scan-light{position:absolute;top:-12%;left:0;right:0;height:12%;background:linear-gradient(transparent,rgba(153,233,252,.333));border-bottom:2px solid #b5ecfa;animation:scan 3s linear forwards;pointer-events:none}@keyframes scan{to{transform:translateY(940%)}}.scan-status{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.scan-status strong{color:var(--accent);font-variant-numeric:tabular-nums}progress{width:100%;height:4px;border:0;border-radius:4px;overflow:hidden;background:#253b48;-webkit-appearance:none;appearance:none}progress::-webkit-progress-bar{background:#253b48}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}footer{text-align:center;color:#91a8b7;font-size:10px;line-height:1.8;margin:30px auto 4px;max-width:290px}.level-options{padding:6px 16px;margin:18px 0;border:1px solid var(--line);border-radius:16px}.level-options label{display:flex;align-items:center;gap:14px;min-height:76px}.level-options input{accent-color:var(--accent);width:22px;height:22px;margin:0}.level-options small{font-size:12px}.sample{margin-left:auto;font-size:21px}.sample-0{color:#9dc7c2}.sample-1{color:#b4e779}.sample-2{color:#f6d86e}.sample-3{color:#f8b06a}.plan{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.plan-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.plan-row select{width:65%;border:1px solid #4a687a;background:#102530;color:#e1eef5;border-radius:12px;padding:10px;font-size:15px}.plan .primary{margin:20px 0}.notice{padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:#a7c2d0;margin-top:24px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:24px 0 18px;gap:14px}.setting-row input{width:24px;height:24px;accent-color:var(--accent)}.settings h1{font-size:24px}.setting-link{display:flex;justify-content:space-between;width:100%;background:transparent;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--accent);padding:18px 0;margin:26px 0}.settings section p,article p{font-size:14px;color:#b0c3d0;line-height:1.9}article h2{margin-top:28px}article h1{margin:20px 0 30px}.version{margin-top:30px;color:var(--muted)}.wash{text-align:center;padding:24px 0}.wash h1{font-size:26px}.wash p{color:#aec4d1}.wash-symbol{font-size:90px;line-height:1.5;color:var(--accent)}.wash .primary{margin-top:32px}.comparison{display:flex;gap:12px}.comparison>div{width:calc(50% - 6px);min-width:0}.comparison h2{font-size:17px;text-align:center}.comparison p{font-size:12px;text-align:center;margin-top:12px}.comparison .corners{display:none}.comparison .photo-frame{border-radius:12px}.error{color:#ffd7b9;border:1px solid #87614a;padding:12px;border-radius:12px}.toast{position:fixed;bottom:calc(25px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:max-content;max-width:88vw;background:#d3f1f8;color:#142d39;border:1px solid #aacad4;border-radius:16px;padding:12px 18px;z-index:20;font-size:14px;box-shadow:0 6px 30px rgba(0,0,0,.4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:600px){.app{padding-top:24px}.home h1{font-size:32px}.photo-frame.empty{height:350px}}@media(max-width:380px){.app{padding-left:20px;padding-right:20px}.home h1{font-size:26px}.photo-frame.empty{height:280px}.subtitle{margin-bottom:24px}}@media(prefers-reduced-motion:reduce){.scan-light{animation:none;top:48%;height:2px}.primary,.secondary{scroll-behavior:auto}}.two-buttons{gap:0}.two-buttons>button+button{margin-left:12px}.comparison{gap:0}.comparison>div+div{margin-left:12px}.primary svg{margin-right:10px}.primary,.level-options label{gap:0}.level-options input{margin-right:14px}.app{min-height:calc(100vh + 96px)}.capture-title{font-size:23px;text-align:center;margin-bottom:4px}.viewfinder video,.fixed-hand-guide{position:absolute;top:0;left:0;width:100%;height:100%}.viewfinder video{object-fit:cover}.fixed-hand-guide{pointer-events:none}.scan-light{top:-14%;height:14%;background:linear-gradient(transparent,rgba(68,211,191,.08) 40%,rgba(100,243,220,.25));border-bottom:2px solid #a0ffed;box-shadow:0 5px 16px -5px #72ffdf;will-change:transform;animation:scan 3s linear forwards}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(814.286%)}}.result-germs{animation:reveal-microbes .45s ease-out both}@keyframes reveal-microbes{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.scan-light{animation:none;top:48%;height:2px;will-change:auto}.result-germs{animation:none}}footer{display:flex;flex-direction:column;align-items:center;gap:5px}.parent-entry{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:#61717a;font-size:11px;line-height:1.4;padding:8px 14px;min-height:34px;touch-action:none;-webkit-user-select:none;user-select:none}.parent-entry:active{color:#8b9ba2}.sheet-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;background:rgba(2,11,16,.62);display:flex;align-items:flex-end;justify-content:center;padding:0}.parent-sheet{width:100%;max-width:480px;background:#102430;border:1px solid #385464;border-bottom:0;border-radius:24px 24px 0 0;padding:12px 24px calc(20px + env(safe-area-inset-bottom,0px));box-shadow:0 -12px 40px rgba(0,0,0,.36);animation:sheet-up .24s ease-out;max-height:min(88vh,680px);overflow:auto}.sheet-handle{width:42px;height:4px;border-radius:4px;background:#617b88;margin:0 auto 12px}.sheet-head{display:flex;align-items:center;justify-content:space-between}.sheet-head h2{margin:0;font-size:20px}.sheet-close{width:42px;height:42px;min-height:42px;border:0;border-radius:50%;background:transparent;color:#afc4cc;font-size:26px;line-height:1}.preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:22px 0 20px}.preset{min-height:72px;border:1px solid #486573;background:#142d3b;color:#d6e7ec;border-radius:14px;padding:9px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center}.preset strong{font-size:15px}.preset small{font-size:11px;color:#9db5bf;margin-top:2px}.preset.active{border-color:#a6efdd;box-shadow:inset 0 0 0 1px #a6efdd;background:#193944;color:#dffcf7}.amount-control{display:block;border-top:1px solid #294653;padding-top:18px}.amount-control>span:first-child{display:flex;align-items:center;justify-content:space-between;font-size:14px}.amount-control output{color:#b5ecfa;font-variant-numeric:tabular-nums;font-size:18px}.amount-control input{display:block;width:100%;margin:12px 0 0;min-height:44px;accent-color:#a6efdd}.range-scale{display:flex;justify-content:space-between}.range-scale small{font-size:11px}.once-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #294653;margin-top:14px;padding:16px 0}.once-toggle strong,.once-toggle small{display:block}.once-toggle strong{font-size:14px}.once-toggle input{width:23px;height:23px;accent-color:#a6efdd;flex:0 0 auto}.sheet-save{margin-top:4px}.sheet-note{color:#8099a5;text-align:center;font-size:11px;margin:14px 0 0}@keyframes sheet-up{0%{transform:translateY(100%);opacity:.65}to{transform:translateY(0);opacity:1}}.parent-entry{touch-action:manipulation;min-height:44px;-webkit-touch-callout:none}.sheet-backdrop{top:0;right:0;bottom:0;left:0}.parent-sheet{max-height:88vh;animation:none}.sheet-close{width:48px;height:48px;min-height:48px;flex-shrink:0}.sheet-head h2{font-size:19px}.preset{font-size:16px;min-height:72px}.preset-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:14px 0 10px}.preset{font-size:15px;min-height:68px;padding:7px 2px;white-space:normal}.capture-flow{padding-top:0}.capture-flow .capture-title{font-size:20px;line-height:1.25;margin:0 0 2px}.capture-flow .centered{font-size:11px;line-height:1.3;margin:4px 0}.capture-flow .viewfinder{margin:5px 0;border-radius:16px}.capture-flow .viewfinder .photo-surface{padding-top:78%}.capture-flow .primary{min-height:52px;padding:10px 16px}.capture-flow .text-button{min-height:42px;padding:5px 12px;margin:0 auto}.capture-flow .muted.centered:last-of-type{font-size:10px;line-height:1.25;margin:3px 0}@media(max-width:360px){.capture-flow .viewfinder .photo-surface{padding-top:73%}.capture-flow .capture-title{font-size:19px}.capture-flow .primary{min-height:50px}.capture-flow .text-button{min-height:40px}.preset{font-size:13px}}.viewfinder .photo-surface{isolation:isolate;overflow:hidden}.viewfinder video{z-index:0;object-fit:cover;object-position:50% 50%;pointer-events:none}.fixed-hand-guide{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;transform:translateZ(0);-webkit-transform:translateZ(0)}.guide-outline{fill:rgba(183,255,242,.024);stroke:#d0fff8;stroke-width:.006;stroke-opacity:.82;stroke-linecap:round;stroke-linejoin:round}.guide-halo{fill:none;stroke:#8ef7e4;stroke-width:.016;stroke-opacity:.12}.scan-overlay{position:absolute;right:0;bottom:0;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none}.microbe-reveal{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.microbe-reveal.scanning{animation:scan-reveal 3s linear both}.microbe-reveal .result-germs{animation:none}@keyframes scan-reveal{0%{clip-path:inset(0 0 100% 0);-webkit-clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0)}}@media(prefers-reduced-motion:reduce){.parent-sheet{animation:none}}