:root{color:#1f2a2b;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f8f5ee;--paper-deep:#eee9df;--ink:#1f2a2b;--muted:#687170;--rule:#cbc5b9;--teal:#1e605c;--teal-dark:#164844;--red:#a32d2d;--red-dark:#7e2020;--amber:#bd7b17;background:#e9e5dc;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#e9e5dc;min-width:320px}body{background:#e9e5dc;min-width:320px;min-height:100vh;margin:0}button,textarea,select,input{font:inherit}button,summary,select,input[type=range],input[type=checkbox]{touch-action:manipulation}button:focus-visible{outline-offset:3px;outline:3px solid #e3ad4b}textarea:focus-visible{outline-offset:3px;outline:3px solid #e3ad4b}select:focus-visible{outline-offset:3px;outline:3px solid #e3ad4b}input:focus-visible{outline-offset:3px;outline:3px solid #e3ad4b}summary:focus-visible{outline-offset:3px;outline:3px solid #e3ad4b}.app-shell{width:min(100%,760px);min-height:100vh;padding:max(18px, env(safe-area-inset-top)) 16px max(28px, env(safe-area-inset-bottom));margin:0 auto}.site-header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-start;gap:20px;padding:8px 0 15px;display:flex}.site-header h1,.intro h2,.section-heading h2{font-family:Georgia,Times New Roman,serif}.site-header h1{letter-spacing:-.035em;margin:1px 0 0;font-size:clamp(2rem,8vw,3rem);line-height:.95}.kicker,.step-label,.status-topline,.field-label,.ocr-meta,footer{text-transform:uppercase;letter-spacing:.08em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.kicker,.step-label{color:var(--teal);margin:0;font-size:.69rem;font-weight:500}.privacy-mark{color:var(--teal-dark);border:1px solid var(--rule);white-space:nowrap;background:#f8f5eea6;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:.74rem;font-weight:700;display:flex}.privacy-mark span{font-size:.56rem}main{gap:16px;display:grid}.intro{padding:29px 4px 10px}.intro h2{letter-spacing:-.045em;max-width:620px;margin:0 0 9px;font-size:clamp(2.35rem,11vw,4.7rem);font-weight:600;line-height:.92}.intro p{color:#52605f;max-width:610px;margin:0;font-size:.98rem;line-height:1.6}.panel{border:1px solid var(--rule);background:var(--paper);box-shadow:0 2px #1f2a2b0f}.keyword-panel,.transcript-panel{padding:18px}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:15px;display:flex}.section-heading h2{margin:3px 0 0;font-size:1.55rem;line-height:1}.count-badge,.live-badge{border:1px solid var(--rule);color:var(--muted);white-space:nowrap;background:#fffdf8;border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:700}.field-label{color:var(--muted);margin:0 0 8px;font-size:.66rem;display:block}textarea,select{width:100%;color:var(--ink);background:#fffefb;border:1px solid #a9a398;border-radius:2px}textarea{resize:vertical;min-height:134px;padding:13px 14px;line-height:1.55}textarea::placeholder{color:#9a9a91}.keyword-list{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.keyword-chip{max-width:100%;color:var(--teal-dark);text-overflow:ellipsis;white-space:nowrap;background:#edf4f1;border:1px solid #9fb5b2;border-radius:999px;padding:6px 9px;font-size:.77rem;font-weight:600;overflow:hidden}.field-hint{color:var(--muted);margin:9px 0 0;font-size:.8rem}.scanner-section{padding-top:11px}.scanner-heading{align-items:flex-end;margin:0 4px 10px}.live-badge{color:var(--teal-dark);text-transform:uppercase;letter-spacing:.06em;background:#e8f2ef;border-color:#8eaaa6;align-items:center;gap:7px;display:inline-flex}.live-badge i{background:#2b8178;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #2b817829}.camera-frame{aspect-ratio:4/3;background:#182120;border:1px solid #12191a;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #29302f}.camera-frame video,.camera-frame img{object-fit:contain;width:100%;height:100%;display:block}.camera-frame .is-hidden{display:none}.camera-placeholder{color:#eef0e9;text-align:center;place-content:center;gap:8px;padding:28px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.camera-placeholder strong{font-family:Georgia,Times New Roman,serif;font-size:1.5rem}.camera-placeholder span:last-child{color:#aeb7b4;max-width:280px;font-size:.8rem;line-height:1.5}.frame-corners,.document-guide{pointer-events:none;border:1px solid #ebebdf70;position:absolute;top:9%;bottom:9%;left:9%;right:9%}.frame-corners{top:11%;bottom:11%;left:11%;right:11%}.document-guide:before,.document-guide:after{content:"";border-color:#f1d99b;width:32px;height:32px;position:absolute}.document-guide:before{border-top:3px solid #f1d99b;border-left:3px solid #f1d99b;top:-1px;left:-1px}.document-guide:after{border-bottom:3px solid #f1d99b;border-right:3px solid #f1d99b;bottom:-1px;right:-1px}.action-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:9px;display:grid}.button{cursor:pointer;border:1px solid #0000;border-radius:2px;min-height:54px;padding:12px 14px;font-weight:700}.button:disabled{cursor:not-allowed;opacity:.5}.button-primary{color:#f9f7ef;background:var(--teal-dark);border-color:var(--teal-dark)}.button-primary:hover:not(:disabled){background:#0e3835}.button-secondary{color:var(--ink);background:0 0;border-color:#77817f}.button-capture{color:#2b251d;background:#efd8a7;border-color:#bf8a35}.status-card{color:var(--ink);background:#f2f2ed;border:1px solid #a9aaa3;padding:17px 18px;transition:background-color .12s,border-color .12s;overflow:hidden}.status-topline{align-items:center;gap:8px;font-size:.69rem;font-weight:500;display:flex}.status-dot{background:#8a9392;border-radius:50%;width:8px;height:8px}.status-message{margin:7px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.45rem,6vw,2.1rem);line-height:1.05}.status-active{background:#e7f0ed;border-color:#8eaaa6}.status-active .status-dot{background:var(--teal)}.status-reading{background:#f7ecd2;border-color:#c39b55}.status-reading .status-dot{background:var(--amber)}.status-match{border:3px solid var(--red-dark);color:#fff9ee;background:var(--red);padding:15px 16px;box-shadow:0 5px #500d0d29}.status-match .status-topline{font-size:.76rem}.status-match .status-dot{background:#fff3c9;box-shadow:0 0 0 4px #fff3c92e}.status-error{background:#f8e6e1;border-color:#bf7770}.status-error .status-dot{background:#9f342e}.progress-wrap{margin-top:16px}.progress-label{justify-content:space-between;margin-bottom:6px;font-size:.72rem;display:flex}progress{width:100%;height:6px;accent-color:var(--teal);display:block}.match-detail{border-top:1px solid #ffffff59;margin-top:16px;padding-top:13px}.match-detail p{margin:0 0 8px;font-size:.82rem}.match-result+.match-result{border-top:1px solid #ffffff3d;margin-top:14px;padding-top:14px}.match-detail blockquote{color:#fff6e6;border-left:3px solid #f3d88e;margin:0;padding-left:11px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.74rem;line-height:1.5}.text-button{min-height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:2px;margin-top:11px;padding:8px 12px;font-weight:700}.ocr-meta{color:#697170;margin:12px 0 0;font-size:.61rem}.transcript-panel pre{border:1px solid var(--rule);color:#343d3d;white-space:pre-wrap;background:#fffefa;max-height:320px;margin:0;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.76rem;line-height:1.6;overflow:auto}.settings-panel{overflow:hidden}.settings-panel summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:64px;padding:15px 18px;list-style:none;display:flex}.settings-panel summary::-webkit-details-marker{display:none}.settings-panel summary strong{margin-top:3px;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;display:block}.settings-panel[open] summary>span:last-child{transform:rotate(45deg)}.settings-body{border-top:1px solid var(--rule);gap:11px;padding:18px;display:grid}.setting-row,.check-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.setting-stack{gap:3px;margin-top:8px;display:grid}.setting-row span,.setting-stack,.check-row span{gap:3px;display:grid}.setting-row strong,.setting-stack strong,.check-row strong{font-size:.87rem}.setting-row small,.setting-stack small,.check-row small{color:var(--muted);font-size:.73rem;line-height:1.45}.setting-row output{color:var(--teal-dark);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-weight:500}input[type=range]{width:100%;height:34px;accent-color:var(--teal)}select{min-height:48px;padding:10px 12px}.check-row{border-top:1px solid var(--rule);justify-content:flex-start;margin-top:9px;padding-top:15px}.check-row input{width:22px;height:22px;accent-color:var(--teal);margin:1px 0 0}.capability-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.capability-list span{border-radius:999px;padding:6px 9px;font-size:.69rem;font-weight:600}.capability-list .supported{color:#23564e;background:#e2eee9}.capability-list .unsupported{color:#755b3e;background:#f0e4d4}.privacy-note{color:#55605f;align-items:flex-start;gap:12px;margin:7px 2px 14px;padding:4px;display:flex}.privacy-note>span{width:27px;height:27px;color:var(--teal);border:1px solid #8ba19e;border-radius:50%;flex:none;place-items:center;display:grid}.privacy-note p{margin:0;font-size:.76rem;line-height:1.55}footer{border-top:1px solid var(--rule);color:#777e7d;justify-content:space-between;gap:16px;padding:16px 2px 0;font-size:.57rem;display:flex}@media (min-width:640px){.app-shell{padding-inline-start:28px;padding-inline-end:28px}.keyword-panel,.transcript-panel,.settings-panel summary,.settings-body{padding-inline-start:24px;padding-inline-end:24px}.intro{padding-top:42px}}@media (max-width:430px){.action-grid{grid-template-columns:1fr}.site-header{align-items:center}.privacy-mark{padding:6px 8px;font-size:.68rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}