@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}:root{--pixel-teal: #4ECDC4;--pixel-sky-blue: #87CEEB;--pixel-peach: #FFB6C1;--pixel-yellow: #FFD700;--pixel-mint: #98FB98;--pixel-lavender: #E6E6FA;--pixel-dark: #2C3E50;--pixel-darker: #1A1A2E;--pixel-white: #FFFFFF;--pixel-black: #000000;--pixel-outline: #1A1A2E;--bg-primary: #E8F4F8;--bg-secondary: #D4E8F0;--bg-card: #FFFFFF;--bg-card-hover: #F0F8FF;--text-primary: #2C3E50;--text-secondary: #5A7A9A;--text-muted: #8FA5B8;--accent-success: var(--pixel-mint);--accent-warning: var(--pixel-yellow);--accent-danger: #FF6B6B;--accent-info: var(--pixel-sky-blue);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-pixel: "Press Start 2P", monospace;--font-size-xs: 8px;--font-size-sm: 10px;--font-size-base: 12px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--border-width: 3px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-pixel: 4px 4px 0px var(--pixel-outline);--shadow-pixel-sm: 2px 2px 0px var(--pixel-outline);--shadow-pixel-lg: 6px 6px 0px var(--pixel-outline)}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-pixel);font-size:var(--font-size-base);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;text-rendering:optimizeSpeed;overflow-x:hidden;width:100%;background-color:var(--bg-primary);background-image:linear-gradient(rgba(90,122,154,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(90,122,154,.15) 1px,transparent 1px);background-size:24px 24px;background-position:0 0,0 0}#root{min-height:100vh;width:100%}*{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect x='0' y='0' width='16' height='16' fill='%232C3E50'/%3E%3Crect x='2' y='2' width='12' height='12' fill='%23FFD700'/%3E%3Crect x='4' y='4' width='8' height='8' fill='%23FFFFFF'/%3E%3C/svg%3E") 8 8,auto}button,a,input,textarea,select{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect x='0' y='0' width='16' height='16' fill='%232C3E50'/%3E%3Crect x='2' y='2' width='12' height='12' fill='%234ECDC4'/%3E%3Crect x='4' y='4' width='8' height='8' fill='%23FFFFFF'/%3E%3C/svg%3E") 8 8,pointer}*{letter-spacing:inherit}[style*="font-size: var(--font-size-sm)"],[style*="font-size: 10px"]{letter-spacing:-.5px}.item-card{display:flex;flex-direction:column;background:#ffffff4d!important;backdrop-filter:blur(30px) saturate(200%)!important;-webkit-backdrop-filter:blur(30px) saturate(200%)!important;border:3px solid rgba(255,255,255,.6)!important;border-radius:16px!important;text-decoration:none;color:inherit;transition:all .1s ease;box-shadow:0 8px 32px #1f26874d,inset 0 2px 4px #fffc,inset 0 -2px 4px #0000001a!important;image-rendering:pixelated;position:relative;overflow:hidden}.item-card:hover{transform:translate(-2px,-2px);background:#ffffffbf!important;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);box-shadow:0 12px 40px #1f26874d,inset 0 1px #fffc;border-color:#ffffffb3!important;animation:card-bounce .3s ease}@keyframes card-bounce{0%,to{transform:translate(-2px,-2px)}50%{transform:translate(-2px,-4px)}}.item-image-container{position:relative;aspect-ratio:16/12;background:#fff;overflow:hidden;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.item-image{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.item-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--font-size-xs);background:repeating-linear-gradient(45deg,var(--bg-secondary),var(--bg-secondary) 8px,var(--bg-card) 8px,var(--bg-card) 16px)}.price-change-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:1px solid #666;border-radius:var(--border-radius-sm);font-family:var(--font-pixel);font-size:var(--font-size-xs);text-transform:uppercase;box-shadow:2px 2px #666;image-rendering:pixelated;animation:badge-pop .3s ease}@keyframes badge-pop{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.price-change-badge.dropped{background:var(--pixel-mint);color:var(--pixel-dark)}.price-change-badge.increased{background:var(--accent-danger);color:var(--pixel-white)}.item-content{flex:1;padding:var(--space-md)}.item-store{display:inline-block;font-family:var(--font-pixel);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--pixel-dark);background:var(--pixel-yellow);padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-xs);-webkit-text-stroke:.5px #666;text-shadow:none;border:1px solid #666;border-radius:var(--border-radius-sm)}.item-name{font-family:var(--font-pixel);font-size:var(--font-size-sm);line-height:1.4;margin-bottom:var(--space-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-primary);letter-spacing:-.5px}.item-price-row{display:flex;align-items:baseline;gap:var(--space-sm);flex-wrap:wrap}.item-current-price{font-family:var(--font-pixel);font-size:var(--font-size-md);color:#3ab5ad}.item-original-price{font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--text-muted);text-decoration:line-through;position:relative}.item-original-price:after{content:"";position:absolute;left:0;top:50%;width:100%;height:2px;background:#666}.lowest-badge{display:inline-block;margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--pixel-mint);color:var(--pixel-dark);border:1px solid #666;border-radius:var(--border-radius-sm);font-family:var(--font-pixel);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;box-shadow:2px 2px #666;image-rendering:pixelated}.card-actions-overlay{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;gap:var(--space-xs);z-index:10}.card-actions-overlay .btn-modern-icon{background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-actions-overlay .btn-modern-icon:hover{background:#fff}.menu-container{position:relative}.menu-dropdown{position:absolute;left:auto;right:0;top:100%;margin-top:var(--space-xs);background:var(--bg-card);border:1px solid #666;border-radius:var(--border-radius-sm);padding:var(--space-xs);min-width:100px;z-index:1000;box-shadow:2px 2px #666;image-rendering:pixelated;font-size:10px}.menu-item{display:flex;white-space:nowrap;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:none;border:none;border-radius:var(--border-radius-sm);font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-primary);text-decoration:none;cursor:pointer;transition:all .1s ease;text-transform:uppercase}.menu-item:hover{background:var(--bg-secondary);transform:translate(-2px)}.menu-item.danger{color:var(--accent-danger)}.menu-item.danger:hover{background:var(--accent-danger);color:var(--pixel-white)}.modal-overlay{position:fixed;inset:0;background:#1a1a2ecc;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:1000;animation:pixel-fade-in .2s ease;image-rendering:pixelated}.modal-content{background:var(--bg-card);border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-md);padding:var(--space-xl);max-width:560px;width:100%;max-height:90vh;overflow-y:auto;animation:pixel-slide-in .3s ease;box-shadow:var(--shadow-pixel-lg);image-rendering:pixelated;position:relative}.modal-content:before{content:"";position:absolute;bottom:-16px;left:40px;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:16px solid var(--pixel-outline)}.modal-content:after{content:"";position:absolute;bottom:-12px;left:42px;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:14px solid var(--bg-card)}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);background:var(--accent-danger);border:var(--border-width) solid var(--pixel-outline);color:var(--pixel-white);cursor:pointer;padding:var(--space-xs);border-radius:var(--border-radius-sm);transition:all .1s ease;box-shadow:var(--shadow-pixel-sm);image-rendering:pixelated;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.modal-close:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--pixel-outline)}.modal-content h2{margin-bottom:var(--space-lg);font-family:var(--font-pixel);font-size:var(--font-size-md);color:var(--pixel-teal);-webkit-text-stroke:.5px var(--pixel-black);text-shadow:none}.mode-selection{display:flex;flex-direction:column;gap:var(--space-md)}.mode-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-secondary);border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-md);text-align:left;cursor:pointer;transition:all .1s ease;box-shadow:var(--shadow-pixel-sm);image-rendering:pixelated}.mode-card:hover{border-color:var(--pixel-teal);background:var(--bg-card-hover);transform:translate(-2px,-2px);box-shadow:var(--shadow-pixel)}.mode-icon{width:48px;height:48px;border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-pixel-sm);image-rendering:pixelated}.mode-icon.url-icon{background:var(--pixel-teal);color:var(--pixel-white)}.mode-icon.pricetag-icon{background:var(--pixel-mint);color:var(--pixel-dark)}.mode-icon.product-icon{background:var(--pixel-lavender);color:var(--pixel-dark)}.mode-card h3{font-family:var(--font-pixel);font-size:var(--font-size-sm);margin-bottom:var(--space-xs);color:var(--text-primary)}.mode-card p{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-secondary);margin:0;line-height:1.4}.mode-description{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.6}.input-group,.image-upload-area{margin-bottom:var(--space-lg)}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl);background:var(--bg-secondary);border:var(--border-width) dashed var(--pixel-outline);border-radius:var(--border-radius-md);cursor:pointer;transition:all .1s ease;color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--font-size-xs);text-align:center;image-rendering:pixelated}.upload-label:hover{border-color:var(--pixel-teal);border-style:solid;color:var(--text-primary);background:var(--bg-card-hover);transform:translate(-1px,-1px);box-shadow:var(--shadow-pixel-sm)}.upload-label input{display:none}.image-preview{position:relative;text-align:center}.image-preview img{max-width:100%;max-height:300px;border-radius:var(--border-radius-sm);border:var(--border-width) solid var(--pixel-outline);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.change-image{margin-top:var(--space-sm)}.extracted-success{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--pixel-mint);color:var(--pixel-dark);border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-sm);margin-bottom:var(--space-lg);font-family:var(--font-pixel);font-size:var(--font-size-xs);box-shadow:var(--shadow-pixel-sm);image-rendering:pixelated}.extracted-preview{display:flex;flex-direction:column;gap:var(--space-md)}.extracted-image{max-width:150px;max-height:150px;border-radius:var(--border-radius-sm);object-fit:cover;align-self:center;margin-bottom:var(--space-md);border:var(--border-width) solid var(--pixel-outline);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase}.form-help{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-xs);line-height:1.4}.form-hint{font-family:var(--font-pixel);font-size:10px;color:var(--text-muted);margin-top:var(--space-xs);display:block}.store-input-row{display:flex;gap:var(--space-sm)}.store-input-row input{flex:1}.btn-sm{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs);white-space:nowrap}.search-suggestions{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:var(--border-width) solid var(--pixel-outline)}.search-suggestions h4{font-family:var(--font-pixel);font-size:var(--font-size-xs);margin-bottom:var(--space-md);color:var(--text-secondary);text-transform:uppercase}.search-suggestions.found-url{background:var(--pixel-mint);border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-sm);padding:var(--space-md);border-top:none;box-shadow:var(--shadow-pixel-sm);image-rendering:pixelated}.found-url-header{display:flex;align-items:center;gap:var(--space-sm);color:var(--pixel-dark);font-family:var(--font-pixel)}.found-url-header h4{color:var(--pixel-dark);margin-bottom:0;font-size:var(--font-size-xs)}.found-product-link{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-sm);color:var(--pixel-dark);text-decoration:none;font-family:var(--font-pixel);font-size:var(--font-size-xs);margin-top:var(--space-sm);transition:all .1s ease;box-shadow:var(--shadow-pixel-sm);text-transform:uppercase;image-rendering:pixelated}.found-product-link:hover{background:var(--pixel-dark);color:var(--pixel-mint);transform:translate(-1px,-1px);box-shadow:var(--shadow-pixel)}.success-text{color:var(--pixel-dark)!important;font-family:var(--font-pixel);font-size:var(--font-size-xs)}.search-suggestions.not-found{background:var(--pixel-peach);border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-sm);padding:var(--space-md);border-top:none;box-shadow:var(--shadow-pixel-sm);image-rendering:pixelated}.search-suggestions.not-found h4{color:var(--pixel-dark);margin-bottom:var(--space-sm)}.suggestion-links{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-sm)}.suggestion-link{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-sm);color:var(--text-primary);text-decoration:none;font-family:var(--font-pixel);font-size:var(--font-size-xs);transition:all .1s ease;box-shadow:var(--shadow-pixel-sm);text-transform:uppercase;image-rendering:pixelated}.suggestion-link:hover{border-color:var(--pixel-teal);background:var(--bg-card-hover);transform:translate(-1px,-1px);box-shadow:var(--shadow-pixel)}.error-message{color:var(--accent-danger);font-family:var(--font-pixel);font-size:var(--font-size-xs);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--pixel-peach);border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-pixel-sm);image-rendering:pixelated}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:var(--border-width) solid var(--pixel-outline)}.annotation-mode{margin-top:var(--space-md)}.image-mode.processing{display:flex;align-items:center;justify-content:center;min-height:300px}.processing-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center}.processing-indicator p{font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--text-primary)}.processing-indicator .processing-hint{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-muted)}.processing-indicator .spinning{color:var(--pixel-teal)}@keyframes pixel-spin{0%{transform:rotate(0)}to{transform:rotate(90deg)}}.brand-input-mode{display:flex;flex-direction:column;gap:var(--space-lg)}.brand-preview{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md);background:var(--bg-secondary);border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-md);box-shadow:var(--shadow-pixel-sm)}.brand-preview-image{width:80px;height:80px;object-fit:cover;border-radius:var(--border-radius-sm);border:var(--border-width) solid var(--pixel-outline);flex-shrink:0}.brand-detected-info{flex:1}.detected-label{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-muted);margin:0 0 var(--space-xs) 0;text-transform:uppercase}.detected-product{font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--text-primary);margin:0;line-height:1.4}.detected-category{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-muted);margin:var(--space-xs) 0 0 0;text-transform:uppercase}.brand-prompt{text-align:center}.brand-prompt h3{font-family:var(--font-pixel);font-size:var(--font-size-md);color:var(--pixel-teal);margin-bottom:var(--space-sm);-webkit-text-stroke:.5px var(--pixel-black)}.brand-prompt .input-group{max-width:300px;margin:0 auto var(--space-md) auto}.brand-prompt .input-group input{text-align:center;font-size:var(--font-size-sm)}.brand-prompt .mode-description{margin-bottom:var(--space-md)}.brand-prompt .form-group{margin-bottom:var(--space-md);text-align:left}.brand-prompt .form-group label{display:block;margin-bottom:var(--space-xs);font-weight:700;color:var(--text-primary)}.brand-prompt .form-group input{width:100%}.brand-prompt .modal-actions{border-top:none;padding-top:0;justify-content:center}.found-price{font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--pixel-dark);margin:var(--space-sm) 0;font-weight:700}.shopping-options-mode h3{font-family:var(--font-pixel);font-size:var(--font-size-md);color:var(--pixel-teal);margin-bottom:var(--space-sm);-webkit-text-stroke:.5px var(--pixel-black)}.shopping-options-list{display:flex;flex-direction:column;gap:var(--space-md);margin:var(--space-lg) 0}.shopping-option-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-md);cursor:pointer;transition:all .1s ease;box-shadow:var(--shadow-pixel-sm);text-align:left;width:100%}.shopping-option-card:hover{border-color:var(--pixel-teal);background:var(--bg-card-hover);transform:translate(-2px,-2px);box-shadow:var(--shadow-pixel)}.option-rank{font-family:var(--font-pixel);font-size:var(--font-size-lg);color:var(--pixel-teal);font-weight:700;min-width:32px}.option-image{width:60px;height:60px;object-fit:cover;border-radius:var(--border-radius-sm);border:var(--border-width) solid var(--pixel-outline);flex-shrink:0}.option-details{flex:1;min-width:0}.option-title{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-primary);margin:0 0 var(--space-xs) 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.option-meta{display:flex;align-items:center;gap:var(--space-md)}.option-store{font-family:var(--font-pixel);font-size:10px;color:var(--text-muted);text-transform:uppercase;padding:2px 6px;background:var(--bg-card);border:1px solid var(--pixel-outline);border-radius:2px}.option-price{font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--pixel-mint);font-weight:700;-webkit-text-stroke:.3px var(--pixel-dark)}.option-arrow{color:var(--text-muted);flex-shrink:0}.shopping-option-card:hover .option-arrow{color:var(--pixel-teal)}.shopping-options-footer{text-align:center;margin-top:var(--space-md)}.btn-link{background:none;border:none;color:var(--pixel-teal);font-family:var(--font-pixel);font-size:var(--font-size-xs);text-decoration:underline;cursor:pointer;padding:var(--space-xs) var(--space-sm)}.btn-link:hover{color:var(--pixel-lavender)}.selected-price-display{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--pixel-mint);border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-sm);margin-top:var(--space-md);box-shadow:var(--shadow-pixel-sm)}.price-label{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--pixel-dark);text-transform:uppercase}.price-value{font-family:var(--font-pixel);font-size:var(--font-size-md);color:var(--pixel-dark);font-weight:700}.price-store{font-family:var(--font-pixel);font-size:10px;color:var(--pixel-dark);opacity:.8;margin-left:auto;text-transform:uppercase}@media(max-width:480px){.modal-content{padding:var(--space-lg)}.mode-card{flex-direction:column;text-align:center}.modal-content:before,.modal-content:after{display:none}}.image-annotator{display:flex;flex-direction:column;gap:var(--space-md)}.annotator-instructions{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--pixel-peach);border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-md);box-shadow:var(--shadow-pixel-sm);image-rendering:pixelated}.instruction-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ff6b35;border:2px solid var(--pixel-outline);border-radius:var(--border-radius-sm);color:#fff;flex-shrink:0;box-shadow:var(--shadow-pixel-sm);image-rendering:pixelated}.instruction-text h4{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--pixel-dark);margin-bottom:var(--space-xs);text-transform:uppercase}.instruction-text p{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--pixel-dark);margin:0;line-height:1.4}.annotator-container{position:relative;border-radius:var(--border-radius-md);overflow:hidden;background:var(--bg-secondary);border:var(--border-width) solid var(--pixel-outline);-webkit-user-select:none;user-select:none;touch-action:none;cursor:crosshair;box-shadow:var(--shadow-pixel-sm);image-rendering:pixelated}.annotator-image{display:block;width:100%;max-height:350px;object-fit:contain;pointer-events:none;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.annotator-canvas{position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair;touch-action:none;image-rendering:pixelated}.draw-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);background:var(--pixel-dark);border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-md);color:var(--pixel-yellow);pointer-events:none;animation:pixel-pulse-hint 2s ease-in-out infinite;box-shadow:var(--shadow-pixel);image-rendering:pixelated}.draw-hint span{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--pixel-yellow);text-transform:uppercase;-webkit-text-stroke:.5px var(--pixel-black);text-shadow:none}@keyframes pixel-pulse-hint{0%,to{opacity:.9;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}.annotator-help{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center;padding:var(--space-xs) 0}.annotator-actions{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-md);border-top:var(--border-width) solid var(--pixel-outline)}.action-group{display:flex;gap:var(--space-sm)}.annotator-container:after{content:"";position:absolute;bottom:var(--space-sm);right:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--pixel-dark);border:2px solid var(--pixel-outline);border-radius:var(--border-radius-sm);font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--pixel-yellow);pointer-events:none;opacity:0;transition:opacity .2s;box-shadow:var(--shadow-pixel-sm);image-rendering:pixelated}.annotator-container:active:after{content:"Drawing...";opacity:1}@media(max-width:480px){.annotator-instructions{flex-direction:column;text-align:center}.instruction-icon{align-self:center}.annotator-image{max-height:280px}.draw-hint{padding:var(--space-md)}.draw-hint span,.annotator-help{font-size:var(--font-size-xs)}.annotator-actions{flex-direction:column-reverse;gap:var(--space-md)}.annotator-actions .btn-ghost,.action-group{width:100%}.action-group .btn{flex:1}}@media(hover:none)and (pointer:coarse){.annotator-container{min-height:250px}.draw-hint{font-size:var(--font-size-sm)}}.alert-banner{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--pixel-mint);border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-md);text-decoration:none;color:var(--pixel-dark);transition:all .1s ease;box-shadow:var(--shadow-pixel-sm);image-rendering:pixelated;position:relative;overflow:hidden}.alert-banner:hover{background:var(--pixel-sky-blue);transform:translate(4px);box-shadow:var(--shadow-pixel);animation:alert-bounce .3s ease}@keyframes alert-bounce{0%,to{transform:translate(4px)}50%{transform:translate(6px)}}.alert-icon{width:32px;height:32px;background:var(--pixel-dark);color:var(--pixel-mint);border:2px solid var(--pixel-outline);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-pixel-sm);image-rendering:pixelated}.alert-content{flex:1;min-width:0}.alert-title{font-family:var(--font-pixel);font-size:var(--font-size-xs);margin-bottom:var(--space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;line-height:1.4}.alert-title strong{color:var(--pixel-dark)}.alert-prices{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--pixel-dark);flex-wrap:wrap}.old-price{text-decoration:line-through;color:var(--text-muted);position:relative}.old-price:after{content:"";position:absolute;left:0;top:50%;width:100%;height:2px;background:var(--pixel-outline)}.arrow{color:var(--pixel-dark);font-weight:700}.new-price{font-family:var(--font-pixel);color:var(--pixel-dark)}.savings{background:var(--pixel-dark);color:var(--pixel-mint);padding:var(--space-xs) var(--space-sm);border:2px solid var(--pixel-outline);border-radius:var(--border-radius-sm);font-family:var(--font-pixel);font-size:var(--font-size-xs);text-transform:uppercase;box-shadow:var(--shadow-pixel-sm);image-rendering:pixelated}.alert-dismiss{background:var(--pixel-dark);border:2px solid var(--pixel-outline);color:var(--pixel-mint);cursor:pointer;padding:var(--space-xs);border-radius:var(--border-radius-sm);transition:all .1s ease;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-pixel-sm);image-rendering:pixelated}.alert-dismiss:hover{background:var(--accent-danger);color:var(--pixel-white);transform:translate(-1px,-1px);box-shadow:var(--shadow-pixel)}.pixel-mascot{display:inline-block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.mascot-svg,.mascot-img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.mascot-gif{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;background:transparent;mix-blend-mode:normal}.hyrax-gif{background:transparent}.hyrax-gif .mascot-gif{display:block}.raccoon-gif{background:transparent}.raccoon-gif .mascot-gif{display:block}.hyrax{animation:hyrax-wobble 3s ease-in-out infinite;opacity:1}.hyrax .mascot-img{opacity:1;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}@keyframes hyrax-wobble{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.raccoon{animation:raccoon-idle 1.5s ease-in-out infinite}.raccoon-waving .waving-paw{animation:wave 1s ease-in-out infinite;transform-origin:52px 23px}.raccoon-tail{animation:tail-sway 2s ease-in-out infinite;transform-origin:44px 43px}@keyframes raccoon-idle{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(1deg)}75%{transform:translateY(-2px) rotate(-1deg)}}@keyframes wave{0%,to{transform:rotate(-20deg)}50%{transform:rotate(20deg)}}.pixel-mascot.small{width:32px;height:32px}.pixel-mascot.small svg{width:32px;height:32px}.pixel-mascot.medium{width:64px;height:64px}.pixel-mascot.large{width:96px;height:96px}.pixel-mascot.large svg{width:96px;height:96px}.pixel-mascot.corner{position:absolute;z-index:10}.pixel-mascot.corner.top-left{top:8px;left:8px}.pixel-mascot.corner.top-right{top:8px;right:8px}.pixel-mascot.corner.bottom-left{bottom:8px;left:8px}.pixel-mascot.corner.bottom-right{bottom:8px;right:8px}.dashboard-modern{min-height:100vh;background:transparent;color:var(--text-primary);position:relative;overflow-x:hidden;padding-top:40px}.falling-mascot{position:fixed;top:-100px;z-index:1000;pointer-events:none;animation:fall-down linear forwards}.falling-mascot-img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}@keyframes fall-down{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(calc(100vh + 100px)) rotate(360deg);opacity:1}}.nav-modern{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-xs) var(--space-lg);background:var(--bg-card);box-shadow:0 2px 0 var(--pixel-outline);image-rendering:pixelated;height:34px;min-height:34px;max-height:34px;display:flex;align-items:center;overflow:hidden}.nav-modern-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;width:100%;position:relative}.nav-conveyor-belt{position:absolute;inset:0 120px 0 60px;display:flex;align-items:center;overflow:hidden;white-space:nowrap;pointer-events:none;z-index:1}.nav-conveyor-text{font-family:var(--font-pixel);font-size:var(--font-size-xs);background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3,red);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-text-stroke:none;text-shadow:none;display:inline-flex;align-items:center;gap:var(--space-xs);animation:conveyor-scroll 30s linear infinite,rainbow-shift 3s ease-in-out infinite;padding:0 var(--space-lg);white-space:nowrap;will-change:transform}.nav-conveyor-text .conveyor-emoji{font-size:14px;display:inline-block;vertical-align:middle}.nav-conveyor-text .conveyor-mascot{width:32px;height:32px;display:inline-block;vertical-align:middle;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;object-fit:contain}@keyframes conveyor-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.nav-modern-logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--pixel-teal);-webkit-text-stroke:.5px var(--pixel-black);text-shadow:none;position:relative;z-index:2;text-decoration:none;cursor:pointer;transition:transform .1s ease}.nav-modern-logo:hover{transform:scale(1.1)}.logo-icon{font-size:var(--font-size-xl);animation:pixel-bounce 2s ease-in-out infinite}.logo-text-modern{font-family:var(--font-pixel);color:var(--pixel-teal);-webkit-text-stroke:.5px var(--pixel-black);text-shadow:none}.nav-modern-actions{display:flex;align-items:center;gap:var(--space-sm);position:relative;z-index:2}.btn-modern{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-xs);width:24px;height:24px;min-width:24px;min-height:24px;max-width:24px;max-height:24px;border:1px solid var(--pixel-outline);border-radius:var(--border-radius-sm);font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--pixel-white);background:var(--pixel-teal);cursor:pointer;text-transform:uppercase;box-shadow:var(--shadow-pixel-sm);transition:all .1s ease;image-rendering:pixelated;box-sizing:border-box}.btn-modern:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--pixel-outline);animation:button-pop .2s ease}.btn-modern:active{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--pixel-outline)}.btn-modern svg{width:14px;height:14px;stroke:var(--pixel-outline);stroke-width:2px;flex-shrink:0}.btn-modern-primary{background:var(--pixel-teal);color:var(--pixel-white)}.btn-modern-primary:hover{background:var(--pixel-sky-blue)}.btn-modern-secondary{background:var(--pixel-lavender);color:var(--pixel-dark)}.btn-modern-secondary:hover{background:var(--pixel-peach)}.btn-modern-icon{width:24px!important;height:24px!important;padding:0!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important;border-radius:var(--border-radius-sm);box-sizing:border-box}.btn-modern-primary,.btn-modern-secondary{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important;padding:var(--space-xs);box-sizing:border-box}.btn-modern span{display:none}.btn-modern-ghost{background:transparent;color:var(--text-primary);border-color:var(--text-primary);box-shadow:none}.btn-modern-ghost:hover{background:var(--bg-secondary);box-shadow:var(--shadow-pixel-sm)}.btn-modern-large{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-sm)}.badge-modern{position:absolute;top:-4px;right:-4px;background:var(--accent-danger);color:var(--pixel-white);font-size:var(--font-size-xs);font-family:var(--font-pixel);width:16px;height:16px;border:2px solid var(--pixel-outline);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-pixel-sm);animation:bounce 1s ease-in-out infinite}.hero-modern{position:relative;min-height:auto;display:flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-lg) var(--space-xs) var(--space-lg);margin-top:0;margin-bottom:0;overflow:hidden;width:100%;box-sizing:border-box}.hero-modern-background{position:absolute;inset:0;z-index:0;overflow:hidden;opacity:.3}.gradient-orb{position:absolute;border-radius:0;image-rendering:pixelated;opacity:.4;animation:pixel-float 20s ease-in-out infinite}.gradient-orb-1{width:200px;height:200px;background:var(--pixel-teal);top:10%;left:10%;animation-delay:0s}.gradient-orb-2{width:150px;height:150px;background:var(--pixel-sky-blue);bottom:20%;right:15%;animation-delay:5s}.gradient-orb-3{width:120px;height:120px;background:var(--pixel-peach);top:50%;right:10%;animation-delay:10s}@keyframes pixel-float{0%,to{transform:translate(0)}33%{transform:translate(20px,-20px)}66%{transform:translate(-15px,15px)}}.hero-modern-content{position:relative;z-index:1;width:100%;margin:0 auto;text-align:center;animation:pixel-fade-in .5s ease-out;background:transparent;display:flex;flex-direction:column;align-items:stretch}.hero-badge{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--pixel-yellow);border:2px solid var(--pixel-outline);border-radius:var(--border-radius-sm);font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--pixel-dark);margin-bottom:var(--space-xs);box-shadow:var(--shadow-pixel-sm);text-transform:uppercase;image-rendering:pixelated;width:100%}.hero-title-wrapper{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);margin:0 auto var(--space-md) auto;flex-wrap:nowrap;width:100%;max-width:100%;text-align:center;overflow:visible;padding:var(--space-sm) var(--space-lg);box-sizing:border-box;min-height:60px}.hero-title-wrapper .pixel-mascot{flex-shrink:0;flex-grow:0}.hero-title-wrapper .hero-mascot-size{width:72px;height:72px}.hero-title-wrapper .hero-mascot-size img,.hero-title-wrapper .hero-mascot-size svg{width:72px;height:72px}.hero-title-wrapper .hero-title-modern{flex:1 1 auto;min-width:0}.hero-title-modern{font-family:var(--font-pixel);font-size:clamp(2.25rem,7vw,3rem);line-height:1.3;margin:0;padding:var(--space-xs) 0;background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-text-stroke:.5px var(--pixel-black);-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:var(--pixel-black);text-shadow:none;animation:pixel-bounce 2s ease-in-out infinite,rainbow-shift 3s ease-in-out infinite;text-align:center;white-space:normal;flex:1 1 auto;min-width:0;overflow:visible}@keyframes rainbow-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.gradient-text{color:var(--pixel-sky-blue);-webkit-text-stroke:.5px var(--pixel-black);text-shadow:none}.hero-description{font-family:var(--font-pixel);font-size:var(--font-size-sm);line-height:1.6;color:var(--text-primary);margin-bottom:var(--space-xl);max-width:600px;margin-left:auto;margin-right:auto;letter-spacing:-.5px}.hero-stats-modern{display:flex;justify-content:center;align-items:center;gap:var(--space-lg);flex-wrap:wrap;padding:var(--space-lg);background:var(--bg-card);border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-md);box-shadow:var(--shadow-pixel);image-rendering:pixelated}.hero-stat-item{text-align:center}.hero-stat-value{font-family:var(--font-pixel);font-size:var(--font-size-lg);color:var(--pixel-teal);margin-bottom:var(--space-xs)}.hero-stat-label{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase}.hero-stat-divider{width:2px;height:32px;background:var(--pixel-outline)}.alerts-modern{width:80%;max-width:80%;margin:var(--space-xl) auto;padding:var(--space-lg);background:var(--bg-card);border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-md);box-shadow:var(--shadow-pixel);image-rendering:pixelated}.alerts-modern-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:var(--border-width) solid var(--pixel-outline)}.alerts-modern-title{font-family:var(--font-pixel);font-size:var(--font-size-md);color:var(--text-primary)}.alerts-empty-modern{text-align:center;padding:var(--space-2xl);color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--font-size-sm)}.alerts-empty-modern svg{margin-bottom:var(--space-md);opacity:.5}.alerts-list-modern{display:flex;flex-direction:column;gap:var(--space-sm)}.stats-modern{width:100%;margin:0 auto;padding:var(--space-md) var(--space-lg);box-sizing:border-box}.stats-modern-grid{display:flex;justify-content:space-evenly;align-items:stretch;flex-wrap:nowrap;width:100%}.stat-card-modern{padding:var(--space-md);background:#ffffa5;border:none;border-radius:2px;box-shadow:2px 2px 4px #0000001a,4px 4px 8px #00000014,inset 0 -2px 4px #00000005;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1 1 0;min-width:80px;max-width:100px;aspect-ratio:1 / 1;text-align:center;position:relative;transform:rotate(-1deg)}.stat-card-modern:before{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 16px 16px 0;border-color:transparent #e6e600 transparent transparent;filter:brightness(.85)}.stat-card-modern:after{content:"";position:absolute;top:0;right:0;width:16px;height:16px;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.1) 50%)}.stat-card-modern:first-child{background:#ffb5ba;transform:rotate(1deg)}.stat-card-modern:first-child:before{border-color:transparent #e6a3a8 transparent transparent}.stat-card-modern:nth-child(2){background:#ffffa5;transform:rotate(-1.5deg)}.stat-card-modern:nth-child(2):before{border-color:transparent #e6e600 transparent transparent}.stat-card-modern:nth-child(3){background:#b5ffd9;transform:rotate(.5deg)}.stat-card-modern:nth-child(3):before{border-color:transparent #9ee6c2 transparent transparent}.stat-card-modern:hover{transform:rotate(0) translateY(-4px);box-shadow:4px 4px 8px #00000026,8px 8px 16px #0000001a}.stat-card-modern-accent{background:#ffffa5}.stat-card-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-sm);color:var(--text-primary);image-rendering:pixelated}.stat-card-icon-accent{background:var(--pixel-sky-blue);color:var(--pixel-black)}.stat-card-icon-accent svg{stroke:var(--pixel-black)}.stat-card-icon-gold{background:var(--pixel-sky-blue);color:var(--pixel-white)}.stat-icon-currency{font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--pixel-black)}.stat-card-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;gap:var(--space-sm)}.stat-card-value{font-family:var(--font-pixel);font-size:2rem;color:var(--text-primary);letter-spacing:-.5px;line-height:1}.stat-card-label{font-family:var(--font-pixel);font-size:1.25rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:-.5px;line-height:1}.cta-banner{display:flex;justify-content:center;padding:var(--space-md) 0}.btn-rainbow{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-family:var(--font-pixel);font-size:var(--font-size-sm);font-weight:700;color:var(--pixel-white);background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);background-size:200% 100%;border:2px solid var(--pixel-outline);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-pixel);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;animation:rainbow-shift 3s ease-in-out infinite;transition:transform .1s ease,box-shadow .1s ease;text-shadow:1px 1px 0px var(--pixel-outline),-1px -1px 0px var(--pixel-outline),1px -1px 0px var(--pixel-outline),-1px 1px 0px var(--pixel-outline)}.btn-rainbow:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--pixel-outline)}.btn-rainbow:active{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--pixel-outline)}.btn-rainbow-large{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-md)}.main-modern{max-width:1400px;margin:var(--space-sm) auto;padding:0 var(--space-lg) var(--space-2xl)}.section-header-modern{text-align:center;margin-bottom:var(--space-xl)}.section-title-modern{font-family:var(--font-pixel);font-size:clamp(var(--font-size-md),3vw,var(--font-size-xl));background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-text-stroke:.5px var(--pixel-black);-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:var(--pixel-black);margin-bottom:var(--space-sm);text-shadow:none;animation:rainbow-shift 3s ease-in-out infinite}.section-subtitle-modern{font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--text-secondary)}.items-grid-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media(min-width:768px){.items-grid-modern{grid-template-columns:repeat(4,1fr)}}.empty-state-modern{text-align:center;padding:var(--space-2xl) var(--space-lg)}.empty-state-icon{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg);opacity:1}.empty-state-title{font-family:var(--font-pixel);font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--space-md)}.empty-state-text{font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-lg);max-width:500px;margin-left:auto;margin-right:auto;letter-spacing:-.5px}@keyframes pixel-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:pixel-fade-in .3s ease-out}@media(max-width:768px){.dashboard-modern{padding-top:70px}.nav-modern{padding:var(--space-sm) var(--space-md)}.nav-modern-container{flex-wrap:wrap;gap:var(--space-sm)}.nav-modern-logo,.logo-text-modern{font-size:var(--font-size-xs)}.nav-modern-actions{gap:var(--space-xs);flex-wrap:wrap}.btn-modern{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.btn-modern span{display:none}.btn-modern-icon{width:28px;height:28px}.hero-modern{min-height:auto;padding:var(--space-md) var(--space-md) var(--space-xs) var(--space-md)}.hero-modern-content{padding:0}.hero-badge{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-md)}.hero-title-modern{font-size:var(--font-size-md)!important;line-height:1.3;margin-bottom:var(--space-sm)}.hero-description{font-size:var(--font-size-xs);padding:0 var(--space-sm);margin-bottom:var(--space-md)}.hero-stats-modern{flex-direction:column;gap:var(--space-sm)}.hero-stat-divider{width:80%;height:2px}.stats-modern{padding:0 var(--space-md)}.stats-modern-grid{justify-content:space-evenly}.stat-card-modern{padding:var(--space-sm);min-width:70px;max-width:90px}.stat-card-value{font-size:var(--font-size-xs)}.stat-card-label{font-size:8px}.main-modern{padding:0 var(--space-md) var(--space-xl)}.items-grid-modern{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.alerts-modern{margin:var(--space-lg) auto;padding:var(--space-md)}.alerts-modern-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.section-title-modern{font-size:var(--font-size-md)}.pixel-mascot.medium{width:40px;height:40px}.pixel-mascot.medium img,.pixel-mascot.medium svg{width:40px;height:40px}.hero-title-wrapper{gap:var(--space-sm);flex-wrap:wrap}.hero-title-wrapper .pixel-mascot{flex-shrink:0}}@media(max-width:480px){.dashboard-modern{padding-top:60px}.nav-modern-logo{font-size:8px}.hero-modern{padding:var(--space-sm) var(--space-sm) var(--space-xs) var(--space-sm)}.hero-badge{padding:4px 8px;font-size:9px}.hero-title-modern{font-size:var(--font-size-sm)!important}.pixel-mascot.medium{width:32px;height:32px}.pixel-mascot.medium img,.pixel-mascot.medium svg{width:32px;height:32px}.hero-title-wrapper{gap:var(--space-xs)}.stats-modern{padding:0 var(--space-sm)}.stats-modern-grid{justify-content:space-evenly}.stat-card-modern{padding:var(--space-xs);min-width:60px;max-width:80px}.stat-card-value{font-size:10px}.stat-card-label{font-size:7px}.main-modern{padding:0 var(--space-sm) var(--space-lg)}.section-title-modern{font-size:var(--font-size-sm)}}.price-chart{padding:var(--space-md) 0;background:var(--bg-card);border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-md);padding:var(--space-lg);box-shadow:var(--shadow-pixel-sm);image-rendering:pixelated}.chart-tooltip{background:var(--bg-card);border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-sm);padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow-pixel);font-family:var(--font-pixel);image-rendering:pixelated}.tooltip-price{font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--pixel-mint);margin-bottom:var(--space-xs)}.tooltip-date{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-muted)}.chart-legend{display:flex;justify-content:center;gap:var(--space-lg);margin-top:var(--space-md);padding-top:var(--space-md);border-top:var(--border-width) solid var(--pixel-outline);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-secondary)}.legend-line{width:24px;height:3px;border:1px solid var(--pixel-outline);image-rendering:pixelated}.legend-line.lowest{background:var(--pixel-mint);border-style:dashed}.item-detail{max-width:1000px;margin:0 auto;padding:var(--space-xl)}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.back-link{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);text-decoration:none;font-family:var(--font-pixel);font-size:var(--font-size-xs);transition:all .1s ease;text-transform:uppercase}.back-link:hover{color:var(--pixel-teal);transform:translate(-2px)}.detail-actions{display:flex;gap:var(--space-sm)}.error-state{text-align:center;padding:var(--space-2xl)}.error-state h2{margin-bottom:var(--space-lg);color:var(--text-secondary);font-family:var(--font-pixel)}.product-info{display:grid;grid-template-columns:300px 1fr;gap:var(--space-xl);margin-bottom:var(--space-xl)}.product-image-container{aspect-ratio:1;background:var(--bg-secondary);border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-pixel);image-rendering:pixelated}.product-image{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--font-size-xs);background:repeating-linear-gradient(45deg,var(--bg-secondary),var(--bg-secondary) 8px,var(--bg-card) 8px,var(--bg-card) 16px)}.product-details{display:flex;flex-direction:column;gap:var(--space-lg)}.product-store{display:inline-block;font-family:var(--font-pixel);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--pixel-lavender);background:var(--bg-secondary);padding:var(--space-xs) var(--space-sm);border:2px solid var(--pixel-outline);border-radius:var(--border-radius-sm);width:fit-content;box-shadow:var(--shadow-pixel-sm);image-rendering:pixelated}.product-name{font-family:var(--font-pixel);font-size:var(--font-size-lg);line-height:1.3;color:var(--text-primary)}.product-link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--pixel-teal);text-decoration:none;font-family:var(--font-pixel);font-size:var(--font-size-xs);transition:all .1s ease;text-transform:uppercase}.product-link:hover{color:var(--pixel-sky-blue);transform:translate(2px)}.price-section{padding:var(--space-lg);background:var(--bg-secondary);border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-md);box-shadow:var(--shadow-pixel-sm);image-rendering:pixelated}.current-price-display{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.price-label{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase}.price-value{font-family:var(--font-pixel);font-size:var(--font-size-xl)}.price-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:2px solid var(--pixel-outline);border-radius:var(--border-radius-sm);font-family:var(--font-pixel);font-size:var(--font-size-xs);text-transform:uppercase;box-shadow:var(--shadow-pixel-sm);image-rendering:pixelated}.price-badge.price-down{background:var(--pixel-mint);color:var(--pixel-dark)}.price-badge.price-up{background:var(--accent-danger);color:var(--pixel-white)}.price-meta{display:flex;gap:var(--space-xl);padding-top:var(--space-md);border-top:var(--border-width) solid var(--pixel-outline);flex-wrap:wrap}.meta-item{display:flex;flex-direction:column;gap:var(--space-xs)}.meta-label{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.meta-value{font-family:var(--font-pixel);font-size:var(--font-size-sm)}.meta-value.lowest,.meta-item.savings .meta-value{color:var(--pixel-mint)}.timestamps{display:flex;gap:var(--space-lg);color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--font-size-xs);flex-wrap:wrap}.timestamp{display:flex;align-items:center;gap:var(--space-xs)}.price-history-section{margin-bottom:var(--space-xl)}.price-history-section h2{margin-bottom:var(--space-lg);font-family:var(--font-pixel);font-size:var(--font-size-md);color:var(--pixel-sky-blue);-webkit-text-stroke:.5px var(--pixel-black);text-shadow:none}.no-history{color:var(--text-muted);text-align:center;padding:var(--space-xl);font-family:var(--font-pixel);font-size:var(--font-size-xs)}.history-table-section h2{margin-bottom:var(--space-lg);font-family:var(--font-pixel);font-size:var(--font-size-md);color:var(--pixel-sky-blue);-webkit-text-stroke:.5px var(--pixel-black);text-shadow:none}.history-table-wrapper{overflow-x:auto;border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-pixel-sm);image-rendering:pixelated}.history-table{width:100%;border-collapse:collapse;font-family:var(--font-pixel);font-size:var(--font-size-xs)}.history-table th,.history-table td{padding:var(--space-md);text-align:left;border-bottom:var(--border-width) solid var(--pixel-outline)}.history-table th{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-secondary)}.history-table td.price{font-family:var(--font-pixel)}.price-same{color:var(--text-muted)}@media(max-width:768px){.item-detail{padding:var(--space-md)}.detail-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.product-info{grid-template-columns:1fr}.product-image-container{max-width:300px;margin:0 auto}.price-meta{flex-wrap:wrap;gap:var(--space-md)}.timestamps{flex-direction:column;gap:var(--space-sm)}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-xl);background:transparent;position:relative}.loading-logo{font-size:var(--font-size-2xl);animation:pixel-bounce 1s ease-in-out infinite;-webkit-text-stroke:.5px var(--pixel-black);text-shadow:none;color:var(--pixel-teal)}@keyframes pixel-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.loading-screen p{font-family:var(--font-pixel);font-size:var(--font-size-lg);color:var(--text-primary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--pixel-outline);border-top-color:var(--pixel-teal);border-right-color:var(--pixel-teal);border-bottom-color:transparent;border-left-color:transparent;border-radius:0;animation:pixel-spin .8s linear infinite;image-rendering:pixelated}@keyframes pixel-spin{to{transform:rotate(90deg)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-pixel);font-weight:400;line-height:1.4}h1{font-size:var(--font-size-xl);color:var(--pixel-teal);-webkit-text-stroke:.5px var(--pixel-black);text-shadow:none}h2{font-size:var(--font-size-lg);color:var(--pixel-sky-blue);-webkit-text-stroke:.5px var(--pixel-black);text-shadow:none}h3{font-size:var(--font-size-md);color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-sm);font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--pixel-white);background:var(--pixel-teal);cursor:pointer;text-transform:uppercase;box-shadow:var(--shadow-pixel);transition:all .1s ease;position:relative;image-rendering:pixelated}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--pixel-outline);animation:button-pop .2s ease}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--pixel-outline)}@keyframes button-pop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.btn-primary{background:var(--pixel-teal);color:var(--pixel-white)}.btn-primary:hover{background:var(--pixel-sky-blue)}.btn-secondary{background:var(--pixel-lavender);color:var(--pixel-dark)}.btn-secondary:hover{background:var(--pixel-peach)}.btn-ghost{background:transparent;color:var(--text-primary);border-color:var(--text-primary);box-shadow:none}.btn-ghost:hover{background:var(--bg-secondary);box-shadow:var(--shadow-pixel-sm)}.btn-icon{width:32px;height:32px;padding:0;border-radius:var(--border-radius-sm)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:var(--shadow-pixel-sm)!important}input,textarea{width:100%;padding:var(--space-md);background:var(--bg-card);border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-sm);font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--text-primary);transition:all .1s ease;box-shadow:inset 2px 2px 0 var(--pixel-outline);image-rendering:pixelated;letter-spacing:-.5px}input:focus,textarea:focus{outline:none;border-color:var(--pixel-teal);box-shadow:inset 2px 2px 0 var(--pixel-outline),0 0 0 3px var(--pixel-teal);background:var(--bg-card-hover)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.7}.card{background:var(--bg-card);border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-md);padding:var(--space-lg);transition:all .1s ease;box-shadow:var(--shadow-pixel);image-rendering:pixelated}.card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--pixel-outline)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border:2px solid var(--pixel-outline);border-radius:var(--border-radius-sm);font-family:var(--font-pixel);font-size:var(--font-size-xs);text-transform:uppercase;box-shadow:var(--shadow-pixel-sm);image-rendering:pixelated}.badge-success{background:var(--pixel-mint);color:var(--pixel-dark)}.badge-danger{background:var(--accent-danger);color:var(--pixel-white)}.badge-warning{background:var(--pixel-yellow);color:var(--pixel-dark)}.price{font-family:var(--font-pixel);font-weight:400}.price-down{color:var(--pixel-mint)}.price-up{color:var(--accent-danger)}@keyframes pixel-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pixel-slide-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes tail-sway{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}.fade-in{animation:pixel-fade-in .3s ease forwards}.slide-in{animation:pixel-slide-in .3s ease forwards}.spinning{animation:pixel-spin 1s linear infinite}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:var(--bg-secondary);border:2px solid var(--pixel-outline);image-rendering:pixelated}::-webkit-scrollbar-thumb{background:var(--pixel-teal);border:2px solid var(--pixel-outline);image-rendering:pixelated}::-webkit-scrollbar-thumb:hover{background:var(--pixel-sky-blue)}