:root{--green: #16a34a;--green-light: #dcfce7;--green-dark: #14532d;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-400: #9ca3af;--gray-600: #4b5563;--gray-900: #111827;--page-bg: #f9fafb;--card-bg: #ffffff;--border: #e5e7eb;--text: #111827;--text-muted: #6b7280;--radius: 12px;--radius-sm: 8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--page-bg);color:var(--text);min-height:100dvh;max-width:480px;margin:0 auto}button{cursor:pointer;border:none;background:none;font-family:inherit}input{font-family:inherit}.scanner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:100;display:flex;align-items:flex-end}.scanner-container{width:100%;background:#111;border-radius:20px 20px 0 0;overflow:hidden}.scanner-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;color:#fff}.scanner-title{font-size:16px;font-weight:500}.scanner-close{color:#fff;font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:50%}.scanner-video-wrap{position:relative;width:100%;aspect-ratio:4/3}.scanner-video{width:100%;height:100%;object-fit:cover;display:block}.scanner-frame{position:absolute;top:20%;right:20%;bottom:20%;left:20%;border:2px solid #16a34a;border-radius:8px}.scanner-status{text-align:center;color:#9ca3af;font-size:13px;padding:16px}.shelf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:100;display:flex;align-items:flex-end}.shelf-container{width:100%;background:#111;border-radius:20px 20px 0 0;overflow:hidden;max-height:90dvh;overflow-y:auto}.shelf-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;color:#fff}.shelf-title{font-size:16px;font-weight:500}.shelf-close{color:#fff;font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:50%}.shelf-video-wrap{position:relative;width:100%;aspect-ratio:16/9}.shelf-video{width:100%;height:100%;object-fit:cover;display:block}.shelf-guide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.guide-box{width:80%;height:35%;border:2px solid #16a34a;border-radius:8px}.guide-text{color:#fff;font-size:13px;background:#00000080;padding:4px 12px;border-radius:20px}.shelf-error{color:#f87171;font-size:13px;text-align:center;padding:8px}.shelf-actions{display:flex;justify-content:center;padding:20px}.btn-capture{width:64px;height:64px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;border:3px solid #fff}.capture-circle{width:48px;height:48px;border-radius:50%;background:#fff;display:block}.processing-state{padding:2rem 1.5rem;text-align:center}.progress-bar{height:4px;background:#fff3;border-radius:2px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:#16a34a;transition:width .3s}.processing-text{color:#9ca3af;font-size:14px}.confirm-state{padding:1rem 1.25rem 1.5rem}.confirm-hint{color:#9ca3af;font-size:13px;margin-bottom:1rem}.field{margin-bottom:12px}.field-label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px}.field-input{width:100%;height:44px;padding:0 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:15px}.field-input:focus{outline:none;border-color:#16a34a}.field-input::placeholder{color:#6b7280}.raw-text{margin:12px 0;color:#6b7280;font-size:12px}.raw-text summary{cursor:pointer;color:#9ca3af}.raw-text pre{margin-top:8px;white-space:pre-wrap;font-size:11px;background:#0000004d;padding:8px;border-radius:6px;max-height:120px;overflow-y:auto}.confirm-btns{display:flex;gap:10px;margin-top:16px}.btn-retry{flex:1;height:44px;border-radius:8px;background:#ffffff1a;color:#fff;font-size:15px;border:1px solid rgba(255,255,255,.2)}.btn-confirm{flex:2;height:44px;border-radius:8px;background:#16a34a;color:#fff;font-size:15px;font-weight:500}.btn-confirm:disabled{opacity:.4}.list-item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;transition:opacity .2s}.list-item.checked{opacity:.5}.item-check{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.item-body{flex:1;min-width:0}.item-name{display:block;font-size:15px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item.checked .item-name{text-decoration:line-through;color:var(--text-muted)}.item-store{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.item-price{font-size:14px;font-weight:600;color:var(--green);flex-shrink:0}.item-remove{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.list-item:hover .item-remove{opacity:1}.list-page{min-height:100dvh;display:flex;flex-direction:column}.list-header{background:#fff;padding:1rem;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.logo{font-size:22px;font-weight:700;color:var(--green);letter-spacing:-.5px}.total-badge{background:var(--green);color:#fff;font-size:14px;font-weight:600;padding:4px 12px;border-radius:20px}.search-form{display:flex;gap:8px}.search-input{flex:1;height:44px;padding:0 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:15px;outline:none;background:var(--gray-50)}.search-input:focus{border-color:var(--green);background:#fff}.btn-search{width:44px;height:44px;background:var(--green);color:#fff;border-radius:var(--radius-sm);font-size:22px;font-weight:300;display:flex;align-items:center;justify-content:center}.btn-scan{width:44px;height:44px;background:var(--gray-100);color:var(--gray-600);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.search-results{margin-top:8px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.result-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;border-bottom:1px solid var(--border);font-size:14px;text-align:left;color:var(--text)}.result-row:last-child{border-bottom:none}.result-row:hover{background:var(--gray-50)}.result-name{flex:1}.result-price{color:var(--green);font-weight:600;margin-left:8px}.result-manual{color:var(--text-muted);font-size:13px}.list-main{flex:1;padding:12px;display:flex;flex-direction:column;gap:8px}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:15px;line-height:2}.checked-divider{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;font-size:13px;color:var(--text-muted);margin-top:8px}.btn-clear{font-size:13px;color:#ef4444;padding:2px 8px}.donate-footer{padding:1rem;text-align:center}.donate-btn{display:inline-block;font-size:13px;color:var(--text-muted);text-decoration:none;padding:8px 16px;border:1px solid var(--border);border-radius:20px}.donate-btn:hover{background:var(--gray-50)}