*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overscroll-behavior:none;-webkit-overflow-scrolling:touch}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f9f8f4;color:#1a1c19;display:flex;flex-direction:column;overflow-x:hidden;padding-top:env(safe-area-inset-top);padding-bottom:0}.hidden{display:none!important}:root{--sage: #4A5D4E;--sage-light: #6B7F70;--sage-dark: #3A4A3D;--clay: #D48C70;--clay-dark: #B8755A;--oatmeal: #F9F8F4;--charcoal: #1A1C19;--base-100: #F5F4F0;--base-200: #E8E6E1;--base-300: #D4D1CA;--base-400: #A09D96;--base-500: #706D66;--radius: 1rem;--tab-height: 64px}.app-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:430px;margin:0 auto;width:100%;position:relative;overflow:hidden}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;padding-top:calc(.75rem + env(safe-area-inset-top));background:var(--oatmeal);z-index:10;flex-shrink:0}.top-bar-brand{display:inline-flex;align-items:baseline;text-decoration:none}.brand-serif{font-family:"Instrument Serif",serif;font-size:1.15rem;color:var(--charcoal);line-height:1}.brand-mono{font-family:JetBrains Mono,monospace;font-size:.4rem;font-weight:500;letter-spacing:.25em;color:var(--base-400);margin-left:.125rem}.brand-dot{color:var(--sage)}.top-bar-status{display:flex;align-items:center;gap:.375rem;font-size:.7rem;font-weight:500;color:var(--sage)}.status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 1rem;padding-bottom:calc(var(--tab-height) + 2rem + env(safe-area-inset-bottom))}.dashboard{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}.greeting{padding:0 .25rem}.greeting h1{font-family:"Instrument Serif",serif;font-size:2rem;font-weight:400;line-height:1.1;color:var(--charcoal);margin-bottom:.25rem}.greeting p{font-size:.875rem;color:var(--base-500)}.hero-scan{display:flex;flex-direction:column;align-items:center;padding:2rem 0 1.5rem}.hero-scan-label{font-family:"Instrument Serif",serif;font-size:.9375rem;font-style:italic;color:var(--base-500);margin-bottom:1.25rem}.scan-orb{width:96px;height:96px;border-radius:50%;background:var(--sage);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:0 6px 24px #4a5d4e59,0 0 0 6px #4a5d4e14;transition:transform .2s ease,box-shadow .2s ease;position:relative}.scan-orb:before{content:"";position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,rgba(74,93,78,.12) 0%,transparent 70%);z-index:-1}.scan-orb:active{transform:scale(.95);box-shadow:0 4px 16px #4a5d4e4d,0 0 0 4px #4a5d4e0f}.scan-orb svg{width:36px;height:36px;color:#fff;stroke-width:1.6}.utility-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding:.5rem 0}.trio-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.875rem .5rem;border-radius:var(--radius);background:#fff;border:1px solid var(--base-200);box-shadow:0 1px 4px #1a1c190f;cursor:pointer;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.trio-btn:active{transform:scale(.96);box-shadow:0 1px 2px #1a1c190a}.trio-btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.trio-btn-icon svg{width:22px;height:22px;color:var(--sage);stroke-width:1.5}.trio-btn-label{font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--charcoal)}.recent-card{background:#fff;border-radius:var(--radius);padding:1.25rem;box-shadow:0 2px 10px -4px #1a1c191a;border:1px solid var(--base-200)}.recent-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.recent-card-header h3{font-size:.875rem;font-weight:600;color:var(--charcoal)}.recent-card-header a{font-size:.75rem;color:var(--sage);text-decoration:none;font-weight:500}.empty-state{text-align:center;padding:1.5rem 0}.empty-state-icon{font-size:2rem;margin-bottom:.5rem}.empty-state p{font-size:.8125rem;color:var(--base-400);line-height:1.5}.install-banner{background:linear-gradient(135deg,var(--sage) 0%,var(--sage-light) 100%);color:#fff;padding:.875rem 1rem;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.install-banner-text{flex:1}.install-banner-text strong{display:block;font-size:.8125rem;margin-bottom:.125rem}.install-banner-text span{font-size:.75rem;opacity:.85}.install-btn{background:#fff;color:var(--sage);border:none;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.8125rem;cursor:pointer;white-space:nowrap;transition:transform .15s ease}.install-btn:active{transform:scale(.95)}.viewfinder-screen{position:fixed;inset:0;z-index:100;background:#000;display:flex;flex-direction:column;transition:opacity .3s ease,transform .3s ease}.viewfinder-screen.entering{opacity:0;transform:scale(1.1)}.viewfinder-screen.visible{opacity:1;transform:scale(1)}.viewfinder-screen.exiting{opacity:0;transform:scale(.95)}.viewfinder-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;padding-top:calc(.75rem + env(safe-area-inset-top));background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:2}.viewfinder-header h2{font-size:.9375rem;font-weight:600;color:#fff}.vf-close{width:36px;height:36px;border-radius:50%;background:#ffffff26;border:none;color:#fff;font-size:1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.vf-close:active{background:#ffffff4d}.viewfinder-body{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.viewfinder-body img{max-width:100%;max-height:100%;object-fit:contain}.stencil-overlay{position:absolute;inset:0;pointer-events:none;z-index:1}.stencil-box{position:absolute;inset:15% 8% 30%;border:1.5px solid rgba(107,127,112,.5);border-radius:12px}.stencil-corner{position:absolute;width:20px;height:20px;border-color:var(--sage);border-style:solid;border-width:0}.stencil-corner.tl{top:-1px;left:-1px;border-top-width:3px;border-left-width:3px;border-radius:12px 0 0}.stencil-corner.tr{top:-1px;right:-1px;border-top-width:3px;border-right-width:3px;border-radius:0 12px 0 0}.stencil-corner.bl{bottom:-1px;left:-1px;border-bottom-width:3px;border-left-width:3px;border-radius:0 0 0 12px}.stencil-corner.br{bottom:-1px;right:-1px;border-bottom-width:3px;border-right-width:3px;border-radius:0 0 12px}.stencil-label{position:absolute;top:calc(15% - 28px);left:50%;transform:translate(-50%);font-size:.6875rem;font-weight:500;color:#ffffffb3;letter-spacing:.05em;white-space:nowrap}.ocr-dots{position:absolute;top:20%;left:12%;right:12%;display:flex;flex-direction:column;gap:12px;z-index:1}.ocr-line{display:flex;gap:4px}.ocr-dot{width:3px;height:3px;border-radius:50%;background:var(--sage);opacity:0;animation:ocrPulse 1.8s ease-in-out infinite}@keyframes ocrPulse{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1)}}.scan-line{position:absolute;top:15%;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,var(--sage),transparent);box-shadow:0 0 12px #4a5d4e80;z-index:1;animation:scanMove 2.4s ease-in-out infinite}@keyframes scanMove{0%,to{top:15%}50%{top:65%}}.placeholder-camera{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#ffffff80}.placeholder-camera svg{width:64px;height:64px;opacity:.3}.placeholder-camera p{font-size:.875rem}.viewfinder-actions{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1.25rem 1rem;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom));background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:2}.vf-action-btn{width:48px;height:48px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,background .15s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.vf-action-btn:active{transform:scale(.9);background:#ffffff59}.capture-btn{width:72px;height:72px;border-radius:50%;background:#fff;border:4px solid rgba(255,255,255,.3);cursor:pointer;position:relative;transition:transform .15s}.capture-btn:active{transform:scale(.9)}.capture-btn:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#fff;transition:background .15s}.capture-btn:active:after{background:var(--base-200)}.scan-status-bar{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:1.25rem 1rem;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom));background:#000000b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:2}.scan-ticker{font-size:.8125rem;font-weight:500;color:#ffffffe6;letter-spacing:.01em;transition:opacity .3s ease;text-align:center;min-height:1.25em}.scan-counter{font-size:.6875rem;font-weight:600;color:var(--sage-light);letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:opacity .4s ease}.scan-counter.visible{opacity:1}.scan-progress-dots{display:flex;gap:6px}.scan-progress-dots span{width:6px;height:6px;border-radius:50%;background:#ffffff4d;transition:background .3s}.scan-progress-dots span.active{background:var(--sage-light)}.bottom-sheet-overlay{position:fixed;inset:0;background:#0006;z-index:200;opacity:0;transition:opacity .3s ease;pointer-events:none}.bottom-sheet-overlay.visible{opacity:1;pointer-events:auto}.bottom-sheet{position:fixed;left:0;right:0;bottom:0;z-index:201;background:var(--oatmeal);border-radius:1.5rem 1.5rem 0 0;max-height:88vh;transform:translateY(100%);transition:transform .4s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;box-shadow:0 -8px 40px #00000026}.bottom-sheet.visible{transform:translateY(0)}.sheet-handle-area{padding:.75rem 0 .5rem;display:flex;justify-content:center;cursor:grab;flex-shrink:0}.sheet-handle{width:36px;height:4px;border-radius:2px;background:var(--base-300)}.sheet-content{flex:1;overflow-y:auto;padding:0 1.25rem 2rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom))}.verdict-header{position:sticky;top:0;z-index:2;background:var(--sage-dark);padding:.75rem 1.25rem 1rem;border-radius:1rem}.verdict-top-row{display:flex;align-items:center;justify-content:space-between;padding:.125rem 0}.verdict-share-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff14;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,background .15s}.verdict-share-btn:active{transform:scale(.92);background:#ffffff26}.verdict-share-btn svg{width:14px;height:14px;color:#fff;stroke-width:1.5}.score-display{display:flex;flex-direction:column;align-items:center;padding:.625rem 0 .375rem}.score-risk-label{font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.125rem}.score-risk-label.tier-safe{color:#7cdb8a}.score-risk-label.tier-caution{color:#f5c842}.score-risk-label.tier-elevated{color:#ef6b5a}.score-number{font-family:"Instrument Serif",serif;font-size:3.25rem;font-weight:400;color:#fff;line-height:1;letter-spacing:-.02em}.score-denominator{font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;color:#fff6;margin-top:.125rem}.score-persona-note{font-size:.75rem;font-weight:500;color:#ffffffb3;text-align:center;margin-top:.375rem;line-height:1.4;max-width:280px}.score-ingredient-note{font-size:.6875rem;font-weight:500;color:#ffffff80;text-align:center;margin-top:.25rem}.score-tooltip-trigger{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:500;color:#ffffff80;background:none;border:none;cursor:pointer;font-family:inherit;padding:.25rem 0;margin-top:.375rem;text-decoration:underline;text-decoration-color:#ffffff40;text-underline-offset:2px}.score-tooltip-trigger:active{opacity:.7}.score-tooltip-panel{display:none;margin-top:.5rem;padding:.625rem .75rem;border-radius:.5rem;background:#ffffff14;font-size:.75rem;color:#ffffffb3;line-height:1.5}.score-tooltip-panel.visible{display:block}.score-tooltip-row{display:flex;justify-content:space-between;padding:.125rem 0}.score-tooltip-row span:last-child{font-weight:600;color:#ffffffe6}.persona-focus-pill{display:none;align-items:center;justify-content:center;padding:.25rem .75rem;border-radius:1rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);font-size:.6875rem;font-weight:600;color:#ffffffd9;letter-spacing:.02em;width:fit-content;margin:0 auto .25rem}.persona-focus-pill.visible{display:inline-flex}.ing-trigger-tag{display:inline-flex;align-items:center;font-size:.625rem;font-weight:600;color:#7b6ba5;background:#7b6ba514;padding:.125rem .375rem;border-radius:.75rem;margin-left:.375rem;white-space:nowrap;vertical-align:middle}.community-note{margin-top:.625rem;padding:.625rem .75rem;border-radius:.5rem;background:#4a5d4e0f;border:1px solid rgba(74,93,78,.1)}.community-note-header{display:flex;align-items:center;gap:.375rem;margin-bottom:.375rem}.community-note-avatar{width:22px;height:22px;border-radius:50%;background:var(--sage);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;flex-shrink:0}.community-note-label{font-size:.6875rem;font-weight:600;color:var(--sage-dark)}.community-note-badge{font-size:.625rem;font-weight:600;color:var(--sage);margin-left:auto}.community-note-text{font-size:.8125rem;color:var(--base-500);line-height:1.55}.persona-cta-pill{display:none;align-items:center;justify-content:center;gap:.25rem;padding:.3rem .75rem;border-radius:1rem;background:#ffffff26;border:1px solid rgba(255,255,255,.25);font-size:.6875rem;font-weight:600;color:#fff;cursor:pointer;width:fit-content;margin:0 auto .25rem;transition:background .15s;font-family:inherit}.persona-cta-pill:active{background:#ffffff40}.persona-cta-pill.visible{display:inline-flex}.ing-section-label{font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:1rem 0 .5rem;color:var(--charcoal)}.ing-card{background:#fff;border-radius:.75rem;padding:.875rem 1rem;margin-bottom:.5rem;border-left:3px solid;box-shadow:0 1px 3px #0000000a;cursor:pointer;transition:transform .15s,box-shadow .15s}.ing-card:active{transform:scale(.98);box-shadow:0 1px 2px #00000008}.ing-card.flagged{border-color:#d4a04a;background:#fff}.ing-card.flagged.high-risk{border-color:#c0645a}.ing-card.safe{border-color:var(--sage);background:#fff}.ing-card-header{display:flex;justify-content:space-between;align-items:center}.ing-name{font-size:.875rem;font-weight:600;color:var(--charcoal);line-height:1.3;flex:1}.ing-score{font-size:.6875rem;font-weight:700;padding:.1875rem .5rem;border-radius:1rem;min-width:42px;text-align:center}.ing-score.score-high{background:#d4a04a1f;color:#8b6e24}.ing-score.score-high.elevated{background:#c0645a1f;color:#8b3a30}.ing-score.score-low{background:#4a5d4e14;color:var(--sage)}.ing-risk{font-size:.8125rem;color:var(--base-500);margin-top:.5rem;line-height:1.5}.ing-chevron{transition:transform .25s;font-size:.75rem;color:var(--base-400);margin-left:.5rem}.ing-card.expanded .ing-chevron{transform:rotate(180deg)}.ing-detail{display:none;margin-top:.5rem;padding:.625rem .75rem;border-radius:.5rem;background:var(--base-100)}.ing-card.expanded .ing-detail{display:block;animation:slideNote .25s ease-out}@keyframes slideNote{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ing-detail-text{font-size:.8125rem;color:var(--base-500);line-height:1.55}.ing-detail-persona{font-size:.75rem;font-weight:500;color:#5a4e80;margin-top:.375rem}.ing-detail-source{display:inline-flex;align-items:center;gap:.25rem;margin-top:.375rem;font-size:.6875rem;font-weight:500;color:var(--sage);text-decoration:none}.ing-detail-source:hover{text-decoration:underline}.swap-section{margin-top:1rem;margin-bottom:1rem;padding:0}.swap-section-label{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--base-400);margin-bottom:.625rem;text-align:right}.hazard-icon{width:14px;height:14px;flex-shrink:0;vertical-align:-.125em;margin-right:.25rem}.results-primary-cta{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;border-radius:.75rem;background:var(--sage-dark);color:#fff;font-weight:600;font-size:.9375rem;border:none;cursor:pointer;transition:background .15s,transform .15s;font-family:Inter,sans-serif;margin-top:1rem}.results-primary-cta:active{transform:scale(.98);background:#2e3b31}.results-secondary-link{display:block;text-align:center;margin-top:.625rem;font-size:.8125rem;font-weight:500;color:var(--base-400);text-decoration:none;cursor:pointer;border:none;background:none;font-family:inherit}.results-secondary-link:active{opacity:.7}.safe-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem .875rem;border-radius:.75rem;background:#fff;border:1px solid var(--base-200);cursor:pointer;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500;color:var(--sage);transition:background .15s,border-color .15s;margin-bottom:.5rem}.safe-toggle:active{background:var(--base-100)}.safe-toggle-chevron{transition:transform .25s;font-size:.75rem;color:var(--base-400)}.safe-toggle.expanded .safe-toggle-chevron{transform:rotate(180deg)}.safe-ingredients-collapsible{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.32,.72,0,1)}.safe-ingredients-collapsible.expanded{max-height:2000px}.profile-tag{display:inline-flex;align-items:center;gap:.25rem;font-size:.5625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.1875rem .5rem;border-radius:1rem;background:#7b6fa61a;color:#5a4e80;margin-left:.375rem;white-space:nowrap}.profile-tag.endocrine{background:#7b6fa61a;color:#5a4e80}.profile-tag.skin{background:#d48c701a;color:var(--clay-dark)}.profile-tag.immune{background:#5a8a7a1a;color:#3d6657}.profile-tag.family{background:#6b7f701a;color:var(--sage-dark)}.swap-grid{display:flex;flex-direction:column;gap:.5rem}.swap-card{background:#fff;border-radius:.75rem;padding:1rem;border:1px solid var(--base-200)}.swap-card-brand{font-size:.5625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sage);margin-bottom:.25rem}.swap-card-name{font-size:.9375rem;font-weight:700;color:var(--charcoal);margin-bottom:.5rem;line-height:1.3}.swap-card-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.625rem}.swap-card-tag{font-size:.6875rem;font-weight:500;color:var(--base-500);background:var(--base-100);border-radius:.375rem;padding:.1875rem .5rem}.swap-card-cta{display:inline-flex;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:600;color:#fff;background:var(--sage-dark);border:none;border-radius:.5rem;padding:.5rem .875rem;cursor:pointer;font-family:Inter,sans-serif;transition:background .15s,transform .15s}.swap-card-cta:active{transform:scale(.97);background:#2e3b31}.scanned-label-toggle{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;padding:.625rem;border:1.5px solid var(--base-200);border-radius:.75rem;background:#fff;font-size:.75rem;font-weight:600;color:var(--base-500);cursor:pointer;font-family:inherit;margin-top:.75rem;transition:background .15s,border-color .15s}.scanned-label-toggle:active{background:var(--base-100);border-color:var(--base-300)}.scanned-label-toggle svg{width:14px;height:14px;stroke-width:1.5}.scanned-label-preview{display:none;margin-top:.5rem;border-radius:.75rem;overflow:hidden;border:1px solid var(--base-200)}.scanned-label-preview.visible{display:block}.scanned-label-preview img{width:100%;display:block;border-radius:.75rem}.shelf-audit-header{display:flex;align-items:center;gap:.5rem;padding:.25rem 0 1rem}.shelf-audit-dot{width:10px;height:10px;border-radius:50%;background:var(--sage)}.shelf-audit-title{font-family:"Instrument Serif",serif;font-size:1.25rem;color:var(--charcoal)}.shelf-product-card{background:#4a5d4e0a;border:1px solid rgba(74,93,78,.12);border-radius:.875rem;padding:1rem 1.125rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:transform .15s,background .15s}.shelf-product-card:active{transform:scale(.98)}.shelf-product-card.risk-swap{border-color:#b8423333;background:#b8423308}.shelf-product-card.risk-caution{border-color:#c8a84e40;background:#c8a84e0a}.shelf-product-info{flex:1;min-width:0}.shelf-product-name{font-size:.9375rem;font-weight:700;color:var(--charcoal);line-height:1.3}.shelf-product-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;margin-top:.25rem}.shelf-product-badge.safe{color:var(--sage)}.shelf-product-badge.caution{color:#c8a84e}.shelf-product-badge.swap{color:#b84233}.shelf-product-score{font-family:"Instrument Serif",serif;font-size:1.75rem;font-weight:400;flex-shrink:0;margin-left:.75rem}.shelf-product-score.safe{color:var(--sage)}.shelf-product-score.caution{color:#c8a84e}.shelf-product-score.swap{color:#b84233}.shelf-product-detail{display:none;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--base-200)}.shelf-product-card.expanded .shelf-product-detail{display:block;animation:slideNote .25s ease-out}.shelf-summary-bar{background:#4a5d4e0f;border:1px solid rgba(74,93,78,.1);border-radius:.75rem;padding:.75rem 1rem;text-align:center;font-size:.8125rem;color:var(--base-500);margin-top:.5rem;margin-bottom:1rem}.loading-overlay{position:fixed;inset:0;z-index:150;background:#f9f8f4eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.loading-ring{width:56px;height:56px;border:3px solid var(--base-200);border-top-color:var(--sage);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:.9375rem;font-weight:500;color:var(--charcoal)}.loading-sub{font-size:.75rem;color:var(--base-400);margin-top:.25rem}.viewfinder-body.scanning img{filter:brightness(.7);transition:filter .4s ease}.tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:.5px solid rgba(0,0,0,.08);display:flex;justify-content:space-around;align-items:flex-end;padding:.375rem 0;padding-bottom:calc(.375rem + env(safe-area-inset-bottom));max-width:430px;margin:0 auto}.tab-item{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.375rem .75rem;border:none;background:none;cursor:pointer;color:var(--base-400);transition:color .2s;-webkit-tap-highlight-color:transparent;position:relative}.tab-item.active{color:var(--sage)}.tab-item svg{width:22px;height:22px;stroke-width:1.5}.tab-label{font-size:.625rem;font-weight:500;letter-spacing:.02em}.tab-fab{display:flex;flex-direction:column;align-items:center;gap:.25rem;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;top:-14px}.fab-circle{width:56px;height:56px;border-radius:50%;background:var(--sage);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #4a5d4e59;transition:transform .2s,box-shadow .2s}.fab-circle:active{transform:scale(.92)}.fab-circle svg{width:26px;height:26px;color:#fff;stroke-width:1.8}.fab-label{font-size:.625rem;font-weight:600;color:var(--sage);letter-spacing:.06em;text-transform:uppercase}.offline-toast{position:fixed;top:env(safe-area-inset-top,0);left:1rem;right:1rem;z-index:300;background:var(--oatmeal);border:1px solid var(--base-200);border-radius:.75rem;padding:.875rem 1rem;box-shadow:0 8px 32px #0000001f;display:flex;align-items:center;gap:.75rem;transform:translateY(-120%);transition:transform .4s cubic-bezier(.32,.72,0,1)}.offline-toast.visible{transform:translateY(.5rem)}.offline-toast-dot{width:8px;height:8px;border-radius:50%;background:var(--clay);flex-shrink:0;animation:pulse-dot 1.5s ease-in-out infinite}.offline-toast-text strong{display:block;font-size:.8125rem;color:var(--charcoal)}.offline-toast-text span{font-size:.75rem;color:var(--base-400)}.error-toast{position:fixed;bottom:calc(var(--tab-height) + 1.5rem + env(safe-area-inset-bottom));left:1rem;right:1rem;z-index:300;background:#fee2e2;border:1px solid #FECACA;border-radius:.75rem;padding:.875rem 1rem;box-shadow:0 8px 32px #0000001f;text-align:center;font-size:.8125rem;font-weight:500;color:#991b1b;transform:translateY(200%);opacity:0;pointer-events:none;transition:transform .4s cubic-bezier(.32,.72,0,1),opacity .3s ease}.error-toast.visible{transform:translateY(0);opacity:1;pointer-events:auto}body:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}