:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#233c37;background:#f5f8f6;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}header{height:84px;border-bottom:1px solid #e0e9e3;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:#fff}.brand{text-decoration:none;color:#203e36;font-size:25px;display:flex;align-items:center;font-weight:700;letter-spacing:-1px}.brand>span:last-child{color:#418170}.mark{background:#16665c;color:white;border-radius:12px;width:39px;height:39px;display:grid;place-items:center;margin-right:10px;font-size:29px}.badge,.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#6f8279}.badge{border:1px solid #dde8e1;border-radius:30px;padding:9px 12px}main{max-width:1220px;margin:0 auto;padding:42px 30px 20px}h1{font-size:43px;font-weight:600;line-height:1.13;letter-spacing:-2px;margin:15px 0}h1 span{color:#699180}h2{font-size:19px;line-height:1.4;letter-spacing:-.4px;font-weight:600;margin:13px 0}p{font-size:14px;color:#73827b;line-height:1.7;margin:10px 0}.intro{margin-bottom:30px}.grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.camera-card,.panel{background:white;border:1px solid #e0e8e2;border-radius:20px;overflow:hidden}.camera-title{padding:20px;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#728279}.camera-title>span:first-child{font-weight:600;color:#355c4d}.camera-title i{display:inline-block;width:7px;height:7px;background:#64a18b;border-radius:50%;margin-right:7px}.viewport{position:relative;background:#101f1c;aspect-ratio:1.25;display:grid;place-items:center;overflow:hidden}video,#still{width:100%;height:100%;position:absolute;object-fit:contain}#empty{text-align:center;padding:20px}#empty h2{color:#d5e9df;font-size:18px}#empty p{color:#8aaba0;font-size:12px}.scope-symbol{font-size:66px;color:#5d9280;font-weight:200}.reticle{width:55%;height:55%;position:absolute;border:1px solid #91d6b65c;border-radius:16px;pointer-events:none}#label{position:absolute;left:23%;top:19%;font-size:15px;color:#aff3cf;text-shadow:0 1px 4px #000;font-weight:600}.controls,.secondary-controls{padding:18px 20px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.secondary-controls{padding-top:0;justify-content:space-between}.secondary-controls button{border:0;padding:6px 0;background:transparent;font-size:12px;color:#6a8075}.controls #capture{margin-left:auto}button,select{font:inherit;border:1px solid #dce6df;background:#fff;color:#315d4b;border-radius:11px;padding:12px 16px;min-height:44px;cursor:pointer}button{font-size:13px;font-weight:600}button:hover:not(:disabled){background:#eef4ef}.primary{background:#16665c;color:#fff;border-color:#16665c}.primary:hover:not(:disabled){background:#11564c}button:disabled,select:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #78b49c;outline-offset:3px}.panel{padding:25px;margin-bottom:18px}.subtle{background:#edf3ee;border-color:transparent}.small{font-size:11px;line-height:1.7}label{display:block;font-size:12px;margin:24px 0 9px}select{width:100%;font-size:16px}button.full{width:100%;margin-top:18px}.message{border-left:3px solid #9ac5ad;padding:8px 15px;margin-top:25px;font-size:12px}footer{font-size:11px;color:#89988f;text-align:center;padding:25px 0}[hidden]{display:none!important}@media(max-width:800px){header{height:70px;padding:0 20px}main{padding:28px 18px 12px}.grid{grid-template-columns:1fr;gap:20px}h1{font-size:35px}.viewport{aspect-ratio:1}.panel{padding:22px}.controls{padding:16px 14px;gap:8px}.controls button{padding:12px}.camera-title{padding:17px 14px}.badge{font-size:8px}.intro{margin-bottom:24px}}