*{box-sizing:border-box}html{background:#f4f4ee}body{margin:0;color:#243d2d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{max-width:1040px;margin:auto;padding:32px 36px 24px}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:28px;border-bottom:1px solid #dce1d5}.brand{display:flex;gap:18px;align-items:center}.brand img{width:53px;height:63px;object-fit:contain}.eyebrow{font-size:10px;font-weight:750;letter-spacing:.14em;color:#6b7a59}h1{font-size:27px;letter-spacing:-1px;margin:6px 0 0;font-weight:650}.private{font-size:12px;border:1px solid #d7decc;background:#eef0e6;padding:9px 13px;border-radius:30px}.intro{text-align:center;padding:34px 0 25px}.date{font-size:12px;letter-spacing:.03em;color:#7a816d}.intro h2{font-family:Georgia,serif;font-weight:400;font-size:36px;letter-spacing:-1.1px;margin:16px 0 10px}.intro>p:last-child{color:#687461;font-size:15px}.panel{max-width:550px;margin:auto;background:#fff;border:1px solid #e1e5d9;border-radius:25px;padding:26px;box-shadow:0 12px 40px #324b3010}.steps{display:flex;justify-content:space-between;margin:0 0 22px;font-size:11px;color:#a0a894;font-weight:600}.steps .active{color:#315039}.camera{height:220px;background:#eff2e8;border-radius:16px;position:relative;overflow:hidden;margin-bottom:16px}.camera video{width:100%;height:100%;object-fit:cover;visibility:hidden}.camera.live{background:#18231d}.camera.live video{visibility:visible}.frame{position:absolute;width:150px;height:150px;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid #c3d5a3;border-radius:14px;display:none}.live .frame{display:block;box-shadow:0 0 0 150px #0003}.camera-prompt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.scan-symbol{font-size:39px;color:#6b8a47;line-height:1}.camera h3{font-weight:600;font-size:19px;margin:14px 0 7px}.camera p{font-size:13px;color:#7a856d;margin:0}button{border:0;background:#315039;color:#fff;border-radius:12px;width:100%;min-height:53px;font-size:16px;font-weight:600;padding:14px;cursor:pointer;transition:background .15s}button:hover{background:#42634a}button:focus-visible,input:focus-visible{outline:3px solid #9fb479;outline-offset:3px}button:disabled{background:#e5e9df;color:#9ca693;cursor:default}.secondary{background:#edf1e7;color:#315039;margin-top:10px}.secondary:hover{background:#dfe8d6}form{margin-top:24px}label{display:block;font-size:13px;font-weight:600;margin-bottom:9px}input[type=password]{width:100%;height:58px;border:1px solid #d6dfcd;background:#fcfdfb;border-radius:12px;text-align:center;font-size:28px;letter-spacing:12px;color:#315039}input:disabled{background:#f4f5f1}.location{display:flex;align-items:center;gap:9px;margin:20px 0 6px;font-size:13px;font-weight:400}.location input{width:19px;height:19px;accent-color:#315039}.fine{font-size:11px;color:#89917e;margin:6px 0 16px;line-height:1.5}form>.fine:last-child{text-align:center;margin-bottom:0}.status{padding:15px;border-radius:12px;background:#f2f4ee;margin-top:22px;font-size:13px;line-height:1.5;color:#627158}.status strong{display:block;margin-top:9px;font-size:18px}.status.success{background:#e4f1dc;color:#345828}.status.error{background:#fcf0e7;color:#855330}.setup h3{font-size:25px;letter-spacing:-.5px;margin:14px 0}.setup p{font-size:14px;line-height:1.7;color:#718064;margin-bottom:24px}.step{font-size:10px;letter-spacing:.13em;color:#84916f;font-weight:700}.pair-code{text-align:center;font-family:monospace;font-size:27px;letter-spacing:2px;margin:24px 0;background:#f0f3e8;border-radius:12px;padding:16px}footer{display:flex;justify-content:space-between;max-width:550px;margin:22px auto 0;color:#8c9582;font-size:10px}.loading{padding:30px;text-align:center}@media(max-width:600px){.shell{padding:22px 18px}.private{display:none}.intro{padding:20px 0}.intro h2{font-size:29px}.panel{padding:20px}.camera{height:200px}footer{gap:12px;font-size:9px}.brand img{width:42px;height:50px}h1{font-size:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}