:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172426;background:#f1f4f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:820px;margin:auto;padding:28px 18px calc(30px + env(safe-area-inset-bottom))}header{padding:4px 2px 16px}.eyebrow{color:#41665b;font-size:13px;font-weight:600;letter-spacing:.04em}h1{font-size:26px;line-height:1.35;margin:10px 0}h2{font-size:18px;margin:0 0 14px}p{line-height:1.65}#pairState{color:#536560;font-size:14px}section{background:#fff;border:1px solid #dfe7e2;border-radius:16px;padding:18px;margin:0 0 16px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-head h2{margin:0}.screen{position:relative;min-height:240px;max-height:65vh;aspect-ratio:9/14;background:#12201d;border-radius:10px;overflow:hidden;display:flex;justify-content:center;align-items:center}.screen video{width:100%;height:100%;object-fit:contain}.screen p{position:absolute;padding:20px;text-align:center;color:#c7d5ce;font-size:14px}video[hidden]{display:none!important}#cameraVideo{width:100%;max-height:300px;background:#12201d;border-radius:10px;object-fit:contain;margin:0 0 14px}.hint,footer{font-size:13px;color:#60716b}.hint{margin-top:0}.status{font-size:13px;color:#52675f;margin-bottom:0}.status.error,#pairState.error{color:#ad302d}button{font:inherit;font-size:15px;line-height:1.3;border:1px solid transparent;border-radius:9px;padding:12px 16px;cursor:pointer;background:#205e49;color:white;touch-action:manipulation}button.secondary,button.small{background:#edf4ef;color:#245d49;border-color:#d6e5dc}button.small{font-size:13px;padding:8px 12px}button:disabled{opacity:.45;cursor:default}button[hidden]{display:none}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions #startCamera{flex:1 0 100%}footer{text-align:center;margin:22px 10px 0}@media(min-width:650px){main{padding-top:40px}h1{font-size:32px}.screen{aspect-ratio:4/3;min-height:350px}.actions #startCamera{flex:initial}}