.scan-card{background:linear-gradient(145deg,#173a35,#244f47);color:white;overflow:hidden;position:relative}.scan-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:#ddeb9d;opacity:.12;right:-70px;top:-90px}.scan-card .eyebrow{color:#bfd4cd}.scan-card h2{font-family:Georgia,serif;font-size:27px;font-weight:500;margin:6px 0}.scan-card p{color:#c7d7d2;font-size:12px;line-height:1.5;margin:0}.scan-hero{display:grid;grid-template-columns:90px 1fr;gap:15px;align-items:center;position:relative;z-index:1}.barcode-visual{height:92px;border-radius:19px;background:#fff;display:flex;gap:3px;align-items:center;justify-content:center;padding:14px;transform:rotate(-3deg);box-shadow:0 9px 24px rgba(0,0,0,.18)}.barcode-visual i{height:54px;background:#173a35;display:block}.barcode-visual i:nth-child(3n+1){width:2px}.barcode-visual i:nth-child(3n+2){width:5px}.barcode-visual i:nth-child(3n){width:3px}.scan-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px;position:relative;z-index:1}.scan-actions .secondary{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:white}.barcode-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px;position:relative;z-index:1}.barcode-form input{min-width:0;border:1px solid rgba(255,255,255,.25);border-radius:13px;padding:11px;background:rgba(255,255,255,.12);color:white}.barcode-form input::placeholder{color:#b9cdc7}.scan-status{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.1);font-size:11px;line-height:1.4;position:relative;z-index:1}.scan-status.error{background:#5e302d}.scan-history{display:flex;gap:6px;overflow:auto;margin-top:10px;padding-bottom:2px;scrollbar-width:none}.scan-history button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);color:white;border-radius:999px;padding:7px 9px;font-size:10px;white-space:nowrap}
.product-card{padding:0;overflow:hidden}.product-top{background:linear-gradient(135deg,#f0eed0,#f7ddd1);padding:18px;display:grid;grid-template-columns:62px 1fr;gap:12px;align-items:center}.product-glyph{width:62px;height:62px;border-radius:18px;background:white;display:grid;place-items:center;font-size:31px;box-shadow:0 8px 20px rgba(25,52,47,.08)}.product-top h2{font-family:Georgia,serif;font-size:24px;font-weight:500;margin:4px 0}.product-top p{font-size:11px;color:var(--muted);margin:0}.product-body{padding:18px}.nutrition-basis{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);margin-bottom:10px}.source-badge{background:#edf2ee;border-radius:999px;padding:6px 8px;font-weight:800}.nutrition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.nutrition-stat{border:1px solid var(--line);border-radius:14px;padding:10px 8px;background:white}.nutrition-stat b,.nutrition-stat span{display:block}.nutrition-stat b{font-family:Georgia,serif;font-size:19px;font-weight:500}.nutrition-stat span{font-size:9px;color:var(--muted);margin-top:3px}.pairing-title{font-family:Georgia,serif;font-size:22px;font-weight:500;margin:20px 0 3px}.pairing-sub{font-size:11px;color:var(--muted);line-height:1.45;margin:0 0 10px}.pairing-grid{display:grid;gap:8px}.pairing-card{display:grid;grid-template-columns:42px 1fr;gap:10px;border:1px solid var(--line);border-radius:15px;padding:10px;background:#fff}.pairing-card i{font-style:normal;width:42px;height:42px;border-radius:13px;background:#edf3d3;display:grid;place-items:center;font-size:21px}.pairing-card b,.pairing-card span{display:block}.pairing-card b{font-size:12px}.pairing-card span{font-size:10px;color:var(--muted);line-height:1.4;margin-top:3px}.product-details{margin-top:12px}.product-details details{border-top:1px solid var(--line);padding:10px 0}.product-details summary{font-size:11px;font-weight:800;cursor:pointer}.product-details p{font-size:10px;color:var(--muted);line-height:1.5;margin:7px 0 0}.database-note{font-size:9px!important;line-height:1.45!important;color:var(--muted)!important;margin:13px 0 0!important}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.scan-modal-video{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:20px;background:#0e211e}.scan-frame{position:relative}.scan-frame:after{content:"";position:absolute;inset:25% 10%;border:3px solid var(--lime);border-radius:18px;box-shadow:0 0 0 999px rgba(7,20,17,.25);pointer-events:none}.camera-note{font-size:11px;color:var(--muted);line-height:1.45;margin:9px 0}.manual-focus{outline:3px solid rgba(221,235,157,.45)!important}.scan-source-link{color:#426c61}.fresh-food-note{display:grid;grid-template-columns:40px 1fr;gap:9px;align-items:center;background:#edf3f6;border-radius:14px;padding:10px;margin-top:12px}.fresh-food-note i{font-style:normal;font-size:24px}.fresh-food-note b,.fresh-food-note span{display:block}.fresh-food-note b{font-size:11px}.fresh-food-note span{font-size:9px;color:var(--muted);margin-top:2px}
@media(max-width:370px){.scan-hero{grid-template-columns:72px 1fr}.barcode-visual{height:76px;padding:10px}.barcode-visual i{height:44px}.nutrition-grid{grid-template-columns:repeat(2,1fr)}}