:root{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#111;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{max-width:520px;margin:auto;padding:32px 20px}header{display:flex;align-items:center;gap:12px}h1{font-size:18px;letter-spacing:.06em;margin:0}header span{margin-left:auto;font-size:10px;letter-spacing:.1em;color:#8a8a8a}h2{font-size:34px;letter-spacing:-.035em;line-height:1.1;margin:0 0 24px}p{line-height:1.55}a{color:#fef991}button,input{font:inherit}button{width:100%;min-height:52px;border:0;border-radius:12px;padding:14px 20px;background:#fef991;color:#232323;font-size:16px;font-weight:600;cursor:pointer}button.secondary{background:#242424;color:#fff;border:1px solid #444}button.danger{background:#fff;color:#232323}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #fef991;outline-offset:4px}input{min-width:0;width:100%;border:1px solid #444;background:#1a1a1a;border-radius:12px;color:#fff;padding:18px;text-align:center;font-size:32px;letter-spacing:.14em}.screen{margin-top:40px}.screen>p{color:#aaa}form{display:grid;gap:14px;margin-top:30px}label{font-size:14px;color:#aaa}.note{font-size:13px;color:#8a8a8a}.secondary-link{display:inline-block;margin:18px 0;font-size:14px}#camera{display:grid;gap:12px}.preview{position:relative;aspect-ratio:2;background:#1a1a1a;border:1px solid #333;border-radius:16px;overflow:hidden}.preview video{width:100%;height:100%;object-fit:cover}.preview span{position:absolute;inset:0;display:grid;place-content:center;color:#8a8a8a;font-size:12px;letter-spacing:.16em}.transmitting{color:#fef991!important;margin:4px 0;font-size:12px;letter-spacing:.08em}#stats{margin:0}#status{font-size:15px;min-height:24px;overflow-wrap:anywhere}footer{margin-top:32px;border-top:1px solid #333;padding-top:22px;color:#8a8a8a;font-size:12px;line-height:1.8}.viewer .address{overflow-wrap:anywhere;color:#fef991}.pin-label{font-size:11px;letter-spacing:.15em;margin:24px 0 8px}.viewer #pin{font-size:clamp(40px,12vw,64px);font-variant-numeric:tabular-nums;letter-spacing:.08em}.viewer #feed{display:block;width:100%;aspect-ratio:2;background:#000;image-rendering:pixelated;border-radius:8px}.actions{display:grid;gap:12px}#bridge-status{border:1px solid #333;border-radius:8px;padding:12px;font-size:13px;color:#aaa}details{margin-top:24px;font-size:14px;color:#aaa}summary{cursor:pointer}details p{line-height:1.6}