:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--bg: #030817;--panel: #0e1729;--panel-strong: #111d33;--panel-soft: #17233a;--border: #243450;--muted: #8190aa;--text: #f7f9fd;--red: #f32936;--red-dark: #c91625;--orange: #ff9f0a;--blue: #2165f5;--green: #21c17a;--shadow: 0 24px 70px rgb(0 0 0 / .34)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0;color:var(--text);background:radial-gradient(circle at 15% -5%,rgb(33 101 245 / .18),transparent 29rem),radial-gradient(circle at 90% 18%,rgb(243 41 54 / .1),transparent 25rem),var(--bg)}button,input{font:inherit}button,label[for]{-webkit-tap-highlight-color:transparent}button{border:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{width:min(100%,760px);min-height:100vh;margin:0 auto;padding:18px clamp(14px,4vw,28px) max(24px,env(safe-area-inset-bottom))}.topbar{display:grid;grid-template-columns:124px minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(135deg,#111d33f5,#0a1222f5);box-shadow:var(--shadow)}.brand{display:block;width:124px;height:58px;object-fit:contain;border-radius:13px}.topbar-copy{min-width:0}.eyebrow{display:block;color:#8aa0c6;font-size:.67rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{margin-top:3px;font-size:clamp(1rem,3.3vw,1.3rem);line-height:1.2}.connection-badge{display:inline-flex;gap:7px;align-items:center;padding:8px 10px;color:#9cabc2;font-size:.7rem;font-weight:800;white-space:nowrap;border:1px solid var(--border);border-radius:999px;background:#111c30}.connection-badge i,footer i{width:7px;height:7px;border-radius:50%;background:#6f7d94}.connection-badge.online i,footer i{background:var(--green);box-shadow:0 0 0 4px #21c17a1f}.connection-badge.offline i{background:var(--red)}main{display:grid;gap:16px;margin-top:16px}.search-card,.result-region{border:1px solid var(--border);border-radius:26px;background:#0e1729f0;box-shadow:var(--shadow)}.search-card{padding:clamp(16px,4vw,26px)}.section-heading{display:flex;gap:16px;align-items:flex-end;justify-content:space-between}.section-heading h2{margin-top:5px;font-size:clamp(1.2rem,4vw,1.65rem);line-height:1.17}.store-pill{flex:0 0 auto;padding:7px 11px;color:#ffc76d;font-size:.72rem;font-weight:900;text-transform:uppercase;border:1px solid rgb(255 159 10 / .3);border-radius:999px;background:#ff9f0a14}.barcode-form{position:relative;display:flex;align-items:center;margin-top:20px}.barcode-form input{width:100%;height:60px;padding:0 64px 0 50px;color:#162035;font-size:1.02rem;font-weight:650;outline:0;border:2px solid transparent;border-radius:16px;background:#fff;box-shadow:0 10px 28px #0000002e;transition:border-color .16s ease,box-shadow .16s ease}.barcode-form input::placeholder{color:#8792a5;font-weight:500}.barcode-form input:focus{border-color:var(--orange);box-shadow:0 0 0 4px #ff9f0a1f,0 10px 28px #0000002e}.input-icon{position:absolute;left:17px;z-index:1;width:22px;height:22px;color:#718099;pointer-events:none}.input-icon svg,.search-button svg,.primary-action svg,.secondary-action svg,.scan-again svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.search-button{position:absolute;right:7px;display:grid;width:46px;height:46px;padding:12px;color:#fff;cursor:pointer;border-radius:12px;background:linear-gradient(135deg,var(--red),var(--red-dark));transition:transform .14s ease}.search-button:active{transform:scale(.94)}.form-error{min-height:18px;margin:7px 4px 0;color:#ff8992;font-size:.76rem}.scanner-card{position:relative;min-height:310px;overflow:hidden;border:1px dashed #354867;border-radius:22px;background:linear-gradient(#050c1b80,#050c1ba6),radial-gradient(circle at center,#14213b,#071022 65%)}.reader{position:absolute;inset:0;overflow:hidden}.reader video,.reader>div{width:100%!important;height:100%!important;object-fit:cover!important;border:0!important}.reader img,.reader button,.reader select,.reader>div>div:not(:first-child){display:none!important}.scanner-placeholder{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;background:linear-gradient(180deg,#040a1880,#040a18e6)}.scanner-placeholder strong{margin-top:13px;font-size:1.05rem}.scanner-placeholder span{max-width:350px;margin-top:7px;color:var(--muted);font-size:.82rem;line-height:1.55}.scanner-art{display:grid;width:86px;height:86px;place-items:center;color:#4e6589;border:1px solid #243754;border-radius:28px;background:#111d33}.scanner-art svg{width:58px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}.is-busy .scanner-art{animation:pulse 1.2s ease-in-out infinite}.scan-frame{position:absolute;inset:50% auto auto 50%;z-index:3;display:none;width:min(82%,520px);height:122px;pointer-events:none;transform:translate(-50%,-50%)}.scan-frame.visible{display:block}.scan-frame i{position:absolute;width:30px;height:30px;border-color:var(--orange);border-style:solid}.scan-frame i:nth-child(1){top:0;left:0;border-width:3px 0 0 3px;border-radius:12px 0 0}.scan-frame i:nth-child(2){top:0;right:0;border-width:3px 3px 0 0;border-radius:0 12px 0 0}.scan-frame i:nth-child(3){right:0;bottom:0;border-width:0 3px 3px 0;border-radius:0 0 12px}.scan-frame i:nth-child(4){bottom:0;left:0;border-width:0 0 3px 3px;border-radius:0 0 0 12px}.scan-frame>span{position:absolute;right:8px;left:8px;height:2px;background:linear-gradient(90deg,transparent,var(--red),transparent);box-shadow:0 0 12px var(--red);animation:scan 2s ease-in-out infinite}.camera-status{position:absolute;bottom:15px;left:50%;z-index:4;display:none;gap:8px;align-items:center;padding:8px 12px;color:#fff;font-size:.72rem;font-weight:750;white-space:nowrap;border:1px solid rgb(255 255 255 / .16);border-radius:999px;background:#050b18c7;backdrop-filter:blur(10px);transform:translate(-50%)}.camera-status.visible{display:flex}.camera-status i{width:7px;height:7px;border-radius:50%;background:var(--red);animation:pulse-dot 1.3s ease-in-out infinite}.scanner-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}.search-card.has-product .scanner-card,.search-card.has-product .scanner-actions{display:none}.primary-action,.secondary-action,.scan-again{display:flex;min-height:52px;gap:9px;align-items:center;justify-content:center;padding:0 14px;font-size:.82rem;font-weight:850;cursor:pointer;border-radius:14px;transition:transform .14s ease,filter .14s ease}.primary-action{color:#fff;background:linear-gradient(135deg,#2768f6,#1954d6);box-shadow:0 10px 25px #2165f538}.primary-action.is-active{background:linear-gradient(135deg,var(--red),var(--red-dark))}.secondary-action{color:#dce6f8;border:1px solid #344660;background:#1a2941}.primary-action svg,.secondary-action svg,.scan-again svg{width:20px;height:20px;flex:0 0 auto}.primary-action:active,.secondary-action:active,.scan-again:active{transform:scale(.98)}.result-region{min-height:132px;padding:clamp(16px,4vw,22px)}.empty-state,.loading-state,.error-state{display:flex;gap:15px;align-items:center;min-height:88px}.empty-state strong,.loading-state strong,.error-state strong{display:block;font-size:.94rem}.empty-state span,.loading-state span,.error-state span{display:block;margin-top:5px;color:var(--muted);font-size:.78rem;line-height:1.5}.empty-icon,.error-icon{display:grid;width:52px;height:52px;flex:0 0 auto;place-items:center;color:#667896;border:1px solid #293b59;border-radius:16px;background:#142139}.empty-icon svg{width:27px;fill:none;stroke:currentColor;stroke-width:1.8}.spinner{width:42px;height:42px;flex:0 0 auto;border:3px solid #263854;border-top-color:var(--orange);border-radius:50%;animation:rotate .8s linear infinite}.product-card{overflow:hidden;border:1px solid #2d405e;border-radius:20px;background:linear-gradient(145deg,#16243c,#111c30)}.product-card.entering{animation:rise .32s ease-out both}.product-card-top{display:flex;gap:8px;align-items:center;padding:14px 17px;color:#83e5b8;font-size:.7rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #2a3b57;background:#21c17a0f}.check-badge{display:grid;width:19px;height:19px;place-items:center;color:#071a12;border-radius:50%;background:var(--green)}.check-badge svg{width:13px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.product-card h3{padding:19px 19px 15px;font-size:clamp(1.05rem,4vw,1.32rem);line-height:1.35;text-transform:uppercase}.product-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 19px 18px}.product-meta span{padding:10px 12px;border:1px solid #2c3e5b;border-radius:12px;background:#060d1c57}.product-meta small,.price-row small{display:block;color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.product-meta strong{display:block;margin-top:4px;font-size:.86rem;overflow-wrap:anywhere}.price-row{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;padding:18px 19px;border-top:1px solid #2b3d5a;background:#0b1426}.price{display:block;margin-top:3px;color:#fff;font-size:clamp(2.1rem,9vw,3.25rem);line-height:1;letter-spacing:-.055em}.scan-again{width:calc(100% - 38px);margin:16px 19px 19px;color:#fff;background:linear-gradient(135deg,var(--red),var(--red-dark))}.error-state{flex-wrap:wrap}.error-state>div:nth-child(2){min-width:0;flex:1}.error-icon{color:#ffb1b7;font-size:1.25rem;font-weight:900;border-color:#f3293640;background:#f329361a}.error-state button{margin-left:auto;padding:9px 13px;color:#fff;font-size:.74rem;font-weight:800;cursor:pointer;border:1px solid #40516b;border-radius:10px;background:#1b2940}footer{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:20px 5px 0;color:#5f6e87;font-size:.64rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}footer span:last-child{display:flex;gap:7px;align-items:center}@keyframes scan{0%,to{top:9px}50%{top:calc(100% - 11px)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.05);box-shadow:0 0 0 10px #2165f50f}}@keyframes pulse-dot{50%{box-shadow:0 0 0 6px #f3293629}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@media(max-width:620px){.app-shell{padding-top:10px}.topbar{grid-template-columns:104px minmax(0,1fr);gap:12px;padding:11px;border-radius:18px}.brand{width:104px;height:50px}.connection-badge{grid-column:1 / -1;justify-self:stretch;justify-content:center;padding:6px 8px}.scanner-card{min-height:270px}.scanner-actions{grid-template-columns:1fr}.section-heading{align-items:flex-start}}@media(max-width:390px){.search-card,.result-region{border-radius:20px}.product-meta{grid-template-columns:1fr}.price-row{align-items:flex-start;flex-direction:column}footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}