:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#242d27;background:#f5f3ec;font-synthesis:none;--green:#24563d;--muted:#58625a;--line:#d5d9d0;--paper:#fffef9}*{box-sizing:border-box}body{margin:0}button,input,a,summary{-webkit-tap-highlight-color:transparent}button,.file-label{font:inherit;font-weight:600;min-height:46px;border:1px solid #a9b1a7;border-radius:7px;background:transparent;color:#253d2d;padding:11px 17px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1.35}button:hover:not(:disabled),.file-label:hover{background:#e8ece2}button:disabled{cursor:not-allowed;opacity:.52}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover:not(:disabled){background:#193f2b}.text-button{border-color:transparent;padding-inline:9px;text-decoration:underline;text-underline-offset:4px;font-size:14px}.wide{width:100%}:focus-visible{outline:3px solid #a86421;outline-offset:4px}a{color:var(--green)}[hidden]{display:none!important}.topbar{display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:0 auto;padding:25px 40px;border-bottom:1px solid var(--line);gap:16px}.wordmark{text-decoration:none;color:inherit;font-size:21px;letter-spacing:-.6px}.wordmark strong{font-weight:750}.poc-label{font-size:13px;color:var(--muted)}main{max-width:1160px;padding:0 0 30px;margin:0 auto}.heading{padding:40px 0 30px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.eyebrow,.section-label{font-size:13px;font-weight:650;color:var(--muted);margin:0 0 9px}h1{font-size:clamp(29px,4vw,42px);letter-spacing:-1.5px;line-height:1.15;margin:0 0 12px;font-weight:700}.intro{margin:0;color:var(--muted);line-height:1.6;font-size:15px}#clock{font-size:13px;color:var(--muted);text-align:right;line-height:1.7;flex-shrink:0;font-variant-numeric:tabular-nums}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:28px;align-items:start}.camera-panel{background:var(--paper);padding:22px;border:1px solid var(--line);border-radius:12px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}h2{font-size:18px;letter-spacing:-.3px;margin:0;font-weight:680}.panel-heading span{font-size:12px;color:var(--muted)}.viewfinder{position:relative;aspect-ratio:4/3;background:#202b25;border-radius:7px;overflow:hidden;isolation:isolate}.viewfinder video,.viewfinder img,.viewfinder canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}video{transform:scaleX(-1)}.camera-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f2f4ed;text-align:center;padding:20px}.face-guide{height:42%;aspect-ratio:.76;border:1.5px dashed #849688;border-radius:48% 48% 43% 43%;margin-bottom:18px}.camera-placeholder p{font-size:15px;margin:0 0 8px}.camera-placeholder span{font-size:12px;color:#c5d0c7}.camera-caption{position:absolute;bottom:0;left:0;right:0;color:#fff;background:#17221de8;padding:10px 14px;font-size:11px}#overlay{pointer-events:none}.camera-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 20px}.result{padding:15px 16px;border-radius:7px;background:#ecefe7;min-height:95px;overflow-wrap:anywhere}.result strong{font-size:16px;display:block}.result p{font-size:13px;color:var(--muted);line-height:1.55;margin:7px 0 0}.result.success{background:#e3efe5;color:#194b2c}.result.error{background:#f7ebe2;color:#743c16}.result.error p{color:#74472b}.match-detail{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted);padding:16px 1px}.match-detail strong{display:block;font-size:14px;color:#2d3d30;margin-top:5px;font-variant-numeric:tabular-nums}.note{font-size:12px;line-height:1.65;color:var(--muted);margin:12px 0 0}.sidebar{padding:7px 0}.sidebar section{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--line)}.profile h2{font-size:31px;letter-spacing:-.9px;margin-top:10px}.sidebar p{font-size:14px;line-height:1.65;color:var(--muted);margin:12px 0 17px}.sidebar .note{font-size:12px;margin-bottom:0}.reference-row{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:20px 0 14px}.file-label{position:relative;overflow:hidden;width:100%;font-size:14px;background:var(--paper)}.file-label:focus-within{outline:3px solid #a86421;outline-offset:4px}.file-label input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-label:has(input:disabled){opacity:.52;cursor:not-allowed}.profile .text-button{display:flex;margin:7px auto 0}details{font-size:13px;color:var(--muted)}summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;color:#303e32;font-weight:600}.details-content{padding:0 4px 5px}.details-content p{font-size:12px;margin:12px 0}.history{margin-top:35px;border-top:1px solid var(--line);padding-top:27px}.history-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.history-actions{display:flex;gap:8px}.history-actions button{font-size:13px}.empty{padding:28px 0;color:var(--muted);font-size:14px;line-height:1.6}.table-wrap{overflow:auto;margin-top:20px}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}th{font-size:12px;color:var(--muted);font-weight:550}td,th{padding:13px 14px 13px 0;border-bottom:1px solid var(--line);white-space:nowrap}.status-present{color:#235039;font-weight:600}footer{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted);margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}@media(min-width:1700px){main{padding-top:16px}}@media(max-width:1240px){main{padding-inline:35px}.topbar{margin-inline:0}}@media(max-width:760px){.topbar{padding:20px}.heading{padding:30px 0 25px;align-items:flex-start;flex-direction:column;gap:13px}#clock{text-align:left}.workspace{grid-template-columns:1fr;gap:27px}main{padding-inline:18px}.camera-panel{padding:16px}.sidebar{padding:0 3px}.viewfinder{aspect-ratio:4/3}.sidebar section{margin-bottom:21px;padding-bottom:22px}.profile h2{font-size:28px}.history{margin-top:28px}.history-heading{align-items:flex-start;flex-direction:column}.history-actions{width:100%;justify-content:space-between}footer{flex-direction:column;gap:8px}.camera-actions button{flex:1;padding-inline:10px}.panel-heading span{max-width:110px;text-align:right}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
