:root{--paper:#f3f5f4;--surface:#fff;--ink:#18262f;--muted:#56666f;--line:#c9d3d6;--od:#b8323f;--og:#2a62a8;--ok:#2f7a4f;--warn:#9a6200;--frame-idle:#a3adb2;--radius-sm:6px;--radius-lg:14px;--font:"Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:400 1rem/1.5 var(--font);-webkit-font-smoothing:antialiased;margin:0}h1,h2{margin:0;line-height:1.2}h1{font-size:clamp(1.6rem,2.5vw + 1rem,2.25rem)}h2{font-size:1.125rem}p{max-width:62ch;margin:0}:focus-visible{outline:3px solid var(--og);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.button{border:2px solid var(--ink);border-radius:var(--radius-sm);min-height:48px;font:700 1rem/1 var(--font);cursor:pointer;justify-content:center;align-items:center;padding:0 1.25rem;transition:background-color .12s;display:inline-flex}.button--primary{background:var(--ink);color:var(--surface)}.button--primary:hover{background:#2c3f4b}.button--ghost{color:var(--ink);background:0 0}.button--ghost:hover{background:#18262f0f}.button:disabled,.button[aria-disabled=true]{opacity:.55;cursor:progress}.button:focus-within{outline:3px solid var(--og);outline-offset:2px}.alert{border-left:4px solid var(--od);background:#fbeeee;padding:.75rem 1rem}.notice{color:var(--ok);font-weight:700}.desktop-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr);grid-template-areas:"header header""qr form";gap:2rem 3rem;max-width:1100px;margin:0 auto;padding:3rem 1.5rem;display:grid}.page-header{grid-area:header;gap:.5rem;display:grid}.page-header p{color:var(--muted)}.qr-panel{grid-area:qr;align-content:start;gap:1rem;display:grid}.qr-frame{aspect-ratio:1;background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-lg);place-items:center;transition:border-color .2s;display:grid}.qr-frame[data-status=mobile_connected],.qr-frame[data-status=processing]{border-color:var(--og)}.qr-frame[data-status=completed]{border-color:var(--ok)}.qr-frame svg{width:78%;height:auto}.qr-placeholder{aspect-ratio:1;border-radius:var(--radius-sm);background:repeating-linear-gradient(45deg, var(--paper) 0 8px, var(--surface) 8px 16px);width:78%}.qr-status{min-height:3em;color:var(--muted)}.qr-status[data-status=completed]{color:var(--ok);font-weight:700}.qr-status[data-status=failed]{color:var(--od);font-weight:700}.qr-divider{color:var(--muted);align-items:center;gap:.75rem;display:flex}.qr-divider:before,.qr-divider:after{content:"";border-top:1px solid var(--line);flex:1}.drop-zone{border:2px dashed var(--line);border-radius:var(--radius-lg);color:var(--muted);text-align:center;gap:.75rem;padding:1rem;transition:border-color .12s,background-color .12s;display:grid}.drop-zone[data-dragging=true]{border-color:var(--og);background:#2a62a80f}.form-panel{grid-area:form;align-content:start;gap:1.25rem;display:grid}.rx-form{justify-items:start;gap:1.5rem;display:grid}.rx-grid{border-collapse:separate;border-spacing:0 .75rem;width:100%}.rx-grid caption{text-align:left;color:var(--muted)}.rx-grid thead th{text-align:left;padding:0 .5rem;font-weight:700}.rx-unit{color:var(--muted);font-weight:400}.rx-row th{border-left:6px solid var(--eye-color);width:4.5rem;color:var(--eye-color);text-align:left;padding:0 .75rem;font-size:1.5rem}.rx-row abbr{text-decoration:none}.rx-row--od{--eye-color:var(--od)}.rx-row--og{--eye-color:var(--og)}.rx-row td{vertical-align:top;padding:0 .5rem}.rx-row input{border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:56px;color:var(--ink);font:700 1.375rem/1 var(--font);font-variant-numeric:tabular-nums;padding:0 .75rem}.rx-row input:focus-visible{border-color:var(--eye-color);outline-color:var(--eye-color)}.rx-row input[data-missing=true]{border-style:dashed;border-color:var(--warn)}.rx-row input[data-missing=true]::placeholder{color:var(--warn);font-size:1rem;font-weight:400}.rx-row input[aria-invalid=true]{border-color:var(--od)}.rx-addition{grid-template-columns:auto 7rem;justify-self:end;align-items:center;gap:0 .75rem;margin-right:.5rem;font-weight:700;display:grid}.rx-addition input{border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:44px;color:var(--ink);font:700 1.125rem/1 var(--font);font-variant-numeric:tabular-nums;padding:0 .625rem}.rx-addition input:focus-visible{border-color:var(--ink)}.rx-addition input[data-missing=true]{border-style:dashed;border-color:var(--warn)}.rx-addition input[data-missing=true]::placeholder{color:var(--warn);font-size:.875rem;font-weight:400}.rx-addition input[aria-invalid=true]{border-color:var(--od)}.rx-addition .rx-error{grid-column:2}.rx-hint{width:0;min-width:100%;color:var(--muted);text-align:right;grid-column:1/-1;margin:.375rem 0 0;font-size:.875rem}.rx-error{color:var(--od);margin-top:.25rem;font-size:.875rem;display:block}.raw-text summary{cursor:pointer;color:var(--muted)}.raw-text pre{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);white-space:pre-wrap;max-height:16rem;padding:1rem;font-size:.875rem;overflow:auto}.mobile-layout{max-width:480px;min-height:100dvh;padding:2rem 1.25rem calc(2rem + env(safe-area-inset-bottom,0px));align-content:start;gap:1.25rem;margin:0 auto;display:grid}.mobile-layout>.button{width:100%}.photo-frame{aspect-ratio:3/4;border:2px dashed var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--muted);place-items:center;display:grid;overflow:hidden}.photo-frame img{object-fit:contain;width:100%;height:100%}.viewfinder{--frame-color:var(--frame-idle);aspect-ratio:3/4;border-radius:var(--radius-lg);background:#000;position:relative;overflow:hidden}.viewfinder__video{object-fit:cover;width:100%;height:100%;display:block}.viewfinder__guide{border:4px solid var(--frame-color);border-radius:var(--radius-sm);transition:border-color .2s;position:absolute;box-shadow:0 0 0 100vmax #00000059}.viewfinder__guide[data-status=inside]{--frame-color:var(--ok)}.viewfinder__guide[data-status=outside]{--frame-color:var(--od)}.viewfinder__hint{text-align:center;color:var(--muted);margin:0;font-weight:700}.viewfinder__hint[data-status=inside]{color:var(--ok)}.viewfinder__hint[data-status=outside]{color:var(--od)}@media (width<=760px){.desktop-layout{grid-template-columns:1fr;grid-template-areas:"header""qr""form";padding:2rem 1rem}.rx-row th{width:3.25rem;font-size:1.125rem}.rx-row input{font-size:1.125rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}