:root{--text:#5f6b70;--text-h:#111820;--bg:#f7f9f6;--surface:#fff;--input-bg:#fbfcfb;--muted:#eef3ef;--border:#d9e0dc;--border-strong:#aebcb4;--accent:#127060;--button-bg:#127060;--focus-ring:#1270602e;--success-bg:#e6f5ed;--success-text:#14643a;--error-bg:#fdebea;--error-text:#a83226;--shadow:0 22px 60px #1118201a;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);font:16px/1.5 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}button,input{font:inherit}h1{max-width:520px;color:var(--text-h);letter-spacing:0;margin:0 0 16px;font-size:64px;line-height:.95}@media (width<=760px){h1{font-size:40px}}p{margin:0}.app-shell{box-sizing:border-box;background:linear-gradient(130deg, #12706021, transparent 34%), linear-gradient(315deg, #ed704d29, transparent 40%), var(--bg);place-items:center;min-height:100svh;padding:48px 20px;display:grid}.receipt-panel{grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);align-items:start;gap:32px;width:min(100%,980px);display:grid}.intro{text-align:left;padding-top:28px}.eyebrow{border:1px solid var(--border-strong);width:fit-content;color:var(--accent);background:var(--surface);text-transform:uppercase;border-radius:999px;margin:0 0 14px;padding:6px 10px;font-size:13px;font-weight:700}.intro p:not(.eyebrow){max-width:440px;color:var(--text);font-size:18px}.receipt-form,.response-box{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.receipt-form{gap:18px;padding:24px;display:grid}.field{color:var(--text-h);text-align:left;gap:8px;font-size:14px;font-weight:700;display:grid}input[type=email]{box-sizing:border-box;border:1px solid var(--border);width:100%;min-height:48px;color:var(--text-h);background:var(--input-bg);border-radius:6px;outline:none;padding:0 14px;transition:border-color .18s,box-shadow .18s}input[type=email]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}input[aria-invalid=true]{border-color:var(--error-text)}.field-error{color:var(--error-text);font-weight:700}.camera-frame{aspect-ratio:4/3;border:1px solid var(--border);background:linear-gradient(45deg, #12706014, #ed704d14), var(--input-bg);border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.camera-frame video{object-fit:cover;background:#0f1720;width:100%;height:100%}.camera-frame img{object-fit:contain;background:#0f1720;width:100%;height:100%}.camera-frame video.flip-camera{transform:scaleX(-1)}.camera-actions{z-index:2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid;position:absolute;bottom:14px;left:14px;right:14px}.camera-actions button{box-shadow:0 12px 30px #0f172042}.compressed-photo-label{color:#fff;background:#0f1720d1;border-radius:6px;justify-content:space-between;gap:12px;padding:10px 12px;font-size:13px;font-weight:800;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.compressed-photo-label small{color:#ffffffc7;font-weight:700}.camera-empty{color:var(--text-h);text-align:center;gap:6px;padding:28px;display:grid}.camera-empty strong{font-size:18px}.camera-empty small,.response-box small{color:var(--text)}.capture-canvas{display:none}button{color:#fff;background:var(--button-bg);cursor:pointer;border:0;border-radius:6px;min-height:50px;font-weight:800;transition:opacity .18s,transform .18s,box-shadow .18s}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px #0f172029}button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{color:var(--text-h);background:var(--muted)}.status-message{border-radius:6px;margin:0;padding:12px;font-size:14px;font-weight:700}.status-message.success{color:var(--success-text);background:var(--success-bg)}.status-message.error{color:var(--error-text);background:var(--error-bg)}.status-message.camera{color:var(--text-h);background:var(--muted)}.response-box{text-align:left;grid-column:2;gap:4px;padding:16px;display:grid}.response-box span{color:var(--accent);text-transform:uppercase;font-size:13px;font-weight:800}.response-box strong{overflow-wrap:anywhere;min-width:0;color:var(--text-h)}.usage-box{background:var(--muted);border-radius:6px;gap:2px;margin-top:10px;padding:12px;display:grid}.usage-box span{color:var(--accent)}.usage-box strong{font-size:28px;line-height:1}.extracted-data{gap:8px;margin:12px 0 0;display:grid}.extracted-data div{border-top:1px solid var(--border);grid-template-columns:96px minmax(0,1fr);gap:12px;padding:8px 0;display:grid}.extracted-data dt,.extracted-data dd{margin:0}.extracted-data dt{color:var(--text);text-transform:uppercase;font-size:13px;font-weight:800}.extracted-data dd{overflow-wrap:anywhere;min-width:0;color:var(--text-h);font-weight:700}.products-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.products-list li{gap:2px;display:grid}.products-list small{color:var(--text);font-weight:700}@media (width<=760px){.app-shell{padding:28px 14px;display:block}.receipt-panel{grid-template-columns:1fr;gap:22px}.intro{padding-top:0}.receipt-form{padding:18px}.response-box{grid-column:auto}.camera-frame-active{z-index:50;aspect-ratio:auto;background:#0f1720;border:0;border-radius:0;width:100vw;height:100dvh;position:fixed;inset:0}.camera-frame-active video{object-fit:cover;width:100%;height:100%}.camera-actions{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));left:max(16px, env(safe-area-inset-left));grid-template-columns:1fr;gap:12px}.camera-actions button{min-height:54px}}