:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#16362f;background:#f2f6f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;font-size:14px}header strong{letter-spacing:1px}#connection{font-size:12px;color:#65796e}.online{color:#147c52!important}main{max-width:580px;margin:auto;padding:10px 20px 24px}h1{font-size:30px;letter-spacing:-1px;margin:12px 0}p{color:#65796e;font-size:14px;line-height:1.7}.panel{background:#fff;border:1px solid #dfe8e1;border-radius:24px;padding:18px;margin:20px 0}.camera{background:#10281f;position:relative;aspect-ratio:1;border-radius:18px;overflow:hidden}video{width:100%;height:100%;object-fit:cover}button,a.button{font:inherit;border:0;border-radius:14px;padding:14px 18px;background:#126c4a;color:white;cursor:pointer;text-decoration:none;text-align:center}button.secondary{background:#e7eee8;color:#234c3c}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.actions>*{flex:1}#notice{min-height:24px;color:#45604f;font-size:14px;overflow-wrap:anywhere}.url{overflow-wrap:anywhere;font-size:12px;color:#65796e;max-height:90px;overflow:auto}.viewer{background:white}.viewer main{max-width:none;padding:0 4px;text-align:center}.viewer h1{font-size:22px;margin:5px}.qr-shell{width:100%;display:flex;justify-content:center;align-items:center;min-height:55vh}#qr{display:block;width:min(calc(100vw - 8px),calc(100dvh - 190px));height:auto;image-rendering:pixelated}#qr:empty{display:none}#qr svg{width:100%;height:auto;display:block;shape-rendering:crispEdges}.viewer .actions{justify-content:center;margin:8px 24px}.viewer .actions>*{flex:initial}.viewer #notice{padding:0 16px}.viewer.expanded header,.viewer.expanded h1,.viewer.expanded #hint{display:none}.viewer.expanded #qr{width:min(calc(100vw - 8px),calc(100dvh - 100px))}#empty{padding:50px 20px;color:#76877d}small{color:#718075}.offline #qr{opacity:.35}.offline #notice{color:#a04320}a{color:#126c4a}button:disabled{opacity:.5}