:root{--color-text: #1a1a1a;--color-bg: #ffffff;--color-primary: #1f4e79;--color-error: #a4161a;--color-muted: #4a4a4a;--color-focus: #1a1a1a;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;color:var(--color-text);background:var(--color-bg)}body{margin:0}.screen{max-width:32rem;margin:0 auto;padding:max(1.5rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(2rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left))}body:before{content:"";position:fixed;top:0;left:0;right:0;z-index:20;height:env(safe-area-inset-top,0px);background:var(--color-bg);pointer-events:none}form{display:flex;flex-direction:column;gap:.5rem}label{font-weight:600;margin-top:.75rem}button,input,select,textarea{font-family:inherit}input{font-size:1rem;min-height:2.75rem;padding:0 .75rem;border:1px solid #6b6b6b;border-radius:.5rem}button{font-size:1rem;font-weight:600;min-height:2.75rem;margin-top:1rem;padding:0 1rem;border:none;border-radius:.5rem;background:var(--color-primary);color:#fff}button.secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}button:disabled{opacity:.7}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.error{color:var(--color-error);font-weight:600}.secret{font-size:1rem;word-break:break-all;-webkit-user-select:all;user-select:all}.confirm{margin-top:1.5rem;padding:1rem;border:2px solid var(--color-primary);border-radius:.5rem}.confirm h2,.confirm h3{margin-top:0;font-size:1.25rem}.confirm button{width:100%}.status{color:var(--color-muted)}.check{display:flex;align-items:flex-start;gap:.75rem;margin-top:.75rem}.check input{flex:none;width:1.5rem;height:1.5rem;min-height:0;margin:.125rem 0 0}.check label{margin-top:0}.notice{padding:.75rem 1rem;border-left:4px solid var(--color-primary);background:#eef3f8}fieldset{margin:1.5rem 0 0;padding:0;border:none}legend{font-size:1.25rem;font-weight:600}fieldset label{display:block}fieldset input{box-sizing:border-box;width:100%}.hint{margin:.25rem 0;color:var(--color-muted)}.choices{margin:0;padding:0;list-style:none}.choices button{width:100%;margin-top:.5rem;padding:.5rem 1rem;text-align:left}select,textarea{font-size:1rem;border:1px solid #6b6b6b;border-radius:.5rem;background:var(--color-bg);color:var(--color-text)}select{min-height:2.75rem;padding:0 .75rem}textarea{box-sizing:border-box;width:100%;min-height:4.5rem;padding:.5rem .75rem}textarea[aria-invalid=true]{border:2px solid var(--color-error)}.item{margin-top:1.25rem;padding-top:.75rem;border-top:1px solid #d0d0d0}.item legend{font-size:1rem}.ratings .check{margin-top:.5rem}html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + var(--draft-bar-height, 8rem) + .5rem)}.draft-bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;padding:.5rem 0;border-bottom:1px solid #d0d0d0;background:var(--color-bg)}.draft-step-title{margin:0 0 .25rem;overflow:hidden;color:var(--color-primary);font-weight:600;white-space:nowrap;text-overflow:ellipsis}.step-row{position:relative}.step-row .more{position:absolute;top:0;bottom:.25rem;display:flex;align-items:center;padding:0 .375rem;background:var(--color-bg);color:var(--color-primary);font-size:1.5rem;font-weight:700;line-height:1;pointer-events:none}.step-row .more-left{left:0}.step-row .more-right{right:0}.draft-score{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem;margin:0;font-weight:600}.draft-score .badge{margin-left:0}.step-buttons::-webkit-scrollbar{display:none}.step-buttons{position:relative;display:flex;scrollbar-width:none;gap:.375rem;margin:.5rem 0 0;padding:0 0 .25rem;overflow-x:auto;list-style:none}.step-buttons button{max-width:12rem;min-width:2.75rem;margin-top:0;padding:0 .75rem;overflow:hidden;border:2px solid var(--color-primary);background:transparent;color:var(--color-primary);white-space:nowrap;text-overflow:ellipsis}.step-buttons button.current{background:var(--color-primary);color:#fff}.step-nav{display:flex;flex-wrap:wrap;gap:0 .75rem;margin-top:1.5rem}.step-nav button{flex:1 1 12rem}.section-actions button{margin-right:.75rem}.tag{display:inline-block;margin:.25rem 0;padding:.125rem .5rem;border:1px solid #6b6b6b;border-radius:.25rem;color:var(--color-muted);font-size:.875rem}.tag.critical{border:2px solid var(--color-error);color:var(--color-error);font-weight:600}.ratings{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.5rem}@media(min-width:30rem){.ratings{grid-template-columns:repeat(4,1fr)}}.ratings .check{position:relative;display:block;margin:0}.ratings input{position:absolute;top:0;left:0;width:1px;height:1px;margin:0;opacity:0}.ratings label{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:2.75rem;height:100%;padding:.25rem .5rem;border:2px solid var(--color-primary);border-radius:.5rem;color:var(--color-primary);text-align:center;cursor:pointer}.ratings input:checked+label{background:var(--color-primary);color:#fff}.ratings input:focus-visible+label{outline:3px solid var(--color-focus);outline-offset:2px}.ratings input:disabled+label{cursor:default}.badge{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;border:2px solid var(--color-error);border-radius:.25rem;color:var(--color-error);font-size:.875rem;vertical-align:middle}input[aria-invalid=true]{border:2px solid var(--color-error)}.signer{margin-top:1.25rem;padding-top:.75rem;border-top:1px solid #d0d0d0}.signature-pad canvas{display:block;box-sizing:border-box;width:100%;max-width:600px;height:auto;aspect-ratio:600 / 220;margin-top:.5rem;border:2px solid #6b6b6b;border-radius:.5rem;background:#fff;touch-action:none}.signature-pad .actions button{margin-right:.75rem}img.signature{display:block;width:100%;max-width:600px;height:auto;margin-top:.5rem;border:1px solid #6b6b6b;border-radius:.5rem}.camera-view{display:block;width:100%;max-width:600px;aspect-ratio:3 / 4;max-height:60vh;object-fit:cover;margin-top:.5rem;background:#111;border-radius:.5rem}.camera .actions button{margin-right:.75rem}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.75rem;margin:.75rem 0 0;padding:0;list-style:none}.photo-grid>li{min-width:0}.photo-grid button,.photo-grid select{width:100%;margin-top:.5rem}.photo-grid .confirm{margin-top:.5rem;padding:.5rem}.photo-caption{margin:.25rem 0 0;color:var(--color-muted);font-size:.875rem;overflow-wrap:anywhere}img.photo{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:.5rem}.photo-required{margin:.5rem 0 0;padding:.25rem .5rem;border:2px solid var(--color-error);border-radius:.25rem;color:var(--color-error);font-weight:600}.camera-backdrop{position:fixed;inset:0;z-index:15;display:flex;justify-content:center;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:#0009}.camera-dialog{box-sizing:border-box;width:100%;max-width:32rem;max-height:100%;padding:1rem 1.25rem 1.5rem;overflow-y:auto;background:var(--color-bg)}.camera-dialog h2{margin-top:0;font-size:1.25rem}.camera-dialog>p[role=status]{min-height:1.5em}.camera-dialog .camera-view{aspect-ratio:4 / 3;max-height:38vh}.camera-dialog .actions button{margin-right:.75rem}.field{margin-top:.75rem}h3.subgroup{margin-top:1.5rem}fieldset.table-row{margin-top:.75rem;border:1px solid #6b6b6b;border-radius:.5rem}.table-question>button{margin-top:.75rem}.update-banner{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;margin-top:env(safe-area-inset-top,0px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:.75rem max(1.25rem,env(safe-area-inset-right)) .75rem max(1.25rem,env(safe-area-inset-left));background:var(--color-primary);color:#fff}.update-banner p{margin:0;font-weight:600}.update-banner button{margin-top:0;background:#fff;color:var(--color-primary)}.update-banner :focus-visible{outline-color:#fff}.update-banner+.screen{padding-top:1.5rem}
