:root{color-scheme:light;font-family:system-ui,sans-serif;color:#1e2923;background:#f5f7f4}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overflow-wrap:anywhere}header{margin:16px 0 30px}.brand{font-weight:900;letter-spacing:3px;color:#31543e;font-size:.8rem}h1{font-size:2rem;line-height:1.15;margin:16px 0 8px}h2{font-size:1.3rem;margin:0 0 8px}h3{font-size:1.05rem}p{line-height:1.5;color:#58665c}form,label{display:grid;gap:10px}form{gap:20px;max-width:440px}input,select,button{font:inherit;min-height:48px;border:1px solid #c7cec8;border-radius:12px;padding:12px;max-width:100%;min-width:0}input,select{background:white;width:100%}button{cursor:pointer;background:#31543e;color:white;font-weight:650}button:disabled{opacity:.5;cursor:default}.secondary{background:white;color:#31543e}nav,.actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}article{background:#fff;border:1px solid #dce2dc;padding:20px;border-radius:18px;margin:20px 0}article img{width:100%;max-height:260px;object-fit:contain;border-radius:10px}#qr{max-width:240px;width:100%}#status{color:#843a25}small{color:#667269}details{margin:16px 0}summary{cursor:pointer;min-height:44px;padding:10px 0}pre{font:inherit;white-space:pre-wrap}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e9ac42;outline-offset:3px}[hidden]{display:none!important}