:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1d1d1f;background:#f3f4f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f3f4f6}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:12px;padding:12px 16px;font-weight:700;background:#e5e7eb}button:active{transform:translateY(1px)}.primary{background:#c00;color:#fff}.ghost{background:transparent;border:1px solid #d1d5db}.wide{width:100%}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:calc(14px + env(safe-area-inset-top)) 16px 14px;color:#fff;background:#c00;box-shadow:0 2px 12px #0002}.topbar h1{margin:0;font-size:22px}.topbar p{margin:2px 0 0;font-size:12px;opacity:.9}.topbar .ghost{color:#fff;border-color:#fff7}main{max-width:720px;margin:0 auto;padding:14px 14px calc(32px + env(safe-area-inset-bottom))}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:14px;padding:5px;margin-bottom:14px;box-shadow:0 2px 10px #0000000d}.mode-tabs button{background:transparent}.mode-tabs button.active{background:#1f2937;color:#fff}.camera-card,.locked-card,.empty-card,.list-section,.settings{background:#fff;border-radius:18px;padding:14px;box-shadow:0 3px 16px #0000000d;margin-bottom:14px}.video-wrap{position:relative;overflow:hidden;border-radius:14px;background:#111;aspect-ratio:4 / 3}video{width:100%;height:100%;object-fit:cover}.scan-frame{position:absolute;inset:22% 9%;border:3px solid #ffffffcc;border-radius:18px;box-shadow:0 0 0 1000px #0005}.scan-frame.locked{border-color:#38d46a}.camera-badge{position:absolute;left:12px;right:12px;bottom:12px;background:#000b;color:#fff;border-radius:10px;padding:9px 11px;font-size:13px;text-align:center}.camera-actions{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:8px;margin-top:10px}.file-button{display:flex;align-items:center;justify-content:center;border-radius:12px;padding:12px;font-weight:700;background:#e5e7eb}.file-button input{display:none}.manual-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}input{min-width:0;border:1px solid #d1d5db;border-radius:12px;padding:12px;font-size:16px}.lock-title{display:flex;justify-content:space-between;align-items:center}.lock-title span,.match-banner{color:#087830;font-size:12px;font-weight:900;letter-spacing:.08em}.locked-card h2{margin:8px 0 4px;font-size:21px}.locked-card p{margin:0 0 18px;color:#6b7280}.quantity-label{display:block;margin:14px 0 8px;font-weight:700}.stepper{display:grid;grid-template-columns:56px 1fr 56px;gap:8px;margin-bottom:12px}.stepper button{font-size:24px}.stepper input{text-align:center;font-size:22px;font-weight:800}.calculation{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.calculation div{background:#f3f4f6;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:3px}.calculation .bring{background:#dcfce7}.calculation span{color:#6b7280;font-size:12px}.calculation strong{font-size:24px}.warning{background:#fff7ed;color:#9a3412;border-radius:12px;padding:12px;font-weight:700}.empty-card{text-align:center;padding:28px 18px}.empty-card h2{font-size:18px;margin:0 0 8px}.empty-card p,.muted{color:#6b7280}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h2{font-size:18px;margin:0 0 10px}.section-heading span{color:#6b7280;font-size:13px}.list{display:grid;gap:8px}.list-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;border:1px solid #e5e7eb;border-radius:13px;padding:11px}.list-card strong{display:block;font-size:14px}.list-card small{display:block;color:#6b7280;margin-top:3px}.qty-summary{display:flex;gap:10px;font-size:12px}.qty-summary span{display:flex;flex-direction:column;color:#6b7280}.qty-summary b{font-size:18px;color:#111827}.icon-button{width:34px;height:34px;padding:0;border-radius:50%}.danger{color:#b91c1c}.settings summary{font-weight:800;cursor:pointer}.settings p{color:#6b7280;font-size:13px}.settings-actions{display:flex;gap:8px;margin-top:12px}.danger-outline{color:#b91c1c;background:#fff;border:1px solid #fecaca}dialog{width:min(92vw,460px);border:0;border-radius:18px;padding:20px;box-shadow:0 20px 70px #0005}dialog::backdrop{background:#0008}code{background:#f3f4f6;padding:2px 5px;border-radius:5px}@media(max-width:440px){.camera-actions{grid-template-columns:1fr 1fr}.camera-actions .file-button{grid-column:span 2}.list-card{grid-template-columns:1fr auto}.qty-summary{grid-column:1 / 2}.icon-button{grid-column:2;grid-row:1 / span 2}}.camera-actions-four{grid-template-columns:1.2fr 1.2fr .75fr .75fr}.toggle-row{display:flex;gap:10px;align-items:flex-start;border:1px solid #e5e7eb;border-radius:12px;padding:11px;margin-top:9px}.toggle-row input{width:20px;height:20px;margin-top:1px}.toggle-row span{display:grid;gap:3px}.toggle-row small{color:#6b7280;line-height:1.3}.match-list-card{background:#fff;border-radius:18px;padding:14px;box-shadow:0 3px 16px #0000000d;margin-bottom:14px}.candidate-list{display:grid;gap:8px}.candidate{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid #d1fae5;background:#f0fdf4}.candidate span{display:grid;gap:3px}.candidate small{color:#6b7280;font-weight:500}.candidate>b{font-size:18px;color:#087830}.reference-form{display:grid;gap:9px;margin-top:12px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.upload-box{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px dashed #9ca3af;border-radius:12px;background:#f9fafb;font-weight:700}.upload-box input{display:none}.model-note{padding:9px 11px;border-radius:10px;background:#f3f4f6;color:#4b5563;font-size:12px}.reference-catalog{display:grid;gap:7px;max-height:260px;overflow:auto;margin-top:12px}.reference-catalog article{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e5e7eb;padding-top:8px}.reference-catalog span{display:grid;gap:2px}.reference-catalog small{color:#6b7280}.reference-catalog em{flex:none;font-size:11px;font-style:normal;font-weight:800;color:#6b7280;background:#f3f4f6;border-radius:999px;padding:5px 8px}.reference-catalog em.ready{color:#087830;background:#dcfce7}.compact{padding:10px 12px}@media(max-width:560px){.camera-actions-four{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}}.camera-actions-five{grid-template-columns:1.15fr 1fr 1fr .7fr .75fr}.result-note{margin-top:0;color:#6b7280;font-size:13px}.web-candidate-list{display:grid;gap:10px}.web-candidate{border:1px solid #bfdbfe;background:#eff6ff;border-radius:14px;padding:12px}.web-candidate-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.web-candidate-heading span{display:grid;gap:3px}.web-candidate-heading small{color:#4b5563}.web-candidate-heading>b{color:#1d4ed8;font-size:18px}.web-candidate label{display:grid;gap:5px;margin-top:8px;font-size:12px;font-weight:800;color:#4b5563}.web-candidate input{background:#fff}.evidence{margin:9px 0 0;color:#4b5563;font-size:12px;line-height:1.35}.result-actions{display:flex;gap:8px;margin-top:10px}.button-link{display:inline-flex;justify-content:center;align-items:center;border-radius:12px;padding:12px 16px;font-weight:700;color:#1f2937;background:#dbeafe;text-decoration:none}@media(max-width:620px){.camera-actions-five{grid-template-columns:1fr 1fr}.camera-actions-five .file-button{grid-column:span 2}}