:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#25262a;background:#f4f4f2;font-size:16px;line-height:1.5;--accent:#a61c32}*{box-sizing:border-box}body{margin:0}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1100px)/2));border-bottom:1px solid #ddd;background:#fff}.brand{font-size:23px;letter-spacing:-.6px;text-decoration:none;color:inherit;font-weight:650}.brand span{display:inline-flex;align-items:center;justify-content:center;margin-right:8px;background:var(--accent);color:white;width:40px;height:40px;font-size:17px;letter-spacing:0}main{max-width:1000px;margin:36px auto;padding:0 24px;min-height:70vh}h1{font-size:clamp(27px,5vw,42px);line-height:1.14;letter-spacing:-1.2px;margin:8px 0 20px}h2{font-size:21px;line-height:1.25;margin:0 0 14px}p{margin:12px 0}.eyebrow{font-size:12px;letter-spacing:1.4px;font-weight:700;color:var(--accent)}.card{background:#fff;border:1px solid #ddd;border-radius:12px;padding:26px;margin:20px 0}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.heading h1{overflow-wrap:anywhere}button,input,select{font:inherit}button{border:1px solid transparent;border-radius:8px;background:var(--accent);color:#fff;padding:12px 18px;min-height:46px;font-weight:650;cursor:pointer}button:hover{filter:brightness(.93)}button:disabled{opacity:.5;cursor:wait}.quiet{background:#fff;color:#333;border-color:#ccc}.inline{display:flex;align-items:center;flex-wrap:wrap;gap:12px}label{display:block;font-weight:600;margin:12px 0 6px}input:not([type=checkbox]):not([type=range]),select{border:1px solid #aaa;background:#fff;color:#25262a;border-radius:7px;min-height:46px;padding:10px;max-width:100%}input:not([type=checkbox]):not([type=range]){display:block;width:100%;margin:6px 0 18px}input[type=range]{vertical-align:middle}input[type=checkbox]{width:22px;height:22px;flex-shrink:0;accent-color:var(--accent)}.check{display:flex;align-items:flex-start;gap:10px}.hint{font-size:14px;color:#65666a}#auth{max-width:540px;margin:9vh auto}#otp{letter-spacing:8px;font-size:28px;font-variant-numeric:tabular-nums;width:240px}#message{position:sticky;top:8px;z-index:5;border:1px solid #cfb26f;background:#fff8e7;border-radius:8px;padding:14px;margin-bottom:20px}#request-list button{display:flex;text-align:left;justify-content:space-between;gap:16px;width:100%;background:#fff;color:#25262a;border-color:#ddd;margin-bottom:8px;padding:18px;font-weight:500}#request-list small{color:#666;flex-shrink:0}details{border:1px solid #d5d5d5;border-radius:8px;padding:12px 16px;background:white;margin-bottom:16px}summary{cursor:pointer;font-weight:600}#delivery-content{white-space:pre-wrap;overflow-wrap:anywhere}.toolbar{display:flex;gap:12px;align-items:center;margin:16px 0;flex-wrap:wrap}.zoom-label{margin:0 0 0 auto;font-size:13px}.zoom-label select{font-size:14px}#viewer{overflow:auto;background:#dededa;border:1px solid #ccc;border-radius:5px;padding:12px}#page-wrap{position:relative;margin:auto;background:#fff;box-shadow:0 1px 6px #0002}#pdf-canvas{display:block;width:100%;height:100%}#fields{position:absolute;inset:0;pointer-events:none}.signature-field{position:absolute;border:2px dashed var(--accent);background:#a61c3210;pointer-events:auto;touch-action:none;cursor:move;min-height:0;border-radius:0;padding:0;min-width:0}.signature-field.selected{outline:2px solid #fff;box-shadow:0 0 0 4px var(--accent)}.signature-field img{width:100%;height:100%;object-fit:contain;pointer-events:none}.signature-field span{background:#fff;font-size:11px;color:var(--accent);position:absolute;left:0;top:-19px;white-space:nowrap}.actionbar{position:sticky;bottom:0;display:flex;gap:10px;flex-wrap:wrap;background:#f4f4f2f5;padding:16px 0;border-top:1px solid #ddd;margin-top:18px;z-index:3}.actionbar button:first-child{flex-grow:1}dialog{width:min(94vw,650px);border:1px solid #bbb;border-radius:14px;padding:24px}dialog::backdrop{background:#1119}#signature{width:100%;aspect-ratio:3/1;display:block;border:1px solid #aaa;border-radius:6px;background:linear-gradient(to bottom,transparent 77%,#ccc 77%,#ccc 77.5%,transparent 77.5%);touch-action:none;margin:20px 0}footer{max-width:1000px;margin:32px auto;padding:0 24px;font-size:13px;color:#777;display:flex;justify-content:space-between;gap:20px}[hidden]{display:none!important}:focus-visible{outline:3px solid #176cc5;outline-offset:3px}@media(max-width:600px){header{height:64px;padding:0 18px}main{padding:0 14px;margin:22px auto}.card{padding:20px}#viewer{padding:4px}.toolbar{gap:8px}.toolbar button{padding:9px 13px}.zoom-label{font-size:0}.zoom-label select{max-width:126px}.actionbar button{flex-grow:1;flex-basis:42%}footer span{display:none}#auth{margin-top:5vh}.heading{align-items:flex-start}#request-list button{flex-direction:column;gap:5px}dialog{padding:18px}.inline button{flex-grow:1}}

#capture-qr{display:block;width:min(100%,320px);height:auto;margin:16px auto;image-rendering:pixelated}#capture-status{min-height:3em}.capture-page main{max-width:1000px;min-height:0;margin:clamp(16px,8vh,64px) auto}.capture-page h1{font-size:24px;letter-spacing:-.5px}.capture-page #signature{aspect-ratio:2/1;background-color:#fff;margin:16px 0}.capture-page .inline{justify-content:space-between}.capture-page #capture-message{font-size:17px}.capture-page #submit-signature{min-width:140px}@media(orientation:landscape) and (max-height:600px){.capture-page main{margin:0 auto;max-width:none;padding:12px max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.capture-page h1{font-size:18px;margin:0}.capture-page #signature{height:max(110px,calc(100dvh - 112px - env(safe-area-inset-bottom)));width:100%;aspect-ratio:auto;margin:8px 0}.capture-page #capture-message:empty{display:none}}
