*{box-sizing:border-box}html,body{margin:0;padding:0;background:#101418;color:#e8ecf1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}.app{display:flex;flex-direction:column;min-height:100dvh;max-width:640px;margin:0 auto}.app-header{padding:12px 16px 8px;padding-top:calc(12px + env(safe-area-inset-top))}.app-header h1{margin:0 0 10px;font-size:1.25rem;font-weight:700;text-align:center}.mode-toggle{display:flex;gap:8px}.btn{min-height:48px;padding:12px 20px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;color:#e8ecf1;background:#2a3340}.btn:active{transform:scale(.98)}.btn.primary{background:#1f8a4c}.btn.danger{background:#b3372f}.btn.toggle{flex:1;background:#1c232c;border:1px solid #2e3a47}.btn.toggle.active{background:#1f8a4c;border-color:#1f8a4c}.btn:disabled{opacity:.5}.app-main{padding:0 16px}.camera-scanner,.photo-scanner{display:flex;flex-direction:column;gap:10px}.video-wrap,.photo-wrap{position:relative;width:100%;aspect-ratio:3 / 4;max-height:62dvh;background:#000;border-radius:14px;overflow:hidden}.camera-video{width:100%;height:100%;object-fit:cover}.photo-image{width:100%;height:100%;object-fit:contain}.video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#7a8794;font-size:1rem;padding:16px;text-align:center}.overlay-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.overlay-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.overlay-card{position:absolute;pointer-events:none}.controls{display:flex;gap:10px}.controls .btn{flex:1}.status-text{margin:0;text-align:center;color:#9db0c0;font-size:.95rem;min-height:1.4em}.error-banner{background:#4a1f1c;border:1px solid #7a352f;color:#ffd7d2;border-radius:12px;padding:14px 16px;font-size:.95rem;line-height:1.4;margin:8px 0}.product-card{background:#1a212a;border:1px solid #2c3946;border-radius:12px;padding:12px 14px}.product-card.compact{background:#101418e0;border-color:#22e06c;padding:8px 10px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.product-name{font-size:1rem;font-weight:700;line-height:1.3}.product-card.compact .product-name{font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px;color:#9db0c0;font-size:.85rem}.product-extra{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;color:#7a8794;font-size:.8rem}.product-barcode{margin-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;color:#6f7f8e}.product-status{font-size:.95rem;color:#9db0c0}.product-status.notfound{color:#f0b429}.product-status.error{color:#ff8a80}.bottom-panel{margin-top:12px;padding:14px 16px calc(20px + env(safe-area-inset-bottom));background:#151b22;border-top:1px solid #232d38;border-radius:16px 16px 0 0;flex:1}.bottom-panel h2{margin:0 0 10px;font-size:1rem;color:#9db0c0;text-transform:uppercase;letter-spacing:.04em}.recent-empty{color:#6f7f8e;font-size:.95rem}.recent-list{display:flex;flex-direction:column;gap:10px}.recent-latest .product-card{border-color:#1f8a4c;box-shadow:0 0 0 1px #1f8a4c inset}.recent-label{font-size:.75rem;color:#22e06c;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:60px 20px;color:#9db0c0}.spinner{width:36px;height:36px;border:4px solid #2c3946;border-top-color:#22e06c;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}