:root{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#f2f3ec;background:#101410;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-weight:400;--muted:#929a8d;--line:#293026;--lime:#d6ef83;--surface:#181d17;--surface2:#20271e}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,a,textarea{font:inherit}button{color:inherit;cursor:pointer}.shell{max-width:510px;margin:auto;padding:0 23px env(safe-area-inset-bottom)}.topbar{height:74px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff0d}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:#f2f3ec;font-family:Manrope,sans-serif;font-size:15px;font-weight:800;letter-spacing:.1em}.brand i{font-style:normal;color:var(--lime)}.brand-mark{width:31px;height:31px;border-radius:11px;background:var(--lime);color:#1b2117;display:grid;place-items:center}.icon-button{border:0;background:none;color:#bdc5b8;display:flex;align-items:center;gap:8px;padding:9px}.install-hint{font-size:11px}.hero{padding-top:35px}.eyebrow{font-size:9px;letter-spacing:.16em;color:#a5ad9d;font-weight:700}.hero .eyebrow{display:flex;align-items:center;gap:8px}.hero .eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #d6ef8380}h1,h2,p{margin:0}.hero h1{font-family:Manrope,sans-serif;font-size:37px;line-height:1.12;letter-spacing:-.05em;margin-top:18px;font-weight:600}.hero h1 em{font-style:normal;color:var(--lime)}.hero>p{font-size:13px;color:#9ba296;margin-top:12px;line-height:1.55}.camera-card{position:relative;height:332px;margin-top:24px;border:1px solid #313a2e;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 45% 74%,#35442a 0%,#20291d 30%,#151a15 68%);display:flex;align-items:center;justify-content:center}.camera-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}.camera-card video.visible{opacity:1}.camera-empty{z-index:1;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;padding:0 46px}.camera-empty.hidden{opacity:0}.camera-ring{width:59px;height:59px;border-radius:50%;border:1px solid #d6ef8350;color:var(--lime);display:grid;place-items:center;margin-bottom:5px;box-shadow:0 0 40px #d6ef8310}.camera-empty b{font-family:Manrope,sans-serif;font-size:14px}.camera-empty span{color:#a6ad9e;font-size:11px;line-height:1.5;max-width:230px}.camera-shade{position:absolute;inset:0;background:linear-gradient(180deg,#1014107a,transparent 28%,transparent 60%,#101410c4);pointer-events:none}.camera-topline,.camera-bottom{position:absolute;left:14px;right:14px;z-index:2;display:flex;justify-content:space-between;align-items:center}.camera-topline{top:14px}.camera-bottom{bottom:14px;gap:8px}.live-pill,.accuracy-pill,.sensor-pill{backdrop-filter:blur(12px);background:#101410b8;border:1px solid #ffffff1a;color:#d8dfd2;border-radius:20px;font-size:8px;letter-spacing:.07em;padding:8px 10px}.live-pill{display:flex;align-items:center;gap:6px}.live-pill i{width:6px;height:6px;background:var(--lime);border-radius:50%}.accuracy-pill{color:#d5e3b6;letter-spacing:0}.sensor-pill{display:flex;align-items:center;gap:5px;letter-spacing:0;padding:7px 9px;font-size:9px}.target-overlay{position:absolute;left:50%;top:48%;transform:translate(calc(-50% + var(--offset)), -50%);z-index:2;min-width:145px;max-width:210px;padding:11px 14px;border:1px solid #d6ef8370;border-radius:12px;background:#1b2418d9;box-shadow:0 0 25px #d6ef8318;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px;transition:transform .3s}.target-overlay:before{content:'';position:absolute;width:1px;height:45px;top:100%;background:linear-gradient(#d6ef8380,transparent)}.target-beam{color:var(--lime)}.target-overlay b{font-size:11px;line-height:1.35}.target-overlay span{font-size:9px;color:#bdc8af}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.button{border-radius:12px;min-height:47px;padding:0 14px;display:flex;justify-content:center;align-items:center;gap:9px;font-size:12px;font-weight:700;border:1px solid transparent;transition:transform .15s,background .15s}.button:active{transform:scale(.98)}.primary{background:var(--lime);color:#1b2117}.secondary{background:#20271e;border-color:#323c2d;color:#e0e5d9}.outline{background:transparent;border-color:#384233;color:#d8dfd2}.full{width:100%}.sensor-panel{margin-top:15px;padding:12px 14px;background:#171c16;border:1px solid #262e24;border-radius:14px;display:grid;gap:12px}.sensor-row{display:flex;gap:10px;align-items:center}.sensor-dot{width:7px;height:7px;border-radius:50%;background:#72796d;flex:none}.sensor-dot.good{background:var(--lime);box-shadow:0 0 8px #d6ef8350}.sensor-row div{display:flex;justify-content:space-between;gap:9px;width:100%;align-items:baseline}.sensor-row b{font-size:10px;font-weight:600}.sensor-row small{font-size:9px;color:#91998b;text-align:right}.accuracy-note{font-size:9px;line-height:1.5;color:#828b7c;margin:10px 2px 0}.traces-section{margin-top:35px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.section-heading h2,.modal h2{font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.035em;margin-top:5px}.section-heading h2 span{font:500 11px 'DM Sans',sans-serif;color:#a8b395;border:1px solid #384233;border-radius:20px;padding:3px 7px;vertical-align:2px;margin-left:3px}.text-button{display:flex;align-items:center;gap:5px;background:none;border:0;color:var(--lime);font-size:10px;padding:7px 0}.empty-state{height:128px;border:1px dashed #354031;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#d9dfd3}.empty-icon{color:var(--lime);margin-bottom:2px}.empty-state b{font-size:11px}.empty-state span{font-size:10px;color:#939c8e}.trace-list{display:grid;gap:7px;margin-bottom:12px}.trace-item{border:1px solid #293227;background:#171c16;border-radius:12px;display:flex;align-items:center;gap:11px;text-align:left;padding:11px;width:100%;min-height:58px}.trace-item.selected{border-color:#8ba251;background:#1e271a}.trace-pin{width:32px;height:32px;background:#252e20;border-radius:10px;color:var(--lime);display:grid;place-items:center;flex:none}.trace-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.trace-copy b{font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:600}.trace-copy small{font-size:9px;color:#929a8d}.trace-bearing{font-size:20px;color:var(--lime);display:inline-block;transform:rotate(var(--bearing));transition:transform .3s}.trace-item>svg{color:#7d8776;flex:none}.traces-section>.full{margin-top:12px}.privacy{margin-top:20px;border-top:1px solid #293026;padding:15px 1px;color:#c5ccbf}.privacy summary{cursor:pointer;font-size:11px;font-weight:600}.privacy p{font-size:10px;color:#91998b;line-height:1.65;margin-top:10px}.import-button{margin-top:8px}footer{display:flex;justify-content:space-between;color:#697263;font-size:8px;letter-spacing:.08em;padding:18px 1px 25px;border-top:1px solid #252c23;margin-top:18px}.notice{padding:10px 12px;border-radius:10px;font-size:10px;line-height:1.45;margin-top:10px}.error{color:#f0c4a8;border:1px solid #674734;background:#2a211b}.modal-backdrop{position:fixed;inset:0;z-index:5;background:#050705c9;backdrop-filter:blur(5px);display:flex;align-items:flex-end;justify-content:center;padding:14px}.modal{width:min(100%,465px);border:1px solid #394334;background:#1a2019;border-radius:20px;padding:21px 19px max(21px,env(safe-area-inset-bottom));box-shadow:0 20px 70px #0009;animation:rise .2s ease-out}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.modal h2{font-size:20px;margin-top:7px}.modal label{display:block;font-size:11px;margin-bottom:8px;color:#d4dbce}.modal textarea{width:100%;min-height:102px;resize:vertical;border-radius:12px;border:1px solid #3b4735;background:#111610;color:#f4f5ee;padding:12px;font-size:13px;outline:none}.modal textarea:focus{border-color:#95ac59}.modal textarea::placeholder{color:#6d7866}.form-foot{display:flex;justify-content:space-between;color:#8d9785;font-size:9px;margin:7px 1px 17px}.modal-copy{font-size:12px;color:#aab2a3;line-height:1.6;margin-top:-8px}.permission-steps{display:grid;gap:10px;margin:18px 0}.permission-steps>div{display:flex;gap:11px;align-items:center;background:#222a20;border-radius:11px;padding:11px;color:var(--lime)}.permission-steps span{display:flex;flex-direction:column;gap:3px;color:#e4e8df}.permission-steps b{font-size:11px}.permission-steps small{font-size:9px;color:#939d8d}.modal .button{margin-top:4px}@keyframes rise{from{transform:translateY(20px);opacity:.6}to{transform:translateY(0);opacity:1}}@media(min-width:700px){.shell{padding-top:4px}.hero{padding-top:42px}.camera-card{height:375px}.modal-backdrop{align-items:center}}@media(max-width:370px){.shell{padding-left:16px;padding-right:16px}.hero h1{font-size:33px}.camera-card{height:308px}.camera-bottom{left:9px;right:9px}.sensor-pill{font-size:8px;padding:6px 7px}}
.trace-cta{margin-top:9px}
.modal-backdrop[hidden]{display:none!important}.modal-backdrop{height:100dvh;max-height:100dvh;overflow-y:auto}.modal{max-height:calc(100dvh - 28px);overflow-y:auto}.modal textarea{font-size:16px;-webkit-user-select:text;user-select:text;touch-action:manipulation}
.camera-placement-layer{position:absolute;inset:42px 0 40px;z-index:1;width:100%;height:auto;padding:0;border:0;background:transparent;touch-action:manipulation}.note-marker{position:absolute;z-index:3;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.note-marker[hidden],.placement-hint[hidden]{display:none!important}.note-marker-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#d6ef83;color:#182016;border:2px solid #f4ffda;box-shadow:0 5px 20px #0008,0 0 24px #d6ef8370}.note-marker-label{max-width:150px;padding:5px 8px;border-radius:10px;background:#111710df;border:1px solid #d6ef8370;color:#f2f3ec;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.placement-hint{position:absolute;z-index:2;top:56px;left:50%;transform:translateX(-50%);padding:9px 12px;border:1px solid #d6ef8370;border-radius:18px;background:#111710e8;color:#eaf5d1;font-size:10px;white-space:nowrap;pointer-events:none}.photo-tools{display:flex;align-items:center;gap:10px;margin:12px 0 8px}.photo-button{min-height:40px;padding:0 11px;font-size:10px}.photo-tools>span{font-size:9px;color:#9ba594}.photo-preview{display:block;width:100%;max-height:150px;object-fit:cover;border-radius:11px;margin:6px 0}.photo-preview[hidden],.remove-photo[hidden],.compose-error[hidden]{display:none!important}.remove-photo{margin:-2px 0 7px}.compose-error{font-size:10px;color:#f0c4a8;margin:0 0 10px}.trace-pin img{width:100%;height:100%;object-fit:cover;border-radius:10px}

.camera-tools{position:absolute;bottom:52px;left:14px;right:14px;z-index:4;display:flex;gap:10px}.camera-tools[hidden]{display:none}.camera-tools .button{flex:1}.camera-placement-layer{bottom:105px}

#placeTrace[hidden]{display:none!important}#readinessStatus{flex:1;font-size:10px;line-height:1.4;padding:8px;border-radius:10px;background:#101410e8;color:#eaf5d1}.camera-tools{align-items:center}

.camera-card.expanded{position:fixed;inset:0;width:100%;height:100dvh;margin:0;border-radius:0;z-index:50;padding-top:env(safe-area-inset-top)}body.camera-expanded{overflow:hidden}.expand-camera{position:absolute;right:14px;top:52px;z-index:6;background:#182016e8;border:1px solid #d6ef83;border-radius:10px;padding:10px;color:#d6ef83}.expanded .camera-topline{top:max(14px,env(safe-area-inset-top))}.expanded .expand-camera{top:calc(54px + env(safe-area-inset-top))}.modal-backdrop{z-index:100}.saved-marker{background:none;border:0;padding:0;pointer-events:auto}.saved-marker .note-marker-icon{flex:none}#markers{position:absolute;inset:0;pointer-events:none;z-index:3}.note-marker{transform:translate(-50%,-22px)}.sync-panel{padding:16px;margin-top:20px;border:1px solid #384233;border-radius:14px}.sync-panel p{font-size:12px;margin:10px 0;color:#b9c6ac}.sync-panel input,.sync-panel textarea{width:100%;font-size:16px;margin:10px 0;background:#111;color:#eee;border:1px solid #56634b;padding:10px}.sync-panel details{margin-top:14px}.sync-panel label{font-size:12px}

.navigation{position:absolute;z-index:5;top:90px;left:16px;right:16px;padding:12px;text-align:center;background:#101410dd;border:1px solid #d6ef8355;border-radius:14px;display:grid;gap:6px}.navigation[hidden]{display:none}.navigation b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.navigation strong{font-size:12px}.navigation small{font-size:9px;color:#bdc8af}.navigation>div:last-child{display:flex;justify-content:space-around}.nav-direction{font-size:27px;color:#d6ef83}.camera-card{min-height:430px}.expanded .navigation{top:calc(110px + env(safe-area-inset-top))}