:root{--stage:#222522;--stage-2:#30332f;--stage-rule:#6f736d;--ease:cubic-bezier(.16,1,.3,1)}
body{min-width:320px;overflow-x:hidden}
.intake-topbar{min-height:62px;padding-inline:clamp(18px,3vw,48px);background:var(--paper)}
.intake-shell{min-height:calc(100svh - 62px)}
.session-rail{min-height:58px;display:grid;grid-template-columns:minmax(210px,.8fr) minmax(220px,1fr) auto auto;align-items:center;gap:clamp(18px,3vw,44px);padding:8px clamp(18px,3vw,48px);border-bottom:1px solid var(--ink);background:var(--white)}
.session-identity{display:flex;align-items:baseline;gap:12px;min-width:0}.session-identity strong{font:620 1.35rem var(--display);letter-spacing:-.03em}.session-identity span,.session-facts span{color:var(--soft);font-size:.75rem}.session-progress>span{display:block;margin-bottom:7px;font:500 .72rem var(--mono)}.session-progress b,.session-facts b{font-weight:600}.progress-track{height:3px;background:var(--deep);overflow:hidden}.progress-track i{display:block;width:32.64%;height:100%;background:var(--ink);transform-origin:left;transition:transform .22s var(--ease)}.session-facts{display:flex;gap:18px;white-space:nowrap}.quiet-action{min-height:42px;padding:0 15px;border:1px solid var(--strong);background:transparent;font-size:.72rem;font-weight:650;text-transform:uppercase}.quiet-action:hover{background:var(--deep)}
.recognition-instrument{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,21vw);grid-template-rows:minmax(440px,calc(100svh - 338px)) auto auto;border-bottom:1px solid var(--ink)}
.image-stage{position:relative;grid-column:1;grid-row:1;min-height:440px;overflow:hidden;background:var(--stage);isolation:isolate}.image-stage video,.standby-surface{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.standby-surface{background:var(--stage-2)}.standby-surface:before{content:"";position:absolute;inset:clamp(22px,3vw,46px);border:1px solid var(--stage-rule)}
.registration-corner{position:absolute;z-index:2;width:54px;height:54px;color:var(--cyan)}.corner-tl{inset:clamp(34px,5vw,72px) auto auto clamp(34px,5vw,72px);border-top:2px solid;border-left:2px solid}.corner-tr{inset:clamp(34px,5vw,72px) clamp(34px,5vw,72px) auto auto;border-top:2px solid;border-right:2px solid}.corner-bl{inset:auto auto clamp(62px,7vw,92px) clamp(34px,5vw,72px);border-bottom:2px solid;border-left:2px solid}.corner-br{inset:auto clamp(34px,5vw,72px) clamp(62px,7vw,92px) auto;border-right:2px solid;border-bottom:2px solid}.focus-axis{position:absolute;z-index:1;background:rgb(0 167 216/.22)}.axis-x{top:50%;right:36px;left:36px;height:1px}.axis-y{top:36px;bottom:36px;left:50%;width:1px}
.captured-card{position:absolute;z-index:3;top:50%;left:50%;width:min(35vh,255px);aspect-ratio:63/88;padding:16px;color:#eef8f6;background:#213832;border:8px solid #171a18;box-shadow:0 28px 58px rgb(0 0 0/.34);transform:translate(-50%,-50%) rotate(-1deg) scale(.83);transition:transform .42s var(--ease),filter .24s ease,box-shadow .42s var(--ease)}.image-stage[data-state="capturing"] .captured-card{filter:blur(3px);transform:translate(-50%,-50%) rotate(-2deg) scale(.74)}.image-stage[data-state="matched"] .captured-card{transform:translate(-50%,-50%) rotate(-.35deg) scale(1)}.card-name{font:650 1.25rem/.84 var(--display);letter-spacing:-.03em}.card-art{height:51%;margin-top:11px;position:relative;border:1px solid #98b7ad;background:#d34b59}.card-art:before{content:"";position:absolute;top:16%;left:20%;width:58%;height:53%;background:var(--yellow);transform:skew(-9deg) rotate(-8deg)}.card-art span{position:absolute;z-index:1;right:8%;bottom:9%;width:32%;height:47%;background:#161a19}.card-rule{height:3px;margin:11px 0;background:var(--magenta)}.card-copy{font-size:.55rem;line-height:1.4}.card-code{position:absolute;right:12px;bottom:9px;font:500 .47rem var(--mono)}
.stage-status{position:absolute;z-index:6;right:0;bottom:0;left:0;min-height:46px;display:flex;align-items:center;gap:20px;padding:9px 16px;color:var(--white);background:rgb(16 18 22/.88);font:500 .7rem var(--mono)}.stage-status>span:nth-child(2){flex:1;color:#d8d8d2}.capture-state{display:flex;align-items:center;gap:8px}.capture-state i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 2px 9px rgb(8 123 91/.25)}.stage-status button{min-height:30px;padding:0 9px;border:1px solid #737579;color:var(--white);background:transparent;font:500 .66rem var(--mono)}
.camera-drawer{position:absolute;z-index:8;right:14px;bottom:58px;width:min(390px,calc(100% - 28px));display:grid;grid-template-columns:1fr auto auto;gap:9px;padding:14px;border:1px solid var(--strong);background:var(--white);box-shadow:0 12px 28px rgb(0 0 0/.2)}.camera-drawer[hidden]{display:none}.camera-drawer label{grid-column:1/-1;color:var(--soft);font-size:.7rem;font-weight:650;text-transform:uppercase}.camera-drawer select,.camera-drawer button{min-height:42px;padding:0 10px;border:1px solid var(--strong);background:var(--paper);font-size:.75rem}.camera-drawer>span{grid-column:1/-1;color:var(--soft);font:500 .68rem var(--mono)}
.recognition-package{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:5px;padding-top:14px;border-top:1px solid var(--rule)}.recognition-package>div{grid-column:1/-1;display:grid;gap:4px}.recognition-package strong{font-size:.78rem}.recognition-package>div span{color:var(--soft);font:500 .62rem/1.35 var(--mono)}.recognition-package label{grid-column:auto;align-self:end;font-size:.58rem}.recognition-package select{min-width:0;width:100%;min-height:38px}.recognition-package button{grid-column:1/-1;min-height:44px;border-color:var(--ink);color:var(--white);background:var(--ink);font-weight:700}.recognition-package button:disabled{cursor:wait;opacity:.55}
.correction-sheet{position:absolute;z-index:10;inset:0 0 0 auto;width:min(520px,100%);padding:clamp(22px,3vw,38px);overflow:auto;border-left:1px solid var(--ink);background:var(--paper);box-shadow:-18px 0 36px rgb(0 0 0/.14);animation:sheet-in .28s var(--ease)}.correction-sheet[hidden]{display:none}.correction-sheet header{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--ink)}.correction-sheet h2{margin:0;font:600 clamp(1.7rem,3vw,2.6rem)/.95 var(--display);letter-spacing:-.03em;text-transform:uppercase}.correction-sheet p{margin:8px 0 0;color:var(--soft);font-size:.85rem}.correction-sheet header button,.set-aside-correction{min-height:42px;padding:0 12px;border:1px solid var(--strong);background:transparent;font-size:.72rem}.catalogue-search{display:block;margin:24px 0 14px}.catalogue-search span{display:block;margin-bottom:7px;font-size:.72rem;font-weight:650;text-transform:uppercase}.catalogue-search input{width:100%;height:48px;padding:0 12px;border:1px solid var(--strong);background:var(--white);font-size:1rem}.correction-options{border-top:1px solid var(--ink)}.correction-options button{display:grid;grid-template-columns:1fr auto;width:100%;padding:16px 10px;border:0;border-bottom:1px solid var(--rule);background:transparent;text-align:left}.correction-options button:hover,.correction-options button:focus-visible{background:var(--white)}.correction-options strong{font-size:.9rem}.correction-options span{color:var(--soft);font:500 .72rem var(--mono)}.correction-options small{grid-column:1/-1;margin-top:6px;color:var(--soft);font-size:.72rem}.set-aside-correction{margin-top:20px}
.proof-rail{grid-column:2;grid-row:1;display:flex;min-width:0;flex-direction:column;border-left:1px solid var(--ink);background:var(--paper)}.proof-status{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 16px;border-bottom:1px solid var(--rule);font-size:.7rem;text-transform:uppercase}.proof-status span{color:var(--soft);font-weight:650}.proof-status strong{padding:5px 7px;border:1px solid var(--green);color:var(--green);font-size:.66rem}.identity-primary{padding:22px 18px;border-bottom:1px solid var(--ink)}.identity-primary h1{margin:0;font:590 clamp(2rem,3vw,3.5rem)/.86 var(--display);font-stretch:82%;letter-spacing:-.04em;text-transform:uppercase;overflow-wrap:anywhere}.identity-primary span{display:block;margin-top:14px;color:var(--soft);font:500 .7rem var(--mono)}.identity-ledger{display:grid;grid-template-columns:1fr 1fr;margin:0}.identity-ledger div{min-width:0;padding:12px 14px;border-bottom:1px solid var(--rule)}.identity-ledger div:nth-child(even){border-left:1px solid var(--rule)}.identity-ledger dt{color:var(--soft);font-size:.68rem;text-transform:uppercase}.identity-ledger dd{margin:5px 0 0;font:500 .75rem var(--mono);overflow-wrap:anywhere}.correct-identity{min-height:48px;margin:auto 14px 14px;padding:0 12px;border:1px solid var(--strong);background:transparent;font-size:.75rem;font-weight:650;text-align:left}.correct-identity:hover{background:var(--white)}
.grade-rail{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:180px minmax(0,1fr) minmax(250px,.65fr);min-height:108px;border-top:1px solid var(--ink);background:var(--white)}.human-boundary{display:grid;grid-template-columns:auto 1fr;align-content:center;gap:7px 10px;padding:16px 20px;color:var(--white);background:var(--ink)}.human-boundary span{color:#bcbdb8;font:500 .65rem var(--mono)}.human-boundary i{align-self:center;height:1px;background:linear-gradient(90deg,var(--cyan),var(--magenta))}.human-boundary strong{grid-column:1/-1;font:620 1.05rem var(--display);letter-spacing:-.02em}.grade-actions{display:grid;grid-template-columns:repeat(5,1fr);border-right:1px solid var(--ink)}.grade-actions button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;align-items:center;gap:0 10px;min-width:0;padding:13px clamp(9px,1.4vw,18px);border:0;border-left:1px solid var(--rule);background:var(--paper);text-align:left}.grade-actions button:hover,.grade-actions button:focus-visible{position:relative;z-index:1;color:var(--white);background:var(--ink)}.grade-actions kbd{grid-row:1/-1}.grade-actions span{align-self:end;font-size:.75rem;font-weight:600;white-space:nowrap}.grade-actions strong{align-self:start;margin-top:3px;font:600 .74rem var(--mono)}.grade-actions button:disabled{opacity:.42}.grade-secondary{display:grid;grid-template-columns:1fr auto;align-content:center;gap:8px 12px;padding:12px 16px}.grade-secondary>span{color:var(--soft);font-size:.72rem}.grade-secondary details{grid-column:1}.grade-secondary summary{font-size:.74rem;font-weight:650;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.set-aside{grid-column:2;grid-row:1/3;min-height:44px;padding:0 12px;border:1px solid var(--strong);background:transparent;font-size:.72rem}.inspection-fields{position:absolute;z-index:12;right:16px;width:min(520px,calc(100vw - 32px));display:grid;grid-template-columns:90px 1fr;gap:12px;margin-top:12px;padding:16px;border:1px solid var(--strong);background:var(--white);box-shadow:0 12px 28px rgb(16 18 22/.16)}.inspection-fields label span{display:block;margin-bottom:6px;font-size:.68rem;font-weight:650;text-transform:uppercase}.inspection-fields input{width:100%;height:44px;padding:0 10px;border:1px solid var(--strong);background:var(--white);font-size:1rem}.inspection-fields p{grid-column:1/-1;margin:0;color:var(--soft);font-size:.76rem;line-height:1.45}
.commit-rail{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;min-height:64px;padding:9px clamp(18px,3vw,48px);border-top:1px solid var(--ink);color:var(--white);background:var(--ink)}.commit-rail[hidden]{display:none}.commit-rail span{display:block;color:#bcbdb8;font-size:.68rem}.commit-rail strong{display:block;margin-top:3px;font:500 .76rem var(--mono)}.commit-rail button{min-height:44px;padding:0 14px;border:1px solid #737579;color:var(--white);background:transparent;font-size:.74rem;font-weight:650}.commit-rail #recognize-next{color:var(--ink);background:var(--white)}
.recent-strip{position:relative;display:grid;grid-template-columns:minmax(190px,15vw) minmax(0,1fr);min-height:134px;border-bottom:1px solid var(--ink);background:var(--paper)}.recent-strip>header{display:flex;flex-direction:column;justify-content:center;padding:18px clamp(18px,2.8vw,36px);border-right:1px solid var(--ink)}.recent-strip h2{margin:0;font:600 1.05rem var(--display);text-transform:uppercase}.recent-strip p{margin:7px 0 0;color:var(--soft);font-size:.72rem;line-height:1.4}.recent-strip>header>span{margin-top:10px;color:var(--soft);font:500 .64rem var(--mono);text-transform:uppercase}.recent-records{display:flex;min-width:0;overflow-x:auto}.record-card{position:relative;flex:0 0 154px;min-height:133px;padding:13px;border:0;border-right:1px solid var(--rule);background:var(--white);text-align:left}.record-card:hover{background:var(--deep)}.record-card.current{background:#f0eddf}.record-card i{display:block;width:28px;height:38px;margin-bottom:9px;border:2px solid var(--ink);background:#9db7bb}.record-card strong{display:block;overflow:hidden;font-size:.75rem;white-space:nowrap;text-overflow:ellipsis}.record-card span{display:block;margin-top:6px;color:var(--soft);font:500 .65rem var(--mono)}.record-card em{display:block;margin-top:5px;color:var(--green);font-size:.64rem;font-style:normal}.record-editor{position:absolute;z-index:14;inset:0 0 0 auto;width:min(700px,100%);display:grid;grid-template-columns:minmax(180px,1fr) minmax(320px,2fr) auto;align-items:center;gap:18px;padding:16px 20px;border-left:1px solid var(--ink);background:var(--white);box-shadow:-16px 0 28px rgb(16 18 22/.12)}.record-editor[hidden]{display:none}.record-editor>div>span{color:var(--soft);font-size:.68rem;text-transform:uppercase}.record-editor h3{margin:5px 0 0;font:600 1.2rem var(--display);text-transform:uppercase}.record-editor p{margin:5px 0 0;color:var(--soft);font:500 .68rem var(--mono)}.editor-grades{display:grid;grid-template-columns:repeat(5,1fr)}.editor-grades button{min-height:48px;border:1px solid var(--rule);background:var(--paper);font:600 .72rem var(--mono)}.editor-grades button+button{border-left:0}.editor-grades button[aria-pressed="true"]{color:var(--white);background:var(--ink)}.record-editor>button{min-height:44px;padding:0 13px;border:1px solid var(--strong);background:transparent}
.toast{right:20px;bottom:20px;font-size:.8rem}.toast.show{transform:none}
@keyframes sheet-in{from{transform:translateX(28px);opacity:.7}to{transform:none;opacity:1}}
@media(max-width:1050px){.session-rail{grid-template-columns:1fr 1fr auto}.session-facts{display:none}.recognition-instrument{grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:500px auto auto}.grade-rail{grid-template-columns:150px 1fr}.grade-secondary{grid-column:1/-1;border-top:1px solid var(--rule)}.recent-strip{grid-template-columns:180px 1fr}}
@media(max-width:760px){.intake-topbar{position:sticky;z-index:20;top:0;min-height:58px}.session-rail{grid-template-columns:1fr auto;gap:12px;padding-block:10px}.session-identity span,.session-facts{display:none}.session-progress{grid-column:1/-1;grid-row:2}.recognition-instrument{display:block}.image-stage{height:min(58svh,560px);min-height:390px}.captured-card{width:min(29vh,210px)}.proof-rail{border-left:0;border-top:1px solid var(--ink)}.identity-primary{display:flex;align-items:end;justify-content:space-between;gap:15px}.identity-primary h1{font-size:2.4rem}.identity-primary span{margin-top:0;white-space:nowrap}.identity-ledger{grid-template-columns:repeat(3,1fr)}.identity-ledger div:nth-child(even){border-left:0}.identity-ledger div+div{border-left:1px solid var(--rule)}.identity-ledger div:nth-child(4){border-left:0}.correct-identity{margin-top:12px}.grade-rail{display:block}.human-boundary{display:flex;min-height:48px;align-items:center}.human-boundary strong{margin-left:auto}.grade-actions{border-right:0;border-bottom:1px solid var(--ink)}.grade-actions button{display:flex;min-height:74px;flex-direction:column;justify-content:center;gap:5px;padding:8px;text-align:center}.grade-actions kbd{order:0}.grade-actions span{display:none}.grade-actions strong{margin:0}.grade-secondary{display:grid}.commit-rail{grid-template-columns:1fr 1fr;padding:10px 14px}.commit-rail>div{grid-column:1/-1}.recent-strip{display:block}.recent-strip>header{min-height:78px;border-right:0;border-bottom:1px solid var(--ink)}.recent-strip>header>span{display:none}.record-editor{grid-template-columns:1fr;inset:auto 0 0;width:100%}.editor-grades{order:2}.record-editor>button{position:absolute;top:14px;right:14px}.camera-drawer{grid-template-columns:1fr 1fr}.camera-drawer select{grid-column:1/-1}}
@media(max-width:480px){.operator{display:none}.session-identity strong{font-size:1.15rem}.quiet-action{padding:0 10px}.image-stage{height:50svh}.stage-status{gap:10px}.stage-status>span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.proof-status,.identity-primary,.identity-ledger div{padding-inline:12px}.identity-primary{display:block}.identity-primary span{margin-top:10px}.identity-ledger{grid-template-columns:1fr 1fr}.identity-ledger div:nth-child(3),.identity-ledger div:nth-child(5){border-left:0}.identity-ledger div:nth-child(4){border-left:1px solid var(--rule)}.grade-actions button{min-width:0}.grade-actions kbd{min-width:20px;padding-inline:4px}.commit-rail{grid-template-columns:1fr}.commit-rail>div{grid-column:auto}.commit-rail button{width:100%}.inspection-fields{grid-template-columns:1fr}.inspection-fields p{grid-column:auto}.correction-sheet{padding:20px 16px}.correction-sheet header{display:block}.correction-sheet header button{margin-top:14px}.recent-strip p{max-width:40ch}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.captured-card,.progress-track i,.toast{transition-duration:.01ms}.correction-sheet{animation:none}}

/* Operational legibility and detector-resolved finish. */
.intake-topbar .operator span,.stage-status button,.camera-drawer>span,.proof-status strong,.identity-ledger dt,.human-boundary span,.inspection-fields label span,.commit-rail span{font-size:.7rem}
.capture-state i{box-shadow:none}
.stage-status button,.commit-rail button{border-color:var(--strong)}
.human-boundary span,.commit-rail span{color:var(--rule)}
.grade-secondary>span{font-size:.75rem}
.camera-drawer,.inspection-fields{border:0}
.image-stage canvas{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover}
.card-name{white-space:pre-line}
.recent-strip>header>span,.record-card span,.record-card em{font-size:.7rem}
@media(max-width:760px){.intake-shell{padding-bottom:calc(74px + env(safe-area-inset-bottom))}.grade-actions{position:fixed;z-index:30;right:0;bottom:0;left:0;height:74px;padding-bottom:env(safe-area-inset-bottom);background:var(--paper);box-shadow:0 -8px 20px rgb(16 18 22/.12)}.commit-rail:not([hidden]){position:fixed;z-index:31;right:0;bottom:0;left:0;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.recognition-instrument:has(.commit-rail:not([hidden])) .grade-actions{visibility:hidden}}
