:root{font-family:system-ui,-apple-system,sans-serif;color:#202b35;background:#f5f4ef}*{box-sizing:border-box}body{margin:0}main{max-width:560px;margin:auto;padding:22px 16px 48px}header span{letter-spacing:.22em;color:#806333;font-weight:700}h1{font-size:27px;margin:8px 0}h2{font-size:20px}p{font-size:14px;line-height:1.5;color:#53616a}button,input{font:inherit;min-height:44px;border-radius:10px;border:1px solid #c7cecb;padding:10px 12px}button{background:#fff;color:#263831;cursor:pointer;margin:4px 0}button:disabled{opacity:.5;cursor:wait}#open,#start-auto,form button{background:#214e40;color:#fff;border-color:#214e40}label{display:block;font-size:14px;margin:8px 0}input{display:block;width:100%;background:white;margin-top:6px;min-width:0}form button{width:100%}.row{display:flex;gap:8px;flex-wrap:wrap}.row>*{flex:1;min-width:0}#screen{background:#e4e7e4;border:1px solid #c7cecb;border-radius:12px;overflow:hidden;margin:16px 0;width:100%}#frame{display:block;width:100%;height:auto;touch-action:pan-y}.collection{border-top:1px solid #c7cecb;border-bottom:1px solid #c7cecb;margin:20px 0;padding:8px 0 18px}#notice,#result{padding:12px;background:#e5ede6;border-radius:10px}#error{color:#8b2727;white-space:pre-line}[hidden]{display:none!important}a{color:#214e40}
.check{display:flex;align-items:center;gap:8px}.check input{width:22px;min-height:22px;margin:0;flex-shrink:0}