:root{font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#102825;background:#f3f7f5;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -10%,#dff7ee 0,#f3f7f5 38%,#f7f8f6)}button{font:inherit}.app-shell{width:min(100%,520px);min-height:100vh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 18px max(28px,env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;height:44px}.brand-mark{width:36px;height:36px;border-radius:12px;background:#0d302b;position:relative;box-shadow:0 8px 20px #143e3520}.brand-mark:before,.brand-mark:after{content:"";position:absolute;width:18px;height:9px;left:9px;top:13px;border-radius:9px;transform:rotate(-35deg)}.brand-mark:before{background:#eafff8}.brand-mark:after{width:9px;left:18px;background:#63e3ba;border-radius:0 9px 9px 0}.brand-copy{margin-left:9px;line-height:1}.brand-copy strong{display:block;font-size:16px;letter-spacing:-.5px}.brand-copy span{display:inline-block;margin-top:5px;font-size:8px;font-weight:800;letter-spacing:1.8px;color:#2b8d74}.privacy-pill{margin-left:auto;border:1px solid #cfddd8;background:#ffffffa8;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:700;color:#526c65}.privacy-pill i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#32bf91;box-shadow:0 0 0 3px #32bf9120}.intro{text-align:center;padding:35px 12px 23px}.eyebrow{margin:0 0 10px;color:#26836c;font-size:10px;letter-spacing:2.4px;font-weight:800}.intro h1{margin:0;color:#0b2925;letter-spacing:-1.8px;font-size:clamp(28px,8vw,38px);line-height:1.15}.intro>p:last-child{margin:13px 0 0;color:#6c7f7a;font-size:13px;line-height:1.65}.camera-card{overflow:hidden;border:1px solid #cddbd6;border-radius:27px;background:#fff;box-shadow:0 22px 50px #12382f18;transition:border-color .3s,box-shadow .3s}.camera-card.is-stable{border-color:#67dcb9;box-shadow:0 22px 55px #2fb88e28}.camera-stage{position:relative;aspect-ratio:1;overflow:hidden;background:linear-gradient(145deg,#142925,#07110f)}.camera-stage video{width:100%;height:100%;object-fit:cover;display:block}.empty-camera{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;color:#dceae5;background:radial-gradient(circle at 50% 42%,#17352f,#091613 70%)}.empty-camera[aria-hidden=true]{display:none}.empty-camera strong{margin-top:18px;font-size:14px}.empty-camera small{margin-top:7px;color:#829a93;font-size:10px}.tray-icon{position:relative;width:92px;height:65px;border:2px solid #5f7d74;border-radius:50%;transform:rotate(-5deg)}.tray-icon:after{content:"";position:absolute;inset:8px;border:1px solid #344e47;border-radius:50%}.tray-icon span{position:absolute;width:12px;height:8px;border-radius:50%;background:#b7c9c3;transform:rotate(25deg)}.tray-icon span:nth-child(1){left:22px;top:18px}.tray-icon span:nth-child(2){left:49px;top:14px}.tray-icon span:nth-child(3){left:38px;top:34px}.tray-icon span:nth-child(4){left:62px;top:33px}.tray-icon span:nth-child(5){left:16px;top:39px}.detection-overlay,.scan-guide{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scan-guide{inset:7%;width:86%;height:86%}.scan-guide i{position:absolute;width:35px;height:35px;border-color:#8eaaa1;border-style:solid;opacity:.75}.scan-guide i:nth-child(1){top:0;left:0;border-width:2px 0 0 2px;border-radius:12px 0 0}.scan-guide i:nth-child(2){top:0;right:0;border-width:2px 2px 0 0;border-radius:0 12px 0 0}.scan-guide i:nth-child(3){bottom:0;left:0;border-width:0 0 2px 2px;border-radius:0 0 0 12px}.scan-guide i:nth-child(4){bottom:0;right:0;border-width:0 2px 2px 0;border-radius:0 0 12px}.live-badge{position:absolute;top:14px;left:14px;padding:7px 9px;border:1px solid #ffffff29;border-radius:8px;background:#071512b8;color:#dcfff4;font-size:8px;font-weight:800;letter-spacing:1px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.live-badge span{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#66ecc2;box-shadow:0 0 0 4px #66ecc220;animation:pulse 1.4s infinite}.torch-button{position:absolute;top:13px;right:13px;width:32px;height:32px;border:1px solid #ffffff29;border-radius:50%;background:#071512b8;color:#dffff5;cursor:pointer}@keyframes pulse{50%{opacity:.35}}.result-panel{display:flex;min-height:105px;align-items:center;padding:17px 20px}.count-copy{min-width:118px;padding-right:20px;border-right:1px solid #e3ebe8}.count-copy>span{color:#758781;font-size:10px;font-weight:700}.count-copy div{display:flex;align-items:baseline;gap:5px;margin-top:3px}.count-copy strong{color:#0b2c27;font-size:43px;line-height:1;letter-spacing:-2px}.count-copy em{color:#49615b;font-size:13px;font-style:normal;font-weight:700}.status-copy{display:flex;align-items:center;gap:10px;padding-left:20px}.status-copy>span{width:10px;height:10px;border-radius:50%;flex:none}.waiting-dot{background:#efcf66;box-shadow:0 0 0 5px #efcf6622}.stable-dot{background:#35c798;box-shadow:0 0 0 5px #35c79822}.status-copy strong,.status-copy small{display:block}.status-copy strong{color:#173a34;font-size:12px}.status-copy small{max-width:170px;margin-top:5px;color:#84938f;font-size:9px;line-height:1.35}.progress-track{height:3px;background:#edf2f0}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,#41ca9f,#84ebca);transition:width .2s}.alert{margin:12px 4px 0;padding:11px 13px;border:1px solid #f0cfc8;border-radius:12px;background:#fff5f2;color:#984d40;font-size:11px;line-height:1.45}.tips{display:grid;gap:8px;margin-top:15px}.tips article{display:flex;align-items:center;min-height:56px;padding:10px 13px;border:1px solid #dfe8e4;border-radius:15px;background:#ffffffa3}.tips article>span{display:grid;place-items:center;width:27px;height:27px;margin-right:11px;border-radius:9px;background:#e6f5ef;color:#25836a;font-size:11px;font-weight:800}.tips strong,.tips small{display:block}.tips strong{color:#28413b;font-size:11px}.tips small{margin-top:4px;color:#84928e;font-size:9px}.primary-actions{margin-top:17px;text-align:center}.primary-button{width:100%;min-height:56px;border:0;border-radius:17px;background:linear-gradient(135deg,#0c332c,#125849);color:#effff9;font-weight:800;font-size:14px;box-shadow:0 13px 25px #103c322e;cursor:pointer;transition:transform .15s,opacity .2s}.primary-button:active{transform:translateY(1px)}.primary-button:disabled{cursor:not-allowed;opacity:.48}.primary-button.stop{background:#e9efed;color:#37524b;box-shadow:none}.camera-glyph{display:inline-block;width:16px;height:12px;margin-right:7px;border:2px solid currentColor;border-radius:4px;vertical-align:-2px;position:relative}.camera-glyph:after{content:"";position:absolute;width:4px;height:4px;border:1px solid currentColor;border-radius:50%;left:4px;top:2px}.primary-actions p{margin:10px 0 0;color:#8a9894;font-size:9px}@media(min-width:560px){.app-shell{padding-left:28px;padding-right:28px}.tips{grid-template-columns:repeat(3,1fr)}.tips article{align-items:flex-start;min-height:110px;flex-direction:column}.tips article>span{margin:0 0 10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}