:root{font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:#1e362a;background:#f3f4ee;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:520px;margin:0 auto;padding:28px 24px 40px}header{display:flex;justify-content:space-between;align-items:center;min-height:42px;gap:10px}.brand{font-size:11px;letter-spacing:1.5px;font-weight:700}.eyebrow{margin:50px 0 14px;color:#72816c;font-size:13px}h1{font-size:44px;line-height:1.1;letter-spacing:-2px;margin:0 0 20px}.intro{color:#697364;margin-bottom:32px}form{background:#fff;padding:24px;border-radius:20px;border:1px solid #dde3d6}label{display:block;font-size:13px;margin:0 0 7px}input{font:inherit;width:100%;min-height:48px;padding:10px 13px;border:1px solid #cbd4c5;background:#fafbf7;border-radius:10px;margin-bottom:20px}button{font:inherit;cursor:pointer;min-height:46px;border:0;border-radius:12px;padding:10px 18px}button:disabled{opacity:.45;cursor:default}.primary{background:#214d36;color:white;width:100%;font-weight:600;min-height:52px}.text{background:transparent;color:#53684e;font-size:13px;padding:8px}.connection{padding:12px 16px;background:#e3e9dd;border-radius:12px;margin:26px 0 22px;font-size:14px}.connection.online{color:#20562f;background:#dcebd8}.buttons{display:grid;gap:14px}.card{background:white;border:1px solid #dde3d6;border-radius:18px;padding:20px}.card small{display:block;color:#718067;font-size:12px;margin-bottom:7px}.card h2{margin:0 0 17px;font-size:20px;font-weight:600;overflow-wrap:anywhere}.card .primary{min-height:66px;font-size:20px}.result{min-height:48px;color:#486040;font-size:14px;margin:22px 0}details{border-top:1px solid #d7dfcf;padding-top:18px;color:#66745e;font-size:13px}summary{cursor:pointer}a{color:#31573c}footer{font-size:12px;color:#7c8776;margin-top:28px}#error{color:#973f33;font-size:14px}button:focus-visible,input:focus-visible{outline:3px solid #8baa7c;outline-offset:3px}[hidden]{display:none!important}@media(max-width:360px){main{padding:22px 16px}h1{font-size:38px}form{padding:20px}}

.camera{margin:0 0 22px;background:white;border:1px solid #dde3d6;border-radius:18px;overflow:hidden}.camera-heading{padding:14px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px}.camera-heading h2{font-size:16px;margin:0}.camera-status{font-size:11px;color:#727969;max-width:100%}.camera-status.live{color:#297140}.camera-view{aspect-ratio:16/9;position:relative;background:#18261e}.camera-view video{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.camera-empty{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;padding:28px;text-align:center;color:#aebeb0;font-size:13px}.camera-note{font-size:11px;color:#72816c;margin:0;padding:10px 16px}#control>.eyebrow{margin-top:28px}#control>h1{font-size:34px}

.camera-view{position:relative}.camera-empty{position:absolute;inset:0}.camera-view video{width:100%;height:100%;object-fit:contain}

.camera-empty{flex-direction:column;gap:16px}.camera-play{background:#eff4ed;color:#214d36;font-weight:700;min-width:132px}.camera-stop{display:block;margin:4px auto 0}
.buttons>.primary{min-height:66px;font-size:20px}
.watch .eyebrow{margin-top:26px}.watch h1{font-size:34px}.watch #watchError{color:#973f33;font-size:14px}