:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080d0f;--surface:#10191b;--surface-raised:#152124;--line:#294044;--line-soft:#9bcfc924;--text:#ecf6f4;--text-soft:#9db3b1;--accent:#6ee7db;--accent-strong:#25c7b5;--amber:#f5b971;--danger:#ff8b71;--radius-sm:6px;--radius-md:8px;--ease-out:cubic-bezier(.16, 1, .3, 1);font-synthesis:none;text-rendering:optimizelegibility;font-family:Noto Sans SC,Microsoft YaHei UI,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{background:linear-gradient(#6de7db06 1px, transparent 1px), linear-gradient(90deg, #6de7db06 1px, transparent 1px), var(--bg);min-width:320px;min-height:100dvh;color:var(--text);background-size:32px 32px;margin:0;overflow-x:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #6ee7db85}button:disabled{cursor:wait;opacity:.62}.app-shell{width:min(100%,760px);min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 20px max(28px, env(safe-area-inset-bottom));margin:0 auto}.usage-warning{border:1px solid #ff8b71a6;border-left:3px solid var(--danger);border-radius:var(--radius-sm);background:#3a1b16f5;grid-template-columns:40px minmax(0,1fr);align-items:flex-start;gap:12px;margin-bottom:12px;padding:14px 15px;display:grid;box-shadow:0 8px 24px #0000003d}.usage-warning-icon{color:#24100c;background:var(--danger);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.usage-warning div{min-width:0}.usage-warning strong{color:#ffb09d;margin-bottom:3px;font-size:18px;font-weight:800;line-height:1.3;display:block}.usage-warning p{color:var(--text);margin:0;font-size:14px;font-weight:600;line-height:1.65}.privacy-banner{border:1px solid #6ee7db80;border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:#102223f5;margin-bottom:20px;overflow:hidden;box-shadow:0 8px 24px #0003}.privacy-banner-main{align-items:center;gap:11px;padding:13px 15px 11px;display:flex}.privacy-banner-icon{color:#071210;background:var(--accent);border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.privacy-banner strong{color:var(--text);font-size:16px;font-weight:750;line-height:1.55}.desktop-tool-footer{margin-top:20px}.desktop-tool-link{border-radius:var(--radius-sm);min-height:44px;color:var(--amber);background:#10191bb8;border:1px solid #6ee7db38;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;transition:color .18s,background-color .18s;display:flex}.desktop-tool-link:hover{color:#ffd39d;background:#f5b97114}.desktop-tool-link:active{background:#f5b97121}.wechat-modal-backdrop{z-index:100;padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));background:#02080ad6;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.wechat-modal{border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid #6ee7db6b;width:min(100%,420px);padding:26px 22px 22px;position:relative;box-shadow:0 22px 60px #00000080}.wechat-modal-close{width:44px;height:44px;color:var(--text-soft);background:0 0;border:0;border-radius:50%;place-items:center;transition:color .18s,background-color .18s;display:grid;position:absolute;top:10px;right:10px}.wechat-modal-close:hover{color:var(--text);background:#ffffff0f}.wechat-modal-icon{color:#071210;background:var(--accent);border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:16px;display:grid}.wechat-modal h2{color:var(--text);margin:0;font-size:24px;line-height:1.25}.wechat-modal>p{color:var(--text-soft);margin:9px 0 0;font-size:14px;line-height:1.65}.wechat-guide-steps{gap:0;margin:20px 0;padding:0;list-style:none;display:grid}.wechat-guide-steps li{border-top:1px solid var(--line-soft);grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:13px 0;display:grid}.wechat-guide-steps li:last-child{border-bottom:1px solid var(--line-soft)}.wechat-step-icon{border:1px solid var(--line);width:44px;height:44px;color:var(--accent);background:#6ee7db0f;border-radius:50%;place-items:center;display:grid}.wechat-guide-steps div{flex-direction:column;gap:4px;min-width:0;display:flex}.wechat-guide-steps strong{color:var(--text);font-size:15px;line-height:1.4}.wechat-guide-steps div span{color:var(--text-soft);font-size:13px;line-height:1.45}.wechat-confirm{width:100%;min-height:48px}.topbar{justify-content:space-between;align-items:center;display:flex}.topbar-actions{align-items:center;gap:8px;display:flex}.brand{letter-spacing:0;align-items:center;gap:10px;font-family:Arial Narrow,Microsoft YaHei UI,sans-serif;display:flex}.brand-mark{border:1px solid var(--line);border-radius:var(--radius-sm);width:38px;height:38px;color:var(--accent);background:#6ee7db0f;place-items:center;display:grid}.brand strong{font-size:18px;font-weight:700}.brand em{color:var(--accent);margin-left:6px;font-family:ui-monospace,Cascadia Mono,monospace;font-size:11px;font-style:normal;font-weight:700}.icon-button,.secondary-round{border:1px solid var(--line);width:48px;height:48px;color:var(--text-soft);background:var(--surface);border-radius:50%;place-items:center;transition:color .18s,border-color .18s,background-color .18s;display:grid}.icon-button:hover,.secondary-round:hover{border-color:var(--accent);color:var(--accent)}.icon-button:active,.secondary-round:active{background:var(--surface-raised)}.intro{padding:48px 0 28px}.eyebrow{color:var(--accent);align-items:center;gap:8px;margin:0 0 14px;font-family:ui-monospace,Cascadia Mono,monospace;font-size:12px;font-weight:700;display:flex}.eyebrow span{background:var(--accent);width:20px;height:1px}.intro h1{max-width:620px;color:var(--text);letter-spacing:0;margin:0;font-family:Arial Narrow,Microsoft YaHei UI,sans-serif;font-size:38px;font-weight:800;font-stretch:75%;line-height:1.1}.intro h1 span{color:#0000;-webkit-text-stroke:1px #ecf6f494}.intro>p:last-child{max-width:500px;color:var(--text-soft);margin:18px 0 0;font-size:16px;line-height:1.7}.part-selector{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.part-button{border:1px solid var(--line-soft);border-radius:var(--radius-sm);min-width:0;min-height:70px;color:var(--text-soft);background:#10191bb3;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:8px 4px;transition:color .18s,border-color .18s,background-color .18s;display:flex}.part-button span{white-space:nowrap;font-size:13px}.part-button:hover{color:var(--text);border-color:var(--line)}.part-button.active{color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent);background:#6ee7db1a;border-color:#6ee7dbb8}.part-button:active{background:#6ee7db26}.scanner-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);overflow:hidden;box-shadow:0 20px 70px #00000047}.scanner-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.scanner-index{color:var(--text-soft);font-family:ui-monospace,Cascadia Mono,monospace;font-size:10px}.scanner-head h2{letter-spacing:0;margin:4px 0 0;font-family:Arial Narrow,Microsoft YaHei UI,sans-serif;font-size:20px;line-height:1.2}.status-pill{border:1px solid var(--line-soft);min-width:98px;color:var(--text-soft);white-space:nowrap;background:#ffffff06;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:7px 10px;font-size:11px;display:inline-flex}.status-pill i{background:#66817f;border-radius:50%;width:7px;height:7px}.stage-camera .status-pill,.stage-placing .status-pill,.stage-result .status-pill{color:var(--accent)}.stage-camera .status-pill i,.stage-placing .status-pill i,.stage-result .status-pill i{background:var(--accent);box-shadow:0 0 9px #6ee7dbb3}.stage-scanning .status-pill{color:var(--amber)}.stage-scanning .status-pill i{background:var(--amber)}.viewport{aspect-ratio:1;isolation:isolate;background:radial-gradient(circle,#6ee7db14,#0000 52%),#091113;width:100%;position:relative;overflow:hidden;container-type:inline-size}.viewport:after{z-index:3;pointer-events:none;content:"";mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 4px);position:absolute;inset:0}.media-layer{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.media-layer.mirrored{transform:scaleX(-1)}.empty-viewport{color:var(--text-soft);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.body-radar{aspect-ratio:1;color:#6ee7dbb8;border:1px solid #6ee7db38;border-radius:50%;place-items:center;width:min(48%,230px);margin-bottom:16px;display:grid;position:relative}.body-radar:before,.body-radar:after{content:"";background:#6ee7db29;position:absolute}.body-radar:before{width:1px;height:124%}.body-radar:after{width:124%;height:1px}.radar-ring{border:1px solid #6ee7db1f;border-radius:50%;position:absolute}.ring-one{inset:19%}.ring-two{inset:37%}.empty-viewport strong{color:var(--text);font-size:16px}.empty-viewport>span:last-child{margin-top:5px;font-size:13px}.corner-guides{z-index:5;pointer-events:none;position:absolute;inset:24px}.corner-guides i{border-style:solid;border-color:#c2efe9b3;width:30px;height:30px;position:absolute}.corner-guides i:first-child{border-width:1px 0 0 1px;top:0;left:0}.corner-guides i:nth-child(2){border-width:1px 1px 0 0;top:0;right:0}.corner-guides i:nth-child(3){border-width:0 1px 1px 0;bottom:0;right:0}.corner-guides i:nth-child(4){border-width:0 0 1px 1px;bottom:0;left:0}.camera-guide span{z-index:2;background:#ffffff29;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.camera-guide span:first-child{width:28%;height:1px}.camera-guide span:last-child{width:1px;height:28%}.viewport-label{z-index:6;color:#e5f9f6ad;pointer-events:none;justify-content:space-between;font-family:ui-monospace,Cascadia Mono,monospace;font-size:9px;display:flex;position:absolute;bottom:30px;left:34px;right:34px}.scanning-overlay{z-index:4;background:linear-gradient(90deg,#071d1d59,#0000 28% 72%,#071d1d59);position:absolute;inset:0}.scan-beam{background:var(--accent);height:3px;animation:scan-sweep 2.25s var(--ease-out) infinite alternate;position:absolute;top:0;left:0;right:0;box-shadow:0 0 18px 3px #6ee7dbbf,0 22px 44px 18px #6ee7db1f}.scan-readout{justify-content:space-between;align-items:flex-end;gap:20px;display:flex;position:absolute;top:50%;left:24px;right:24px;transform:translateY(-50%)}.scan-readout span{max-width:60%;color:var(--text);font-size:13px}.scan-readout strong{color:var(--accent);font-variant-numeric:tabular-nums;font-family:ui-monospace,Cascadia Mono,monospace;font-size:42px;font-weight:500}.result-overlay{z-index:4;pointer-events:none;position:absolute;inset:0}.result-overlay:before{content:"";pointer-events:none;border:1px solid #6ee7db38;position:absolute;inset:0}.result-overlay.is-placing{cursor:crosshair;pointer-events:auto;touch-action:pan-y}.result-overlay.is-placing.placing-worm{cursor:crosshair}.result-overlay.is-placing.placing-bacteria{cursor:cell}.result-overlay.is-placing:active{background:#6ee7db06}.finding-marker{opacity:0;width:30px;height:30px;animation:marker-in .36s var(--ease-out) forwards;pointer-events:none;border:1px solid;border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)scale(.6)}.finding-marker:after{content:"";opacity:.5;border:1px dashed;border-radius:50%;position:absolute;inset:-4px}.finding-marker.worm{color:var(--amber);background:#47250bb3}.finding-marker.bacteria{width:24px;height:24px;color:var(--accent);background:#053631b8}.result-stamp{color:var(--accent);pointer-events:none;background:#051817b8;border:1px solid #6ee7db8f;align-items:center;gap:6px;padding:7px 9px;font-size:11px;display:flex;position:absolute;top:28px;right:28px}.placing-stamp{color:var(--amber);background:#2d1b0ac7;border-color:#f5b9718f}.camera-controls{grid-template-columns:repeat(3,80px);justify-content:center;align-items:start;gap:24px;padding:18px;display:grid}.camera-control-item{justify-items:center;gap:9px;min-width:0;display:grid}.camera-control-item>span{color:var(--text-soft);white-space:nowrap;font-size:12px;font-weight:600;line-height:1.25}.camera-control-primary>span{color:var(--text)}.shutter{border:2px solid var(--accent);background:0 0;border-radius:50%;place-items:center;width:80px;height:80px;display:grid;box-shadow:0 0 0 5px #6ee7db14}.shutter-core{background:var(--text);border-radius:50%;width:62px;height:62px;transition:transform .12s,background-color .12s}.shutter:active .shutter-core{background:var(--accent);transform:scale(.9)}.action-row,.result-actions{grid-template-columns:1.15fr .85fr;gap:10px;padding:16px;display:grid}.action-row.single{grid-template-columns:1fr}.primary-action,.secondary-action{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:9px;min-height:52px;padding:0 16px;font-size:14px;font-weight:700;transition:border-color .18s,color .18s,background-color .18s;display:inline-flex}.primary-action{border:1px solid var(--accent);color:#062c28;background:var(--accent)}.primary-action:hover:not(:disabled){background:#a5f3eb;border-color:#a5f3eb}.primary-action:active:not(:disabled){background:var(--accent-strong)}.secondary-action{border:1px solid var(--line);color:var(--text);background:0 0}.secondary-action:hover{border-color:var(--text-soft);background:#ffffff0a}.secondary-action:active{background:#ffffff14}.primary-action.compact{min-width:0}.progress-track{background:#ffffff12;height:5px;overflow:hidden}.progress-track span{background:var(--accent);transform-origin:0;width:100%;height:100%;transition:transform 90ms linear;display:block}.report{border-top:1px solid var(--line-soft);animation:report-in .42s var(--ease-out) both;padding:18px 16px 16px}.report-heading{color:var(--accent);justify-content:space-between;align-items:center;display:flex}.report-heading span{color:var(--text-soft);font-family:ui-monospace,Cascadia Mono,monospace;font-size:10px}.report-heading h3{color:var(--text);margin:4px 0 0;font-size:18px}.placement-toolbar{border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:#ffffff06;margin-top:16px;padding:12px}.placement-toolbar>p{color:var(--text-soft);align-items:center;gap:7px;margin:0 0 10px;font-size:12px;line-height:1.5;display:flex}.placement-toolbar>p svg{color:var(--accent);flex:none}.placement-controls{grid-template-columns:minmax(0,1fr) 48px;gap:8px;display:grid}.placement-mode{border:1px solid var(--line);border-radius:var(--radius-sm);background:#0b1315;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.placement-mode button,.center-placement,.undo-placement{min-height:48px;color:var(--text-soft);background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:700;transition:color .18s,border-color .18s,background-color .18s;display:inline-flex}.placement-mode button:hover,.center-placement:hover,.undo-placement:hover:not(:disabled){color:var(--text);background:#ffffff0b}.placement-mode button.active:first-child{color:var(--amber);background:#f5b9711a;border-color:#f5b97185}.placement-mode button.active:last-child{color:var(--accent);background:#6ee7db1a;border-color:#6ee7db85}.center-placement{border-color:var(--line);color:var(--text)}.undo-placement{border-color:var(--line)}.undo-placement:disabled{cursor:not-allowed;opacity:.38}.finding-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.finding-item{border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:#ffffff05;align-items:center;gap:12px;padding:14px;display:flex}.finding-icon{border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.finding-item.warning .finding-icon{color:var(--amber);background:#f5b9711a}.finding-item.microbe .finding-icon{color:var(--accent);background:#6ee7db1a}.finding-item div{flex-direction:column;min-width:0;display:flex}.finding-item strong{color:var(--text);font-variant-numeric:tabular-nums;font-family:ui-monospace,Cascadia Mono,monospace;font-size:26px;line-height:1}.finding-item div span{color:var(--text-soft);margin-top:5px;font-size:12px}.disclaimer{color:#b9cac8;background:#ffffff06;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.disclaimer svg{color:var(--amber);flex:none;margin-top:1px}.result-summary{border-radius:var(--radius-sm);color:#d5e6e3;background:#6ee7db0e;border:1px solid #6ee7db38;align-items:flex-start;gap:9px;margin-top:12px;padding:12px;font-size:13px;line-height:1.65;display:flex}.result-summary svg{color:var(--accent);flex:none;margin-top:2px}.result-actions{grid-template-columns:1fr 1fr;padding:16px 0 0}.result-actions.single-result-action{grid-template-columns:1fr}.error-message{color:var(--danger);align-items:flex-start;gap:8px;margin:0;padding:0 16px 16px;font-size:13px;line-height:1.5;display:flex}.error-message svg{flex:none;margin-top:1px}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan-sweep{0%{transform:translateY(18px)}to{transform:translateY(calc(100cqw - 24px))}}@keyframes marker-in{to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes report-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width>=768px){.app-shell{padding-left:32px;padding-right:32px}.intro{padding-top:64px}.intro h1{font-size:52px}.scan-readout strong{font-size:54px}.scanner-panel{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);display:grid}.scanner-head{grid-column:1/-1}.viewport{grid-row:2/span 2}.action-row,.camera-controls,.report,.progress-track{grid-column:2;align-self:stretch}.action-row{grid-template-columns:1fr;align-content:center;padding:24px}.camera-controls{grid-template-columns:repeat(3,72px);gap:20px}.shutter{width:72px;height:72px}.shutter-core{width:55px;height:55px}.finding-grid,.result-actions{grid-template-columns:1fr}}@media (width>=1024px){.intro h1{font-size:60px}}@media (width<=374px){.app-shell{padding-left:14px;padding-right:14px}.privacy-banner strong{font-size:15px}.intro{padding-top:38px}.intro h1{font-size:34px}.part-selector{gap:5px}.part-button{min-height:64px}.part-button span{font-size:12px}.action-row{grid-template-columns:1fr}.camera-controls{grid-template-columns:repeat(3,76px);gap:14px}}@media (orientation:landscape) and (height<=520px){.app-shell{width:min(100%,980px)}.intro{padding:24px 0 18px}.intro h1{font-size:34px}.intro h1 br{display:none}.intro>p:last-child{margin-top:10px}.scanner-panel{grid-template-columns:minmax(320px,1fr) minmax(280px,.72fr);display:grid}.scanner-head{grid-column:1/-1}.viewport{grid-row:2/span 2;max-height:78vh}.action-row,.camera-controls,.report,.progress-track{grid-column:2}.finding-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}