body{font-family:var(--font-sans),system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background-color:#333;color:#fff;box-sizing:border-box}*,:after,:before{box-sizing:inherit}body.loaded{display:block}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes skeleton-shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton-block,.skeleton-line{border-radius:6px;background:linear-gradient(90deg,#3f3f3f 25%,#4a4a4a 50%,#3f3f3f 75%);background-size:400px 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton-block{width:100%;aspect-ratio:1/1;border-radius:8px}.skeleton-card{cursor:default;pointer-events:none}@media (prefers-reduced-motion:reduce){.skeleton-block,.skeleton-line{animation:none}}img{max-width:100%;height:auto;border-radius:8px}hr.solid{border-top:1px solid #ccc;margin:15px 0}.container{display:flex;flex-wrap:wrap;padding:10px}.item .clickable-area,.item2 .clickable-area{text-decoration:none;color:inherit;display:block;height:100%;border-radius:8px;transition:transform .2s ease,background-color .2s ease}.item .clickable-area:hover,.item2 .clickable-area:hover{transform:scale(1.05);background-color:rgba(255,255,255,.08)}.item{flex:1 1 calc(33.333% - 20px);display:inline-block;padding:15px;cursor:pointer;max-width:240px;text-align:center;vertical-align:top;margin-bottom:20px;border-radius:8px;background-color:#3a3a3a;box-shadow:0 2px 4px rgba(0,0,0,.2)}.item .clickable-area h3{padding:0 5px;cursor:pointer;min-height:3em;display:flex;align-items:center;justify-content:center;flex-direction:column;word-break:break-word;font-size:1em;color:#fff;margin:0 0 8px}.item .clickable-area p.quantity{margin:0 0 10px;cursor:pointer;font-size:.9em;color:#ccc}.item .item-location-logo{max-width:100%;background-color:transparent;padding:0;display:inline-block;object-fit:contain;vertical-align:middle;border-radius:0}.item .clickable-area img{width:100%;max-width:100%;height:auto;max-height:none;border-radius:8px;display:block;margin:0 auto;background-color:transparent!important;object-fit:contain}.list-section-header{position:sticky;top:0;z-index:10;width:100%;flex-basis:100%;margin:10px 0 12px;padding:8px 12px;font-size:1.05em;font-weight:700;color:#e8e6ff;background-color:rgba(51,51,51,.95);border-left:4px solid #6c63ff;border-radius:4px;backdrop-filter:blur(4px)}.list-section-count{margin-left:8px;padding:2px 9px;font-size:.8em;font-weight:400;color:#cfcaff;background-color:rgba(108,99,255,.2);border-radius:10px}.item-checkoff-btn{position:absolute;top:4px;right:4px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(40,167,69,.15);color:#37c05a;border:1.5px solid rgba(40,167,69,.5);border-radius:50%;cursor:pointer;z-index:5;transition:background-color .15s ease,transform .15s ease}.item-checkoff-btn:hover{background:rgba(40,167,69,.35);transform:scale(1.08)}.item-checkoff-btn:active{transform:scale(.95)}.item2{background-color:#444;border-radius:8px;padding:10px;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 2px 4px rgba(0,0,0,.2);width:clamp(140px,18vw,180px);aspect-ratio:3/4;overflow:hidden}.item2:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 6px 12px rgba(0,0,0,.3);filter:brightness(1.1)}.item2 h3.item-name{font-size:.85em;color:#fff;margin:0 0 8px;line-height:1.3;height:3.9em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.item2 img{display:block;max-width:90%;height:auto;max-height:150px;margin:auto auto 5px;object-fit:contain;border-radius:4px;background-color:transparent!important}#itemsContainer{width:100%;flex-grow:1;overflow-y:auto;margin-bottom:10px;padding:5px;scrollbar-width:thin;scrollbar-color:#6c63ff #333}#itemsContainer::-webkit-scrollbar{width:8px}#itemsContainer::-webkit-scrollbar-track{background:#333;border-radius:4px}#itemsContainer::-webkit-scrollbar-thumb{background-color:#6c63ff;border-radius:4px;border:2px solid #333}.popup,.popup-add-item,.popup2{border-radius:10px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:20px;background:#444;border:1px solid #555;max-height:85vh;width:90%;max-width:600px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.3)}.popup h3,.popup2 h3{margin-top:0;margin-bottom:15px;color:#fff}.popup p,.popup2 p{margin-bottom:15px;color:#eee}.popup-close{position:absolute;top:10px;right:15px;cursor:pointer;font-size:1.8em;color:#ccc;line-height:1;padding:0 5px;z-index:10}.popup-close:hover{color:#fff}.popup-content{height:100%;overflow-y:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:#6c63ff #333}.popup-content::-webkit-scrollbar{width:8px}.popup-content::-webkit-scrollbar-track{background:#333;border-radius:4px}.popup-content::-webkit-scrollbar-thumb{background-color:#6c63ff;border-radius:4px;border:2px solid #333}.popup-overlay,.popup-overlay2{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);cursor:pointer}.popup-overlay2{background:rgba(0,0,0,.75)}#popup{z-index:1000}#popup img{width:50%;max-width:150px;height:auto;margin:0 auto 10px;display:block}#popup input[type=number]{margin-bottom:20px;text-align:center;margin-top:9px;font-size:16px;width:80px;padding:8px;border-radius:5px;border:1px solid #555;background-color:#333;color:#fff}#popup hr{margin:20px 0;border-color:#555}#popup .button-container{margin-bottom:10px;display:flex;justify-content:center;gap:10px}#popup #removeAllBtn{margin-top:10px}#addToListPopup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:85vw;max-width:1100px;height:85vh;max-height:850px;background:#383838;padding:20px;border:1px solid #555;z-index:2000;border-radius:10px;display:flex;flex-direction:column;box-shadow:0 8px 25px rgba(0,0,0,.4)}#addToListPopup .popup-content{background:transparent;border:none;padding:0;position:static;width:100%;height:100%;overflow:hidden;margin:0;display:flex;flex-direction:column;align-items:center}#addToListPopup h3{margin-top:0;margin-bottom:5px}#addToListPopup p{margin-bottom:10px;font-size:.9em;color:#ddd}#addToListPopup #searchInput,#addToListPopup #storeFilter{margin-bottom:10px;width:100%;padding:10px;box-sizing:border-box;border-radius:5px;font-size:16px;background-color:#2f2f2f;color:#fff;border:1px solid #555}#addToListPopup #storeFilter{height:44px}#addToListPopup #addCustomButton,#addToListPopup #closeAddToListPopup{width:calc(100% - 10px);margin:10px auto 5px}#addToListPopup #closeAddToListPopup{height:40px;font-size:16px;background-color:#6c757d}#addToListPopup #closeAddToListPopup:hover{background-color:#5a6268}.popup-add-item{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(280px,80vw,350px);padding:20px;background:white;color:#333;box-shadow:0 5px 15px rgba(0,0,0,.4);z-index:3000;text-align:center;border-radius:8px;box-sizing:border-box}.popup-add-item h3{color:#333;margin-bottom:10px}.popup-add-item img{max-width:50%;max-height:120px;height:auto;margin:0 auto 10px;display:block;border-radius:4px}.popup-add-item input[type=number]{text-align:center;margin:10px auto;display:block;font-size:16px;width:80px;padding:8px;border-radius:5px;border:1px solid #ccc;color:#333;background-color:#f0f0f0}.popup-add-item .button-container{display:flex;justify-content:center;gap:10px;margin-top:15px}.popup-add-item button{margin:0}.popup-add-item #popupAddItemCancelButton{background-color:#6c757d}.popup-add-item #popupAddItemCancelButton:hover{background-color:#5a6268}#addCustomItemPopup{display:none;z-index:3000;width:clamp(280px,80vw,400px)}#addCustomItemPopup .popup-content{width:100%;height:auto;margin:0;padding:10px;border:none;background:transparent}#addCustomItemPopup input{width:100%;margin-bottom:10px;font-size:16px;padding:10px;border-radius:5px;border:1px solid #555;background-color:#333;color:#fff}#addCustomItemPopup input[type=number]{text-align:center}#addCustomItemPopup button{width:100%;margin-top:8px}#addCustomItemPopup #cancelCustomItemButton{background-color:#6c757d}#addCustomItemPopup #cancelCustomItemButton:hover{background-color:#5a6268}.popupscanner-modal{display:none;position:fixed;background-color:#2d2d42;color:#fff;border-radius:10px;padding:20px;width:clamp(320px,90vw,450px);box-shadow:0 4px 15px rgba(0,0,0,.3);top:50%;left:50%;transform:translate(-50%,-50%);max-height:85vh;max-height:85dvh;overflow-y:auto}.popupscanner-modal img{display:block;margin:0 auto 15px;width:150px;height:150px;border-radius:8px;object-fit:contain;background-color:rgba(255,255,255,.1)}.popupscanner-modal h2{text-align:center;color:white;margin-top:0;margin-bottom:20px;font-size:1.4em}.popupscanner-modal p{font-size:1em;line-height:1.4;margin-bottom:15px;text-align:center}.popupscanner-input-group{margin:15px 0;text-align:center}.popupscanner-input-group label{font-size:.9em;display:block;margin-bottom:5px;text-align:left;padding-left:5%;color:#ccc}.popupscanner-input-group label strong{color:#fff}.popupscanner-input-group input,.popupscanner-input-group select,.popupscanner-input-group textarea{background-color:#3f3f5a;color:#fff;border:1px solid #555;padding:10px;border-radius:5px;width:90%;margin:5px auto 0;box-sizing:border-box;font-size:16px;display:block}.popupscanner-input-group textarea{resize:vertical;min-height:60px}.popupscanner-input-group input[readonly]{background-color:#4a4a6a;cursor:not-allowed}.popupscanner-input-group.has-link input{max-width:calc(90% - 60px);display:inline-block;vertical-align:middle;margin-right:10px;margin-left:5%}.popupscanner-input-group.has-link .link{display:inline-block;vertical-align:middle;width:45px;text-align:center;padding:8px 0;background-color:#6c63ff;color:white;border-radius:5px;text-decoration:none;font-size:.9em}.popupscanner-input-group.has-link .link:hover{background-color:#5753e4}.popupscanner-actions{display:flex;justify-content:space-between;margin-top:25px;gap:10px}.popupscanner-actions button{padding:10px 15px;border-radius:5px;border:none;cursor:pointer;font-size:.95em;font-weight:700;flex-grow:1;transition:background-color .2s ease,transform .2s ease}.popupscanner-actions button:hover{transform:scale(1.03)}.popupscanner-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none}.popupscanner-purchase-btn{background-color:#6c63ff;color:#fff}.popupscanner-purchase-btn:hover:not(:disabled){background-color:#5753e4}.popupscanner-update-btn{background-color:#28a745;color:#fff}.popupscanner-update-btn:hover:not(:disabled){background-color:#218838}.popupscanner-mode-btn{background-color:#6c63ff;color:#fff}.popupscanner-mode-btn:hover:not(:disabled){background-color:#5753e4}#modeSelectionModal{width:auto;min-width:300px;max-width:90%;z-index:2000}.popupscanner-button{width:100%;padding:15px;margin-bottom:15px;font-size:18px;border-radius:10px;border:none;color:white;cursor:pointer;display:block;text-align:center;font-weight:700;transition:background-color .2s ease,transform .2s ease}.popupscanner-button:hover{transform:scale(1.03)}.popupscanner-button.shoppinglist{background-color:#F49130}.popupscanner-button.shoppinglist:hover{background-color:#C37425}.popupscanner-button.add{background-color:#28a745}.popupscanner-button.add:hover{background-color:#218838}.popupscanner-button.consume{background-color:#dc3545}.popupscanner-button.consume:hover{background-color:#c82333}.popupscanner-button.create{background-color:#007bff}.popupscanner-button.create:hover{background-color:#0056b3}#popupscannermodal4{z-index:3000}#popupscannermodal4 #error-message{color:#ff7979;visibility:hidden;text-align:center;margin-top:10px;font-weight:700;min-height:1.2em}#popupscannermodal4 #error-message.visible{visibility:visible}#popupscannermodal3 #itemScannerName3{font-weight:700;font-size:1.1em}#popupscannermodal3 #code2{font-size:.9em;color:#ccc;margin-bottom:15px}#popupscannermodal3 .popupscanner-actions{justify-content:center}#popupscannermodal3 #popupscannermodebtn3{width:80%;margin:0 auto}#popupnewproductmodal{z-index:3001}#popupnewproductmodal #popupnewproducttitle{margin-top:20px;margin-bottom:30px;font-weight:400;line-height:1.5}#popupnewproductmodal #popupnewproducttitle.success{color:#28a745;font-weight:700}#popupnewproductmodal #popupnewproducttitle.error{color:#dc3545;font-weight:700}#popupnewproductmodal .popupscanner-actions{justify-content:center}#popupnewproductmodal #popupscannerupdatebtn2{display:block;width:80%;background-color:#28a745;color:#fff}#popupnewproductmodal #popupscannerupdatebtn2:hover:not(:disabled){background-color:#218838}.popupBarcodeReader-content{display:none;position:fixed;flex-direction:column;align-items:stretch;justify-content:flex-start;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#2d2d2d;padding:15px;border-radius:12px;text-align:center;width:clamp(300px,90vw,600px);max-width:95%;height:auto;max-height:95vh;color:white;box-shadow:0 5px 15px rgba(0,0,0,.4)}.popupBarcodeReader-header{margin-bottom:10px}.popupBarcodeReader-header h2{margin:0;font-size:1.5rem}.popupBarcodeReader-content .iframe-container{flex-grow:1;width:100%;height:auto;max-width:100%;overflow:visible;display:flex;justify-content:center;align-items:center;margin:10px auto;border-radius:8px;background-color:#000}.popupBarcodeReader-content iframe{width:100%;height:auto;min-height:48vh;max-height:none;border:none;border-radius:8px;display:block}.popupBarcodeReader-content #error-messagecamera{color:#ff7979;display:none;margin-top:10px;font-weight:700;min-height:1.2em}.popupBarcodeReader-button{background-color:#6c63ff;color:white;border:none;padding:10px 25px;border-radius:8px;cursor:pointer;font-size:1rem;margin-top:15px;transition:background-color .2s ease,transform .2s ease}.popupBarcodeReader-button:hover{transform:scale(1.05);background-color:#5753e4}#logoutModal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background-color:rgba(0,0,0,.7);justify-content:center;align-items:center;z-index:2000}#logoutModal.show{display:flex}#logoutModal .modal-content{position:relative;background-color:#2d2d42;padding:30px;border-radius:10px;text-align:center;box-shadow:0 5px 20px rgba(0,0,0,.5);width:clamp(280px,80vw,350px)}#logoutModal .modal-content p{font-weight:700;font-size:1.2em;margin-top:10px;margin-bottom:30px;color:#fff}#logoutModal .modal-content .button-container{display:flex;justify-content:center;gap:15px}.logout-button{padding:10px 25px;background-color:#dc3545;color:white;border:none;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .2s ease,transform .2s ease}.logout-button:hover{background-color:#c82333;transform:scale(1.05)}.logout-cancel-button{padding:10px 25px;background-color:#6c63ff;color:white;border:none;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .2s ease,transform .2s ease}.logout-cancel-button:hover{background-color:#5753e4;transform:scale(1.05)}.btn{padding:12px 18px;border-radius:8px;border:none;cursor:pointer;font-size:1em;font-weight:700;color:#fff;transition:background-color .2s ease,transform .2s ease}.btn:hover:not(:disabled){transform:scale(1.03)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background-color:#6c63ff}.btn-primary:hover:not(:disabled){background-color:#5753e4}.btn-success{background-color:#28a745}.btn-success:hover:not(:disabled){background-color:#218838}.btn-danger{background-color:#dc3545}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-secondary{background-color:#6c757d}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.btn-outline{background-color:transparent;border:1px solid #6c63ff;color:#cfcaff}.btn-outline:hover:not(:disabled){background-color:rgba(108,99,255,.15)}.add-to-list-btn{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom, 0px));left:20px;padding:12px 22px;background-color:#6c63ff;color:#fff;border:none;border-radius:8px;cursor:pointer;z-index:999;font-size:1rem;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:background-color .2s ease,transform .2s ease}.add-to-list-btn:hover{transform:scale(1.05);background-color:#5753e4}.scan-barcode-btn{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom, 0px));right:20px;padding:12px 22px;background-color:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer;z-index:998;font-size:1rem;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:background-color .2s ease,transform .2s ease}.scan-barcode-btn:hover{transform:scale(1.05);background-color:#218838}.undo-notification{display:none;position:fixed;top:calc(20px + env(safe-area-inset-top, 0px));right:20px;padding:12px 15px;background:#6c63ff;color:#fff;border-radius:5px;z-index:10000;min-width:200px;font-size:.95rem;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,.2)}.undo-notification.show{display:flex;justify-content:space-between;align-items:center}.undo-btn{margin-left:15px;padding:5px 12px;font-size:.85rem;background-color:#fff;color:#6c63ff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s ease,color .2s ease}.undo-btn:hover{background-color:#e9ecef;color:#5753e4}#error-banner{display:none;background-color:#dc3545;color:white;padding:calc(15px + env(safe-area-inset-top, 0px)) 15px 15px;position:fixed;top:0;left:0;right:0;text-align:center;z-index:4000;transition:transform .3s ease,opacity .3s ease;border-radius:0;opacity:0;transform:translateY(-100%)}#error-banner.show{display:block;opacity:1;transform:translateY(0)}.connection-banner{position:fixed;top:0;left:0;right:0;z-index:3999;padding:calc(12px + env(safe-area-inset-top, 0px)) 15px 12px;text-align:center;font-weight:700;font-size:.95em}.connection-banner--degraded{background-color:#ffc107;color:#3a3000}.connection-banner--recovered{background-color:#28a745;color:white;animation:connectionBannerFade 3.2s ease forwards}@keyframes connectionBannerFade{0%{opacity:1}70%{opacity:1}to{opacity:0}}#close-button{background:none;border:none;color:white;font-size:24px;position:absolute;top:50%;right:15px;transform:translateY(-50%);cursor:pointer;padding:0 10px;line-height:1}h1#shopbuddyLabel{display:inline-block;font-size:2em;margin-block-start:.42em;margin-block-end:.67em;margin-inline-start:0;margin-inline-end:0;font-weight:700;color:white;cursor:pointer;transition:transform .2s ease;padding:5px}h1#shopbuddyLabel:hover{transform:scale(1.05)}.hidden{display:none!important}.visible{display:block!important}.flex-visible{display:flex!important}input:focus,select:focus,textarea:focus{outline:2px solid #6c63ff;outline-offset:1px}@media (max-width:768px){.item{max-width:200px;padding:12px}.item .clickable-area h3{font-size:.9em}.item .clickable-area img{max-height:none}.item2{flex-basis:calc(50% - 15px);max-width:180px;padding:12px;margin:8px}.item2 .clickable-area h3{font-size:.9em}.item2 .clickable-area img{max-height:150px}#logoutModal .modal-content,.popup,.popup-add-item,.popup2,.popupscanner-modal{width:85%}.popupBarcodeReader-content{width:90%;height:80vh}.add-to-list-btn,.scan-barcode-btn{padding:10px 15px;font-size:.9rem}.add-to-list-btn,.scan-barcode-btn{height:auto;width:auto}.undo-notification{width:auto;max-width:80vw;font-size:.9rem}.undo-btn{width:auto;padding:4px 10px;font-size:.8rem;margin-left:10px}#addToListPopup{width:92vw;height:88vh;padding:15px;border-radius:8px}#addToListPopup #searchInput,#addToListPopup #storeFilter{padding:8px;font-size:15px}#addToListPopup #closeAddToListPopup{font-size:15px;height:36px}}@media (max-width:480px){.item{flex-basis:calc(50% - 15px);max-width:180px;padding:10px;margin-bottom:15px}.item .clickable-area h3{font-size:.85em;min-height:2.5em}.item .clickable-area p.quantity{font-size:.8em;margin-bottom:8px}.item .clickable-area img{max-height:none}.item2{flex-basis:calc(50% - 10px);max-width:none;padding:10px;margin:5px}.item2 .clickable-area h3{font-size:.85em;min-height:2em}.item2 .clickable-area img{max-height:90px}.popupscanner-modal{padding:15px}.popupscanner-modal h2{font-size:1.2em;margin-bottom:15px}.popupscanner-input-group{margin:10px 0}.popupscanner-actions{margin-top:15px}.popupBarcodeReader-content{padding:10px}.popupBarcodeReader-header h2{font-size:1.3rem}.add-to-list-btn,.scan-barcode-btn{padding:8px 12px;font-size:.85rem;bottom:15px}.add-to-list-btn{left:15px}.scan-barcode-btn{right:15px}#addToListPopup{width:96vw;height:92vh;padding:10px;border-radius:6px}#addToListPopup #searchInput,#addToListPopup #storeFilter{padding:8px 10px;margin-bottom:8px}#itemsContainer{margin-bottom:8px}#addToListPopup #addCustomButton,#addToListPopup #closeAddToListPopup{padding:9px 12px;font-size:.9em}}@media only screen and (width:375px) and (height:812px) and (-webkit-device-pixel-ratio:3){.item2{flex-basis:calc(50% - 10px);max-width:none}}@media (max-width:950px){.item2{flex-basis:calc(50% - 20px);max-width:200px}}.interaction-popup-input{padding:10px;border-radius:5px;border:1px solid #555;background-color:#3f3f5a;color:#fff;text-align:center;width:80px;font-size:16px}.interaction-popup-button-group{display:flex;flex-direction:column;gap:10px;align-items:stretch}.interaction-popup-button-group .button-row{display:flex;gap:10px}.interaction-popup-button{padding:10px 15px;border-radius:5px;border:none;cursor:pointer;font-size:.95em;font-weight:700;flex-grow:1;transition:background-color .2s ease,transform .15s ease;text-align:center}.interaction-popup-button:hover:not(:disabled){transform:scale(1.03);filter:brightness(1.1)}.interaction-popup-button:disabled{opacity:.6;cursor:not-allowed}.interaction-popup-button.add{background-color:#6c63ff;color:#fff}.interaction-popup-button.remove-one{background-color:#ff8c00;color:#fff}.interaction-popup-button.remove-all{background-color:#dc3545;color:#fff}.interaction-popup-button.cancel{background-color:#6c757d;color:#fff}.popup,.popup-add-item,.popup2,.popupscanner-modal{will-change:transform,opacity;backface-visibility:hidden}.popup-centered{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;display:flex!important;flex-direction:column!important;align-items:center!important;will-change:transform,opacity!important}.modal-close-button,.popup-closeScan{position:absolute;top:6px;right:6px;width:44px;height:44px;background:rgba(255,255,255,.1);border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:22px;font-weight:700;padding:0;transition:all .2s ease;z-index:5;line-height:1}.modal-close-button:hover,.popup-closeScan:hover{background:rgba(255,255,255,.2);transform:scale(1.05);color:#fff}.modal-close-button:focus,.popup-closeScan:focus{outline:none;box-shadow:0 0 0 2px rgba(108,99,255,.5)}.mobile-action-bar{display:none;position:fixed;bottom:0;left:0;right:0;width:100%;background-color:#282830;box-shadow:0 -2px 10px rgba(0,0,0,.3);z-index:1000;justify-content:space-around;align-items:center;gap:8px;border-top:1px solid #4a4a6a;height:calc(60px + env(safe-area-inset-bottom, 0px));padding:8px 8px calc(8px + env(safe-area-inset-bottom, 0px));box-sizing:border-box}.mobile-action-bar .add-to-list-btn,.mobile-action-bar .debug-logs-btn,.mobile-action-bar .scan-barcode-btn{position:static;flex-grow:1;margin:0;padding:10px 8px;font-size:.85rem;height:100%;display:flex;align-items:center;justify-content:center}.mobile-action-bar .add-to-list-btn{background-color:#6c63ff}.mobile-action-bar .scan-barcode-btn{background-color:#28a745}.mobile-action-bar .debug-logs-btn{background-color:#6c63ff}@media (max-width:768px){.mobile-action-bar{display:flex}.add-to-list-btn.original-float,.debug-logs-btn.original-float,.scan-barcode-btn.original-float{display:none!important}body .container{padding-bottom:75px!important}}.add-to-list-btn.original-float{position:fixed;bottom:20px;left:20px;padding:12px 22px;background-color:#6c63ff;color:#fff;border:none;border-radius:8px;cursor:pointer;z-index:999;font-size:1rem;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:background-color .2s ease,transform .2s ease}.add-to-list-btn.original-float:hover{transform:scale(1.05);background-color:#5753e4}.scan-barcode-btn.original-float{position:fixed;bottom:20px;right:20px;padding:12px 22px;background-color:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer;z-index:998;font-size:1rem;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:background-color .2s ease,transform .2s ease}.scan-barcode-btn.original-float:hover{transform:scale(1.05);background-color:#218838}.add-to-list-btn,.debug-logs-btn,.scan-barcode-btn{color:#fff;border:none;border-radius:8px;cursor:pointer;text-align:center;transition:background-color .2s ease,transform .2s ease}.bug-report-popup{background-color:#2d2d42!important;color:#e0e0e0!important;border:1px solid #4a4a6a!important;padding:25px!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.bug-report-popup h2{color:#fff!important;font-size:1.5em!important;margin-bottom:20px!important}.bug-report-field{margin-bottom:15px;display:flex;flex-direction:column}.bug-report-field label{font-weight:600;margin-bottom:6px;color:#c4c4ff;font-size:.95em}.bug-report-field input[type=file],.bug-report-field input[type=text],.bug-report-field textarea{width:100%;padding:10px 12px;border-radius:6px;border:1px solid #4d4d67;background-color:#3d3d57;color:#fff;font-size:1em;transition:border-color .2s}.bug-report-field input[type=text]:focus,.bug-report-field textarea:focus{border-color:#8b84ff;outline:none}.bug-report-field textarea{min-height:100px;resize:vertical}.bug-report-field input[type=file]{padding:8px 10px}.bug-report-field input[type=file]::file-selector-button{padding:6px 12px;margin-right:10px;background-color:#6c63ff;color:white;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.bug-report-field input[type=file]::file-selector-button:hover{background-color:#5753e4}.bug-report-tags-container{display:flex;flex-wrap:wrap;gap:8px;padding:5px 0}.bug-report-tag-label{display:flex;align-items:center;gap:5px;background-color:rgba(108,99,255,.15);padding:6px 10px;border-radius:15px;font-size:.85em;cursor:pointer;color:#e0e0ff;transition:background-color .2s}.bug-report-tag-label:hover{background-color:rgba(108,99,255,.25)}.bug-report-tag-label input[type=checkbox]{accent-color:#8b84ff;width:14px;height:14px}.bug-screenshot-preview{margin-top:10px;display:flex;align-items:center;gap:10px;padding:8px;background-color:rgba(0,0,0,.1);border-radius:6px}.bug-screenshot-preview img{max-width:100px;max-height:100px;border-radius:4px;border:1px solid #4d4d67}.bug-screenshot-preview button{padding:6px 10px;font-size:.85em;background-color:#dc3545;color:white;border:none;border-radius:4px;cursor:pointer}.bug-screenshot-preview button:hover{background-color:#c82333}.bug-report-disclosure{font-size:.8em;color:#aaa;background-color:rgba(0,0,0,.1);padding:10px;border-radius:4px;border:1px dashed #4d4d67}.bug-report-disclosure ul{padding-left:20px;margin:5px 0}.bug-report-disclosure li{margin-bottom:3px}.bug-report-status-message{padding:10px;border-radius:6px;text-align:center;font-weight:500}.bug-report-status-message.success{background-color:rgba(40,167,69,.2);color:#28a745;border:1px solid rgba(40,167,69,.4)}.bug-report-status-message.error{background-color:rgba(220,53,69,.2);color:#dc3545;border:1px solid rgba(220,53,69,.4)}.bug-report-submit-btn{padding:12px 20px;background:linear-gradient(90deg,#8b84ff,#6c63ff);color:white;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;width:100%;border:none;font-size:1.05em;margin-top:5px}.bug-report-submit-btn:hover:not(:disabled){background:linear-gradient(90deg,#7e76ff,#5b53ee);transform:translateY(-1px);box-shadow:0 2px 6px rgba(108,99,255,.3)}.bug-report-submit-btn:disabled{opacity:.7;cursor:not-allowed}.bug-report-submit-btn .loading-spinner-container{display:flex;justify-content:center;align-items:center;height:20px}.bug-report-submit-btn .loading-spinner-container div{width:18px!important;height:18px!important;border-width:2px!important;margin:0!important}.custom-scrollbar-container::-webkit-scrollbar{height:6px;width:6px}.custom-scrollbar-container::-webkit-scrollbar-track{background:#333;border-radius:3px}.custom-scrollbar-container::-webkit-scrollbar-thumb{background-color:#555;border-radius:3px}.custom-scrollbar-container::-webkit-scrollbar-thumb:hover{background-color:#6c63ff}.custom-scrollbar-container{scrollbar-width:thin;scrollbar-color:#555 #333}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.body-no-scroll{overflow:hidden!important;position:fixed;width:100%;height:100%}@media (max-width:768px){.popup-top-anchored-mobile{top:8dvh!important;transform:translate(-50%)!important;max-height:80dvh!important}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-sans:"Inter","Inter Fallback"}