:root{--ink:#183d40;--muted:#657878;--teal:#087f75;--cream:#f6f7f2;--line:#dfe7e1;--white:#fff;--amber:#91631f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #dfaa53;outline-offset:4px}[hidden]{display:none!important}.icon-library{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;background:var(--ink);color:#f5f8f2;padding:38px 24px;display:flex;flex-direction:column}.brand{display:flex;gap:5px;align-items:center;text-decoration:none;font-size:22px;font-weight:700;letter-spacing:-.8px;white-space:nowrap}.brand-light{font-weight:400}.brand-mark{height:36px;width:36px;border:1px solid #6d9490;border-radius:11px;display:grid;place-items:center;margin-right:6px;color:#9bdbc6}.workspace-label{font-size:9px;letter-spacing:2px;color:#96b5ae;margin:66px 12px 18px}.nav-active{border:1px solid #52716c;background:#2b5050;text-decoration:none;display:flex;align-items:center;gap:12px;padding:14px 12px;border-radius:9px;font-size:13px}.nav-active svg{width:18px}.nav-active>span{margin-left:auto;color:#a1c2b5;font-size:11px}.sidebar-note{margin:auto 10px 48px}.small-pulse{color:#afd4ae;font-size:20px}.sidebar-note h2{font:400 27px/1.35 Georgia,serif;letter-spacing:-.4px}.sidebar-note p{font-size:12px;line-height:1.85;color:#aec3ba}.note-rule{height:1px;background:#4d6e67;margin:28px 0 17px}.sidebar-note>span:last-child{font-size:8px;letter-spacing:1.3px;color:#b4cabc}.sidebar-footer{color:#a8bfb4;font-size:10px;padding:0 10px}main{margin-left:246px;max-width:1580px;padding:0 52px}.topbar{height:87px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.5px}.session-badge{font-size:10px;letter-spacing:0;color:var(--muted);display:flex;align-items:center;gap:7px}.session-badge i{background:#69a18a;width:6px;height:6px;border-radius:50%}.intro{padding-top:43px;max-width:730px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:var(--teal)}h1{font-size:clamp(37px,3.6vw,58px);font-weight:500;line-height:1.12;letter-spacing:-2.4px;margin:19px 0 17px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--teal);letter-spacing:-1.8px}.intro>p{font-size:14px;color:var(--muted);line-height:1.8;max-width:470px}.steps{padding:0;list-style:none;display:flex;gap:35px;margin:32px 0 27px}.steps li{font-size:11px;color:#7b8a86;display:flex;gap:9px;align-items:center}.steps li>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #d5dfd5;border-radius:50%;font-size:10px}.steps .current{color:var(--ink);font-weight:600}.steps .current>span{background:var(--ink);border-color:var(--ink);color:white}.steps .done>span{background:#d9e9df;color:var(--teal);border-color:#d9e9df}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.card{background:white;border:1px solid var(--line);border-radius:15px;box-shadow:0 4px 22px #183d4003}.upload-card{padding:27px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-heading h2{font-size:18px;letter-spacing:-.5px;margin:9px 0 24px;font-weight:600}.pill{font-size:8px;letter-spacing:.7px;background:#f2f5f0;border:1px solid var(--line);border-radius:30px;padding:7px 9px;white-space:nowrap;margin-top:-12px}.dropzone{border:1.5px dashed #becfc5;background:#fafcf8;border-radius:10px;min-height:235px;display:grid;place-items:center;text-align:center;padding:22px;transition:background .2s,border-color .2s}.dropzone.drag-over{background:#e2f2e8;border-color:var(--teal)}.upload-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e7f0e6;margin:0 auto 16px;color:var(--teal)}.upload-symbol svg{width:23px}.dropzone h3{font-size:14px;font-weight:500;margin:0 0 9px}.dropzone p{font-size:11px;color:var(--muted);margin:0 0 13px;overflow-wrap:anywhere}.dropzone span{font-size:9px;color:var(--muted)}#image-preview{display:block;max-height:235px;max-width:100%;object-fit:contain;margin:0 auto 14px;border-radius:5px}#pdf-preview{display:grid;justify-items:center;gap:10px;margin-bottom:20px;color:var(--teal)}#pdf-preview svg{width:56px;height:56px}#pdf-preview span{font-size:10px;letter-spacing:1px}#file-name{font-weight:600;color:var(--ink);margin-bottom:5px}.source-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:11px 17px;border-radius:8px;font-size:11px;font-weight:600;border:1px solid transparent;transition:background .15s,transform .15s}.button svg{width:17px;height:17px}.button:not(:disabled):active{transform:translateY(1px)}.secondary{background:white;color:var(--ink);border-color:#cedbd2}.secondary:hover{background:#f1f7f1}.primary{background:var(--teal);color:white;box-shadow:0 3px 5px #087f7510}.primary:not(:disabled):hover{background:#05665e}.capture-hint{display:flex;align-items:flex-start;gap:9px;margin:16px 0 22px}.hint-dot{width:5px;height:5px;border-radius:50%;background:#92ab8e;flex-shrink:0;margin-top:14px}.capture-hint p{font-size:10px;line-height:1.8;color:var(--muted);margin:5px 0 0}.upload-footer{display:flex;gap:15px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px}.upload-footer>span{font-size:10px;color:var(--muted)}.guide-card{background:#eaf0e6;border:1px solid #e0e8d8;border-radius:15px;padding:29px 24px}.guide-card h2{font:400 25px/1.3 Georgia,serif;letter-spacing:-.6px;margin:13px 0 28px}.guide-step{display:flex;align-items:flex-start;gap:13px;margin-bottom:24px}.guide-step>span{font:italic 15px Georgia,serif;color:#738c72;line-height:1.6}.guide-step h3{font-size:11px;margin:4px 0 8px;font-weight:600}.guide-step p{font-size:10px;line-height:1.8;margin:0;color:#647660}.guide-bottom{border-top:1px solid #d1ddcb;display:flex;gap:10px;align-items:flex-start;padding-top:17px;margin-top:20px}.guide-bottom svg{width:19px;color:#6a8666}.guide-bottom p{font-size:9px;line-height:1.8;color:#647660;margin:0}.page-footer{display:flex;justify-content:space-between;gap:30px;padding:30px 0 25px;margin-top:10px;color:#788a80}.page-footer>span{font-size:10px;white-space:nowrap;display:flex;align-items:flex-start;gap:8px;padding-top:4px}.page-footer svg{width:14px;height:14px}.page-footer p{max-width:440px;font-size:9px;line-height:1.8;margin:0}.processing{display:flex;align-items:center;gap:12px;background:#edf6ef;border-radius:8px;padding:16px;margin-top:18px}.processing strong{font-size:12px}.processing p{font-size:10px;line-height:1.7;color:var(--muted);margin:4px 0}.spinner{height:21px;width:21px;border:2px solid #b6d2c5;border-top-color:var(--teal);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.text-button{border:0;background:transparent;color:var(--teal);font-size:11px;font-weight:600;padding:10px 0;min-height:44px}.processing .text-button{margin-left:auto}.error{background:#fff1e7;border:1px solid #e8c5a3;color:#805025;font-size:12px;line-height:1.7;padding:15px;border-radius:8px;margin-top:16px;overflow-wrap:anywhere}.results{margin-top:40px;padding-top:35px;border-top:1px solid var(--line)}.results-heading{display:flex;justify-content:space-between;gap:25px;align-items:center}.results-heading h2{font:400 34px/1.2 Georgia,serif;letter-spacing:-1px;margin:12px 0}.results-heading p{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:25px 0}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.metric>span{font-size:10px;display:block;color:var(--muted)}.metric>strong{font-size:34px;letter-spacing:-1.5px;font-weight:500;display:block;color:var(--teal);margin:12px 0 5px}.metric>small{font-size:9px;color:var(--muted)}.review-metric{background:#f7f0e4;border-color:#e8ddc8}.review-metric>strong{color:var(--amber)}.readings-card{overflow:hidden}.table-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px}.table-heading h3{font-size:14px;font-weight:600;margin:0}.table-heading>span{font-size:9px;color:var(--muted)}.table-heading i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b48942;margin-right:5px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:center;font-size:11px;white-space:nowrap}thead{background:#edf3ee;color:#577067}th{font-size:9px;font-weight:600;letter-spacing:.3px;padding:12px 13px;border-bottom:1px solid var(--line)}thead tr:nth-child(2) th{padding:8px 13px}th[colspan]{border-left:1px solid #d9e3dc}td{padding:16px 12px;border-bottom:1px solid #edf1eb;max-width:200px;overflow:hidden;text-overflow:ellipsis}tbody tr:nth-child(even){background:#fbfcf9}.unreadable{font-size:9px;color:var(--amber);background:#f6eddb;border-radius:4px;padding:4px 7px}.review-note{font-size:10px;line-height:1.8;color:var(--muted);padding:17px 22px;margin:0}.raw-details{margin:16px 0;color:var(--muted);font-size:11px}.raw-details summary{cursor:pointer;padding:12px 0}.raw-details pre{overflow:auto;background:white;border:1px solid var(--line);padding:16px;font-size:10px;max-height:260px}.raw-details p{font-size:10px}.results>#reset-button{margin-top:6px}dialog{border:1px solid var(--line);border-radius:18px;padding:25px;max-width:720px;width:calc(100% - 30px);color:var(--ink);box-shadow:0 30px 100px #082c3944}dialog::backdrop{background:#0b292bbd;backdrop-filter:blur(4px)}.camera-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.camera-heading h2{font-size:20px;font-weight:500;margin:10px 0 20px}.icon-button{background:#edf3ee;border:0;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.icon-button svg{width:18px}.video-wrap{background:#102c2f;border-radius:10px;overflow:hidden;position:relative;min-height:180px}video{width:100%;max-height:55vh;display:block;object-fit:contain}.viewfinder{position:absolute;inset:10%;border:1px solid #ffffff70;border-radius:8px;pointer-events:none}.camera-actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px}#camera-message{font-size:12px;line-height:1.8;color:var(--muted)}
@media(min-width:1600px){main{margin-right:auto;margin-left:246px;padding:0 70px}.workspace-grid{grid-template-columns:minmax(0,1fr) 320px}.guide-card{padding:32px}.dropzone{min-height:270px}}
@media(max-width:1200px){.sidebar{width:210px;padding:32px 18px}main{margin-left:210px;padding:0 30px}.workspace-grid{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.upload-card{padding:21px}.guide-card{padding:24px 20px}.card-heading{align-items:flex-start}.pill{margin:3px 0 0;font-size:7px}.card-heading h2{font-size:16px}.upload-footer>span{font-size:9px}.metrics{gap:10px}.metric{padding:16px}.page-footer{gap:20px}}
@media(max-width:1000px){.sidebar{width:185px;padding:29px 14px}.brand{font-size:19px}.brand-mark{width:30px;height:32px;margin-right:3px}.nav-active{font-size:11px;gap:9px;padding:13px 9px}.nav-active>span{display:none}.workspace-label{font-size:8px}.sidebar-note h2{font-size:23px}.sidebar-note p{font-size:11px}main{margin-left:185px;padding:0 26px}.workspace-grid{grid-template-columns:1fr}.guide-card{display:none}.intro{padding-top:35px}.topbar{font-size:8px;letter-spacing:1px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:19px}.page-footer{flex-direction:column;gap:15px}.results-heading .button{white-space:nowrap}}
@media(max-width:650px){.sidebar{position:static;width:100%;padding:19px 22px;display:block}.brand{font-size:21px}.sidebar .workspace-label,.nav-active,.sidebar-note,.sidebar-footer{display:none}main{margin:0;padding:0 20px}.topbar{height:55px;font-size:7px;letter-spacing:.8px}.session-badge{font-size:8px;gap:5px}.intro{padding-top:29px}h1{font-size:40px;letter-spacing:-1.7px;margin-top:15px}.intro>p{font-size:12px;max-width:320px}.eyebrow{font-size:8px;letter-spacing:1.5px}.steps{gap:0;justify-content:space-between;margin:27px 0 21px}.steps li{font-size:9px;gap:6px}.steps li>span{width:21px;height:21px;font-size:9px}.upload-card{padding:20px 17px}.card-heading h2{font-size:16px;margin-bottom:22px}.pill{font-size:6px;padding:6px;letter-spacing:0}.dropzone{min-height:222px;padding:20px 12px}.dropzone h3{font-size:13px}.dropzone p{font-size:10px}.source-actions{gap:10px}.button{font-size:11px;min-height:46px;padding:11px 12px}.source-actions .button svg{width:16px}.upload-footer{flex-direction:column-reverse;align-items:stretch;gap:13px}.upload-footer>span{text-align:center;font-size:9px}.capture-hint p{font-size:9px}.processing{flex-wrap:wrap;padding:13px}.processing>div{flex:1;min-width:140px}.results{margin-top:30px;padding-top:28px}.results-heading{flex-direction:column;align-items:stretch;gap:10px}.results-heading h2{font-size:30px}.results-heading .button{align-self:flex-start}.metrics{margin:20px 0;gap:10px}.metric{padding:17px 15px}.metric>strong{font-size:30px}.metric>span{font-size:9px}.metric>small{font-size:8px}.table-heading{padding:18px 15px}.table-heading>span{font-size:8px}.table-heading h3{font-size:12px}.review-note{padding:16px;font-size:9px}.page-footer{padding-top:22px}.page-footer p{font-size:8px}.camera-heading h2{font-size:16px}.camera-actions{flex-direction:column-reverse}dialog{padding:20px}.icon-button{width:34px;height:34px;flex-shrink:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.spinner{animation-duration:2.5s}}