@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-orange: #FFA500;--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: 1px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-pixel: 2px 2px 0px var(--pixel-outline);--shadow-pixel-sm: 2px 2px 0px var(--pixel-outline);--shadow-pixel-lg: 2px 2px 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}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#4ecdc440;border-radius:999px;border:1px solid transparent;background-clip:content-box;min-height:8px}::-webkit-scrollbar-thumb:hover{background:#4ecdc473;background-clip:content-box}*{scrollbar-width:thin;scrollbar-color:rgba(78,205,196,.25) transparent}.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:1px solid rgba(255,255,255,.6)!important;border-radius:var(--border-radius-md)!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);left: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-md);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:#ef4444;color:#fff}.price-change-badge.increased{background:var(--bg-secondary, #888);color:var(--text-secondary, #ccc);border-color:#999;box-shadow:2px 2px #777}.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-md)}.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:#4ecdc4;text-shadow:-.5px -.5px 0 #000,.5px -.5px 0 #000,-.5px .5px 0 #000,.5px .5px 0 #000,0 -.5px 0 #000,0 .5px 0 #000,-.5px 0 0 #000,.5px 0 0 #000}.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:#4ecdc4;color:#fff;border:1px solid #666;border-radius:var(--border-radius-md);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-md);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-md);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:radial-gradient(ellipse at 50% 30%,rgba(78,205,196,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(255,182,193,.1) 0%,transparent 40%),#1a1a2ed9;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:1000;animation:modal-overlay-in .25s ease}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;isolation:isolate;background:#f4a0b5;border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);padding:var(--space-lg) var(--space-lg) var(--space-md);max-width:560px;width:100%;max-height:90vh;overflow-y:auto;animation:modal-bounce-in .4s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-pixel-lg);display:flex;flex-direction:column}.modal-content:after{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)}@keyframes modal-bounce-in{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-bg-image{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.35;pointer-events:none;z-index:0;border-radius:inherit}.modal-content>*:not(.modal-bg-image){position:relative;z-index:1}.modal-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;margin-top:var(--space-sm);margin-bottom:var(--space-xs);min-height:24px}.modal-back{display:flex;align-items:center;gap:var(--space-xs);background:transparent;border:none;color:var(--text-primary);font-family:var(--font-pixel);font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-md);cursor:pointer;transition:all .1s ease}.modal-back:hover{background:var(--bg-secondary)}.modal-header:not(:has(.modal-back)){justify-content:flex-end}.modal-close{flex-shrink:0;background:var(--accent-danger);border:1px solid var(--pixel-outline);color:var(--pixel-white);cursor:pointer;padding:var(--space-xs);border-radius:var(--border-radius-md);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:2px 2px 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-lg)}.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:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:var(--shadow-pixel-sm);image-rendering:pixelated;position:relative;overflow:hidden}.mode-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--pixel-teal);transition:width .2s ease}.mode-card:first-of-type{transform:rotate(-.5deg)}.mode-card:first-of-type:before{background:linear-gradient(180deg,var(--pixel-teal),var(--pixel-sky-blue))}.mode-card:last-of-type{transform:rotate(.5deg)}.mode-card:last-of-type:before{background:linear-gradient(180deg,var(--pixel-lavender),var(--pixel-peach))}.mode-card:hover{border-color:var(--pixel-teal);background:var(--bg-card-hover);transform:rotate(0) translateY(-4px) scale(1.02);box-shadow:var(--shadow-pixel),0 8px 20px #4ecdc433}.mode-card:hover:before{width:10px}.mode-icon{width:48px;height:48px;border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-pixel-sm);image-rendering:pixelated;transition:transform .2s ease}.mode-card:hover .mode-icon{transform:scale(1.05)}.mode-icon.url-icon{background:linear-gradient(135deg,var(--pixel-teal),var(--pixel-sky-blue));color:var(--pixel-white)}.mode-icon.pricetag-icon{background:var(--pixel-mint);color:var(--pixel-dark)}.mode-icon.product-icon{background:linear-gradient(135deg,var(--pixel-lavender),var(--pixel-peach));color:var(--pixel-dark)}.mode-icon.search-icon{background:linear-gradient(135deg,#FF7B54,var(--pixel-orange));color:var(--pixel-white)}.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-primary);margin-bottom:var(--space-sm);line-height:1.6}.modal-header .modal-header-desc{flex:1;margin:0;padding:0 var(--space-sm) 0 0;display:flex;align-items:center;line-height:1.4}.or-divider{text-align:center;font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--pixel-black);padding:var(--space-sm) 0}.input-group{margin-bottom:var(--space-sm)}.input-group-inline{position:relative}.input-group-inline.input-nudge{animation:input-nudge .5s ease .3s}@keyframes input-nudge{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}90%{transform:translate(1px)}}.input-group-inline input{padding-right:44px}.input-inline-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;border:1px solid var(--pixel-black);background:var(--pixel-teal);color:var(--pixel-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s ease}.input-inline-btn:hover{background:var(--pixel-sky-blue);transform:translateY(-50%) scale(1.05)}.input-inline-btn:active{transform:translateY(-50%) scale(.95)}.input-inline-btn:disabled{opacity:.3;cursor:not-allowed;transform:translateY(-50%)}.modal-content input{border:1px solid var(--pixel-outline)!important;border-radius:var(--border-radius-md);background:#fff;color:#1a1a2e;box-shadow:2px 2px 0 var(--pixel-outline)!important;image-rendering:auto!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;caret-color:#1a1a2e;cursor:text;transition:border-color .2s ease,box-shadow .2s ease}.modal-content input:focus{outline:none;border-color:var(--pixel-outline)!important;background:#fff;color:#1a1a2e;caret-color:#1a1a2e;box-shadow:2px 2px 0 var(--pixel-outline)!important}.input-hint{font-family:var(--font-pixel);font-size:10px;color:var(--text-secondary);margin-bottom:var(--space-md);padding:var(--space-xs) 0;line-height:1.4}.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:#d4e8f026;border:1px dashed white;border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;color:#fff;font-family:var(--font-pixel);font-size:var(--font-size-sm);text-align:center;line-height:2;position:relative;overflow:hidden}.upload-label:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(78,205,196,.08) 0%,transparent 70%);pointer-events:none}.upload-label:hover{border-color:#fff;border-style:solid;color:#fff;background:#f0f8ff26;transform:translateY(-2px);box-shadow:0 4px 12px #4ecdc426}.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-md);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:none;border-radius:var(--border-radius-md);margin-bottom:var(--space-lg);font-family:var(--font-pixel);font-size:var(--font-size-xs);box-shadow:none;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-md);object-fit:cover;align-self:center;margin-bottom:var(--space-md);border:none;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);margin-bottom:var(--space-sm);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-md);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-md);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-md);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-md);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-md);box-shadow:var(--shadow-pixel-sm);image-rendering:pixelated}.modal-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-lg)}.modal-actions .btn{flex:1 1 0;min-width:0}.modal-actions .btn-primary{opacity:1;background:var(--pixel-teal)}.modal-actions .btn-primary:disabled{opacity:.85;background:var(--pixel-teal)}.annotation-mode{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.modal-content:has(.annotation-mode)>.modal-header{display:none}.modal-content:has(.annotation-mode) .modal-bg-image{display:none}.modal-content:has(.annotation-mode){padding:0;background-color:#fff;background-image:linear-gradient(rgba(90,122,154,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(90,122,154,.12) 1px,transparent 1px);background-size:24px 24px;background-position:0 0,0 0}.modal-content:has(.brand-input-mode) .modal-bg-image{display:none}.modal-content:has(.brand-input-mode){border-width:1px;background-color:#fff;background-image:linear-gradient(rgba(90,122,154,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(90,122,154,.12) 1px,transparent 1px);background-size:24px 24px;background-position:0 0,0 0}.modal-content:has(.shopping-options-mode) .modal-bg-image{display:none}.modal-content:has(.shopping-options-mode){background-color:#fff;background-image:linear-gradient(rgba(90,122,154,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(90,122,154,.12) 1px,transparent 1px);background-size:24px 24px;background-position:0 0,0 0}.modal-content:has(.extracted-mode) .modal-bg-image{display:none}.modal-content:has(.extracted-mode){background-color:#fff;background-image:linear-gradient(rgba(90,122,154,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(90,122,154,.12) 1px,transparent 1px);background-size:24px 24px;background-position:0 0,0 0}.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:#fff}.processing-indicator .processing-hint{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:#fff}.processing-indicator .spinning{color:#fff}@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-md);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(--pixel-dark);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(--pixel-dark);margin:0;line-height:1.4;font-weight:500}.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);color:var(--pixel-dark)}.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(--pixel-dark)}.brand-prompt .form-hint{color:var(--text-secondary)}.brand-prompt .form-group input{width:100%}.brand-prompt .modal-actions{border-top:none;padding-top:0;justify-content:center}.brand-input-mode .brand-preview,.brand-input-mode .brand-preview-image,.brand-input-mode .form-group input,.brand-input-mode .variant-chip{border:1px solid var(--pixel-outline)}.brand-input-mode .modal-actions .btn{border-width:1px}.variants-section{margin-bottom:var(--space-md);text-align:left}.variants-label{display:block;font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;margin-bottom:var(--space-sm)}.variants-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.variant-chip{display:flex;align-items:center;gap:var(--space-xs);background:var(--bg-secondary);border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);padding:var(--space-xs) var(--space-sm);box-shadow:var(--shadow-pixel-sm)}.variant-type{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--pixel-teal);font-weight:700;text-transform:uppercase}.variant-input{background:transparent;border:none;font-family:var(--font-main);font-size:var(--font-size-sm);color:var(--text-primary);width:80px;padding:2px 4px}.variant-input:focus{outline:none;background:#ffffff1a;border-radius:2px}.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{min-width:0;overflow:hidden}.shopping-options-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm);padding-right:28px;min-height:24px}.modal-content:has(.shopping-options-mode){padding-top:var(--space-md)}.shopping-options-header h3{font-family:var(--font-pixel);font-size:var(--font-size-md);color:var(--pixel-teal);margin:0;-webkit-text-stroke:.5px var(--pixel-black)}.shopping-options-count{font-family:var(--font-pixel);font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.shopping-options-list{display:flex;flex-direction:column;gap:var(--space-sm);margin:var(--space-md) 0;overflow:hidden}.shopping-option-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-secondary);border:1px solid transparent;border-radius:var(--border-radius-md);cursor:pointer;transition:all .15s ease;text-align:left;min-width:0;position:relative}.shopping-option-card:hover{border-color:var(--pixel-teal);background:var(--pixel-white);transform:translateY(-1px);box-shadow:0 4px 12px #1a1a2e1f}.shopping-option-card:active{transform:translateY(0);box-shadow:0 1px 3px #1a1a2e1a}.option-image-wrap{position:relative;flex-shrink:0;width:48px;height:48px}.option-image{width:48px;height:48px;object-fit:cover;border-radius:var(--border-radius-md);border:1.5px solid rgba(26,26,46,.15);display:block}.option-rank{position:absolute;top:-4px;left:-4px;width:16px;height:16px;background:var(--pixel-teal);color:var(--pixel-white);font-family:var(--font-pixel);font-size:8px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--pixel-white);box-shadow:0 1px 3px #0003;line-height:1}.option-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.option-title{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-primary);margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.option-meta{display:flex;align-items:center;gap:var(--space-sm)}.option-store{font-family:var(--font-pixel);font-size:8px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.option-price{font-family:var(--font-pixel);font-size:var(--font-size-base);color:var(--pixel-dark);font-weight:700;margin-left:auto}.currency-label{font-size:.75em;font-weight:400;opacity:.7}.option-dismiss{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:transparent;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all .1s ease;padding:0;opacity:0}.shopping-option-card:hover .option-dismiss{opacity:1}.option-dismiss:hover{background:var(--accent-danger, #e74c3c);color:var(--pixel-white)}.shopping-options-footer{text-align:center;padding-top:var(--space-sm)}.btn-manual-entry{background:none;border:1.5px dashed var(--pixel-black);border-radius:var(--border-radius-md);color:var(--pixel-black);font-family:var(--font-pixel);font-size:var(--font-size-xs);cursor:pointer;padding:var(--space-sm) var(--space-md);width:100%;transition:all .15s ease}.btn-manual-entry:hover{border-color:var(--pixel-black);color:var(--pixel-black);background:#0000000d}.shopping-options-mode>.modal-actions{border-top:none;padding-top:0;margin-top:var(--space-md)}.shopping-options-mode>.modal-actions .btn{border-width:1px}.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-yellow);border:none;border-radius:var(--border-radius-md);margin-top:var(--space-md);box-shadow:none}.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:768px){.modal-overlay{padding:var(--space-sm)}.modal-content{padding:var(--space-md);max-height:95vh}.modal-content h2{font-size:var(--font-size-sm);margin-bottom:var(--space-md);padding-right:28px}.modal-content:after{display:none}.mode-card{padding:var(--space-md);gap:var(--space-sm)}.mode-icon{width:40px;height:40px}.mode-card h3{font-size:var(--font-size-xs)}.shopping-options-header h3{font-size:var(--font-size-sm)}.shopping-option-card{padding:var(--space-xs) var(--space-sm);gap:var(--space-sm)}.option-image-wrap,.option-image{width:40px;height:40px}.option-title{font-size:8px;word-break:break-word}.option-store{font-size:7px}.option-price{font-size:var(--font-size-sm)}.brand-preview{gap:var(--space-sm);padding:var(--space-sm)}.brand-preview-image{width:56px;height:56px}.brand-prompt h3{font-size:var(--font-size-sm)}.selected-price-display{flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-sm)}.modal-actions{margin-top:var(--space-md);padding-top:var(--space-md)}.modal-actions .btn{font-size:var(--font-size-xs);padding:var(--space-sm) var(--space-md)}.mode-description{font-size:10px;margin-bottom:var(--space-md)}}@media(max-width:480px){.modal-overlay{padding:var(--space-xs)}.modal-content{padding:var(--space-sm) var(--space-md)}.mode-card{flex-direction:column;text-align:center}.shopping-option-card{gap:var(--space-xs);padding:var(--space-xs)}.option-image-wrap,.option-image{width:36px;height:36px}.option-rank{width:14px;height:14px;font-size:7px}.option-title{font-size:8px}.brand-preview-image{width:48px;height:48px}}.image-annotator{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.annotator-instructions{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 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:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ff6b35;border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);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:#fff;margin-bottom:2px;text-transform:uppercase}.instruction-text p{font-family:var(--font-pixel);font-size:10px;color:#fff;margin:0;line-height:1.3}.annotator-container{position:relative;flex:1;min-height:0;overflow:hidden;background:#000;-webkit-user-select:none;user-select:none;touch-action:none;cursor:crosshair;display:flex;align-items:center;justify-content:center}.annotator-image{display:block;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.annotator-canvas{position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair;touch-action:none;image-rendering:pixelated}.canvas-buttons{position:absolute;top:12px;right:16px;display:flex;gap:8px;z-index:100}.canvas-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .15s,transform .1s}.canvas-btn:hover{background:#000000b3}.canvas-btn:active{transform:scale(.93)}.canvas-btn-close{background:#00000080}.canvas-btn-close:hover{background:#b43c3ccc}.draw-hint{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);pointer-events:none}.draw-hint-box{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:#ffffff26;border:1px solid rgba(255,255,255,.4);border-radius:var(--border-radius-md);color:#ffd93d;animation:pixel-pulse-hint 2s ease-in-out infinite;box-shadow:0 4px 16px #00000026;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.draw-hint-box span{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:#ffd93d;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes pixel-pulse-hint{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.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:#fff;text-align:center;padding:var(--space-xs) 0}.annotator-actions{display:flex;justify-content:flex-end;align-items:center;padding:var(--space-sm) var(--space-md);flex-shrink:0}.action-group{display:flex;gap:var(--space-xs)}.annotator-actions .btn{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs);box-shadow:var(--shadow-pixel-sm);color:#fff}.annotator-actions .btn-secondary{background:#0009;border-color:#ffffff80}.annotator-actions .btn-secondary:hover{background:#000c}.annotator-actions .btn svg{width:14px;height:14px}.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:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);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){.draw-hint-box{padding:var(--space-md)}.draw-hint-box 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-box{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:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);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-top-row{display:flex;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-xs)}.alert-date{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;flex-shrink:0;text-transform:uppercase}.alert-title{font-family:var(--font-pixel);font-size:var(--font-size-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:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);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:1px solid var(--pixel-outline);color:var(--pixel-mint);cursor:pointer;padding:var(--space-xs);border-radius:var(--border-radius-md);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(--pixel-mint);color:var(--pixel-dark);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:140px;height:140px}.pixel-mascot.large svg{width:140px;height:140px}.pixel-mascot.large img{width:140px;height:140px}.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:calc(64px + env(safe-area-inset-top,0px))}.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}.falling-mascot-giant{z-index:999;animation:fall-down-giant linear forwards,golden-pulse .5s ease-in-out infinite}.falling-mascot-giant .falling-mascot-img{animation:giant-wobble .5s ease-in-out infinite}@keyframes golden-pulse{0%,to{filter:brightness(1.1)}50%{filter:brightness(1.3)}}@keyframes fall-down-giant{0%{transform:translateY(0) rotate(-5deg) scale(1);opacity:0}5%{opacity:1}50%{transform:translateY(50vh) rotate(5deg) scale(1.05)}to{transform:translateY(calc(100vh + 300px)) rotate(-5deg) scale(1);opacity:.8}}@keyframes giant-wobble{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.falling-mascot-clickable{pointer-events:auto!important;cursor:pointer}.falling-mascot-clickable:hover{filter:brightness(1.1);transform:scale(1.05)}.falling-mascot-clickable:active{transform:scale(.95)}.giant-caught-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--pixel-yellow);animation:overlay-appear .15s ease-out forwards;cursor:pointer}.giant-caught-flash{position:absolute;inset:0;background:#fff;animation:caught-flash .35s ease-out forwards;pointer-events:none}@keyframes caught-flash{0%{opacity:.8}to{opacity:0}}@keyframes overlay-appear{0%{opacity:0}to{opacity:1}}.giant-caught-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);animation:caught-bounce .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes caught-bounce{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.giant-caught-mascot{width:180px;height:180px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.giant-caught-text{font-family:var(--font-pixel);font-size:3rem;color:var(--pixel-dark);text-shadow:2px 2px 0 rgba(255,255,255,.4);letter-spacing:4px;animation:caught-text-pulse .4s ease-in-out infinite alternate}@keyframes caught-text-pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.giant-caught-coins{font-family:var(--font-pixel);font-size:1.5rem;color:var(--pixel-dark);background:var(--pixel-white);padding:var(--space-sm) var(--space-lg);border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);box-shadow:var(--shadow-pixel-sm);animation:coins-pop .3s .3s ease-out both}@keyframes coins-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.reward-stat.reward-coins{display:flex;align-items:center;justify-content:center;gap:2px;background:#f4a0b5;border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);padding:0 3px;height:24px;min-height:24px;max-height:24px;box-shadow:var(--shadow-pixel-sm);white-space:nowrap;cursor:pointer;transition:all .1s ease;text-decoration:none}.reward-stat.reward-coins:hover{transform:translateY(-1px);box-shadow:var(--shadow-pixel-sm),0 2px 0 var(--pixel-outline);background:color-mix(in srgb,#F4A0B5 85%,white)}.reward-stat.reward-coins:active{transform:translateY(1px);box-shadow:none}.reward-coins .coin-icon{width:16px;height:16px;min-width:16px;min-height:16px;flex-shrink:0;aspect-ratio:1 / 1;background:linear-gradient(145deg,gold,#ffb800,#ff9500);border:1px solid var(--pixel-outline);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset -2px -2px #0003,0 1px 2px #0000001a}.reward-coins .coin-icon span{font-family:var(--font-pixel);font-size:10px;color:var(--pixel-dark);text-shadow:.5px .5px 0 rgba(255,255,255,.5);font-weight:700;line-height:1}.reward-value{font-family:var(--font-pixel);font-size:10px;color:#000;font-weight:400;background-color:#f4a0b5;padding:1px 2px;border-radius:var(--border-radius-md)}.reward-toast{position:fixed;top:calc(72px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:2000;animation:toast-appear .3s ease-out,toast-disappear .3s ease-in 2.7s forwards}.reward-toast-content{display:flex;align-items:center;gap:var(--space-md);background:linear-gradient(135deg,var(--pixel-yellow) 0%,var(--pixel-orange) 100%);border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-pixel-lg),0 0 30px #ffc86480;animation:toast-bounce .5s ease-out}.reward-toast-icon{width:40px;height:40px;image-rendering:pixelated;animation:coin-spin .5s ease-out}.reward-toast-text{display:flex;flex-direction:column;gap:2px}.reward-toast-message{font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--pixel-dark);font-weight:700}.reward-toast-coins{font-family:var(--font-pixel);font-size:var(--font-size-md);color:var(--pixel-dark);font-weight:700;text-shadow:1px 1px 0 rgba(255,255,255,.5)}@keyframes toast-appear{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.8)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes toast-disappear{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-20px) scale(.8)}}@keyframes toast-bounce{0%{transform:scale(.5)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes coin-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@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:calc(12px + env(safe-area-inset-top,0px)) var(--space-lg) var(--space-sm);padding-left:calc(var(--space-lg) + env(safe-area-inset-left,0px));padding-right:calc(var(--space-lg) + env(safe-area-inset-right,0px));background:#ffffff1a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-shadow:none;image-rendering:pixelated;min-height:44px;display:flex;align-items:center;justify-content:center;overflow:hidden}.nav-modern-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:var(--space-md);width:100%;position:relative;min-height:44px;flex-wrap:nowrap}.nav-conveyor-belt{position:absolute;inset:0;display:flex;align-items:center;overflow:hidden;white-space:nowrap;pointer-events:none;z-index:1;mask-image:linear-gradient(to right,transparent 0px,black 50px,black calc(100% - 220px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0px,black 50px,black calc(100% - 220px),transparent 100%)}.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;line-height:1;min-height:44px}.nav-conveyor-text .conveyor-emoji{font-size:14px;display:inline-flex;align-items:center;vertical-align:middle}.nav-conveyor-text .conveyor-mascot{width:32px;height:32px;display:inline-flex;align-items:center;flex-shrink:0;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;justify-content:center;gap:var(--space-sm);font-family:var(--font-pixel);font-size:var(--font-size-xs);position:relative;z-index:2;color:var(--pixel-teal);-webkit-text-stroke:.5px var(--pixel-black);text-shadow:none;text-decoration:none;cursor:pointer;transition:transform .1s ease;height:44px;flex-shrink:0}.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;margin-left:auto;height:44px;flex-shrink:0}.nav-divider{width:2px;height:20px;background:var(--pixel-outline);opacity:.3}.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-md);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:2px 2px 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:#ef4444;color:var(--pixel-white)}.btn-modern-primary:hover{background:#f87171}.btn-modern-secondary{background:var(--pixel-teal);color:var(--pixel-white)}.btn-modern-secondary:hover{background:#6ed8d0}.btn-modern-alert{background:var(--pixel-yellow)}.btn-modern-alert:hover{background:color-mix(in srgb,var(--pixel-yellow) 85%,white)}.btn-modern-alert svg{stroke:var(--pixel-outline)}.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-md);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:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);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:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);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-md) auto;padding:var(--space-sm) var(--space-md);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-empty-modern{text-align:center;padding:var(--space-md);color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--font-size-sm)}.alerts-empty-modern svg{margin-bottom:var(--space-xs);opacity:.5}.alerts-list-modern{display:flex;flex-direction:column;gap:var(--space-sm)}.stats-modern{width:100%;max-width:1400px;margin:var(--space-lg) auto;padding:0 var(--space-lg);box-sizing:border-box}.stats-modern-grid{display:flex;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:var(--space-md);width:100%}.stat-card-modern{padding:var(--space-md);background:#ffffa5;border:none;border-radius:var(--border-radius-md);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:0 0 auto;width:100px;min-width:80px;aspect-ratio:1 / 1;text-align:center;position:relative;transform:rotate(-1deg);overflow:hidden}.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-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.stat-card-active{transform:rotate(0) translateY(-6px) scale(1.08)!important;box-shadow:0 0 0 3px var(--pixel-outline),4px 4px 8px #0000002e,8px 8px 16px #0000001a!important;z-index:1}.stat-card-dimmed{opacity:.55;filter:grayscale(.3);transition:opacity .2s ease,filter .2s ease}.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-md);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);min-width:0}.stat-card-value{font-family:var(--font-pixel);font-size:20px;color:var(--text-primary);letter-spacing:-.5px;line-height:1}.stat-card-label{font-family:var(--font-pixel);font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:-.5px;line-height:1}.action-buttons-bar{position:fixed;bottom:0;left:0;right:0;z-index:900;display:flex;justify-content:center;align-items:center;gap:var(--space-lg);background:transparent;padding:var(--space-md) 0;padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom));pointer-events:auto}.action-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-lg);background:transparent;border:none;cursor:pointer;font-family:var(--font-pixel);font-size:9px;color:var(--text-secondary);position:relative}.action-btn-icon{width:56px;height:56px;border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 0 var(--pixel-outline);transition:transform .15s ease,box-shadow .15s ease}.action-btn:hover .action-btn-icon{transform:translateY(-3px);box-shadow:var(--shadow-pixel)}.action-btn:active .action-btn-icon{transform:translateY(1px) scale(.93);box-shadow:1px 1px 0 var(--pixel-outline)}.action-btn-url .action-btn-icon{width:auto;height:auto;padding:var(--space-sm) var(--space-md);gap:var(--space-xs);background:var(--pixel-teal);color:#000;font-family:var(--font-pixel);font-size:var(--font-size-xs);border-radius:var(--border-radius-md)}.action-btn-photo .action-btn-icon{background:var(--pixel-yellow);color:#000}.action-btn-search .action-btn-icon{background:#2dd4bf;color:#000}.action-btn-url:hover .action-btn-icon{background:color-mix(in srgb,#F4A0B5 85%,white)}.action-btn-photo:hover .action-btn-icon{background:color-mix(in srgb,var(--pixel-yellow) 85%,white)}.action-btn-search:hover .action-btn-icon{background:color-mix(in srgb,#2DD4BF 85%,white)}.internal-search-bar{position:sticky;top:calc(64px + env(safe-area-inset-top,0px));z-index:800;padding:var(--space-sm) var(--space-lg);background:transparent;display:flex;justify-content:center;pointer-events:none}.internal-search-container{max-width:100%;width:100%;pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:6px;background:#ffffffd9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid rgba(78,205,196,.4);border-radius:40px;padding:6px 18px;box-shadow:0 0 8px #4ecdc440,0 0 20px #4ecdc41a;transition:box-shadow .2s ease,border-color .2s ease}.internal-search-container:focus-within{border-color:#4ecdc499;box-shadow:0 0 10px #4ecdc459,0 0 28px #4ecdc426}.internal-search-icon{display:none}.internal-search-input{flex:1;min-width:0;background:transparent!important;border:none!important;padding:2px 0;box-shadow:none!important;image-rendering:auto!important;-webkit-font-smoothing:antialiased;font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-primary);caret-color:#1a1a2e;cursor:text;outline:0!important;text-align:left}.internal-search-input:hover,.internal-search-input:active,.internal-search-input:focus-visible{outline:0!important}.internal-search-input:focus{outline:0!important}.internal-search-input::placeholder{color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--font-size-xs)}.internal-search-placeholder{flex:1;color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--font-size-xs);text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none}.internal-search-count{font-family:var(--font-pixel);font-size:9px;color:var(--text-muted);white-space:nowrap;padding:1px 4px;background:#0000000a;border:none;border-radius:var(--border-radius-md)}.internal-search-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#0000000f;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;padding:0;flex-shrink:0;transition:all .1s ease}.internal-search-clear:hover{color:var(--accent-danger);background:#ef44441a}.internal-search-clear:active{transform:scale(.85)}.internal-search-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#0000000f;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:all .15s ease;padding:0}.internal-search-close svg{width:11px;height:11px}.internal-search-close:hover{color:var(--accent-danger);background:#ef44441a}.internal-search-close:active{transform:scale(.85)}.action-btn-active .action-btn-icon{box-shadow:2px 2px 0 var(--pixel-outline);transform:translateY(1px);filter:brightness(.85)}.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:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);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:2px 2px 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) 100px}.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-xl);margin-bottom:var(--space-xl);opacity:1}.empty-state-icon .pixel-mascot,.empty-state-icon .pixel-mascot img{width:160px;height:160px}.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:calc(60px + env(safe-area-inset-top,0px))}.nav-modern{padding:calc(12px + env(safe-area-inset-top,0px)) var(--space-md) var(--space-sm);padding-left:calc(var(--space-md) + env(safe-area-inset-left,0px));padding-right:calc(var(--space-md) + env(safe-area-inset-right,0px))}.nav-modern-container{flex-wrap:nowrap;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:nowrap}.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}.action-btn-icon{width:52px;height:52px}.stats-modern{padding:0 var(--space-md)}.stats-modern-grid{justify-content:space-evenly}.stat-card-modern{padding:var(--space-sm);width:90px;min-width:70px;max-width:90px}.stat-card-value{font-size:14px}.stat-card-label{font-size:8px}.main-modern{padding:0 var(--space-md) 90px}.items-grid-modern{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.alerts-modern{margin:var(--space-sm) auto;padding:var(--space-xs) 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:calc(60px + env(safe-area-inset-top,0px))}.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)}.action-btn-icon{width:48px;height:48px}.stats-modern{padding:0 var(--space-sm)}.stats-modern-grid{justify-content:space-evenly}.stat-card-modern{padding:var(--space-xs);width:80px;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) 85px}.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-md);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:#4ecdc4;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:#4ecdc4;border-style:dashed}.item-detail{max-width:1000px;margin:0 auto;padding:var(--space-md) var(--space-xl)}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.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)}.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:flex;flex-direction:column;gap:var(--space-xl);margin-bottom:var(--space-xl)}.product-info.card,.alternatives-section.card,.price-history-section.card,.history-table-section.card{background:#ffffff4d}.product-image-container{position:relative;width:100%;max-height:400px;aspect-ratio:1;background:#fff;border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-pixel)}.image-actions{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;gap:var(--space-xs)}.image-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#4ecdc4;border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);color:#fff;cursor:pointer;transition:all .1s ease;box-shadow:var(--shadow-pixel-sm)}.image-action-btn:hover{background:var(--pixel-yellow);color:var(--pixel-dark);transform:translateY(-1px)}.image-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.image-action-btn--danger:hover{background:var(--accent-danger);color:#fff;transform:translateY(-1px)}.image-store-badge{position:absolute;bottom:var(--space-sm);left:var(--space-sm);font-family:var(--font-pixel);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--pixel-black);background:var(--pixel-yellow);padding:var(--space-xs) var(--space-sm);border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);box-shadow:var(--shadow-pixel-sm)}.product-image{width:100%;height:100%;object-fit:cover}.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:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);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);transition:color .15s ease}.product-name-link{text-decoration:none;display:block}.product-name-link:hover .product-name{color:var(--pixel-teal)}.external-link-icon{display:inline-block;vertical-align:middle;margin-left:var(--space-xs);color:var(--text-muted);opacity:.5;transition:all .15s ease}.product-name-link:hover .external-link-icon{color:var(--pixel-teal);opacity:1}.price-section{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);padding:var(--space-md);background:#ffd6e0;border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);box-shadow:2px 2px 0 var(--pixel-outline)}.price-now{font-family:var(--font-pixel);font-size:28px;font-weight:700;color:var(--pixel-dark);line-height:1}.price-original{font-family:var(--font-pixel);font-size:13px;color:var(--text-muted);text-decoration:line-through}.price-savings{display:inline-flex;align-items:center;font-family:var(--font-pixel);font-size:11px;color:var(--pixel-dark);background:#fde047;padding:4px 8px;border-radius:var(--border-radius-md);border:1px solid var(--pixel-outline);font-weight:700;text-transform:uppercase;height:24px;box-sizing:border-box}.price-badge{display:inline-flex;align-items:center;gap:3px;padding:4px 8px;border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);font-family:var(--font-pixel);font-size:11px;text-transform:uppercase;font-weight:700;height:24px;box-sizing:border-box}.price-badge.price-down{background:#4ecdc4;color:#fff}.price-badge.price-up{background:var(--accent-danger);color:var(--pixel-white)}.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-md);box-shadow:var(--shadow-pixel-sm);image-rendering:pixelated}.history-table{width:100%;border-collapse:collapse;font-family:var(--font-pixel);font-size:9px}.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:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-secondary)}.history-table tbody tr{background:#fff}.history-table td.price{font-family:var(--font-pixel)}.price-same{color:var(--text-muted)}.alternatives-section{margin-bottom:var(--space-xl)}.alternatives-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);flex-wrap:wrap;gap:var(--space-md)}.alternatives-header h2{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-pixel);font-size:var(--font-size-md);color:#87ceeb;margin:0;-webkit-text-stroke:.5px var(--pixel-black);text-shadow:none}.tracked-count{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-md);border:var(--border-width) solid var(--pixel-outline)}.btn-search-alternatives{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,var(--pixel-peach) 0%,var(--pixel-coral) 100%);color:var(--pixel-dark);border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);font-family:var(--font-pixel);font-size:var(--font-size-xs);text-transform:uppercase;cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-pixel-sm)}.btn-search-alternatives:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-pixel);background:linear-gradient(135deg,var(--pixel-coral) 0%,var(--pixel-peach) 100%)}.btn-search-alternatives:disabled{opacity:.7;cursor:not-allowed}.alternatives-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl);text-align:center}.alternatives-loading p{font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--text-primary);margin:0}.alternatives-loading .loading-hint{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-muted)}.loading-spinner.small{width:24px;height:24px}.alternatives-error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:#ff6b811a;border:1px solid var(--accent-danger);border-radius:var(--border-radius-md);color:var(--accent-danger);font-family:var(--font-pixel);font-size:var(--font-size-xs)}.retry-btn{margin-left:auto;padding:var(--space-xs) var(--space-sm);background:var(--accent-danger);color:var(--pixel-white);border:none;border-radius:var(--border-radius-md);font-family:var(--font-pixel);font-size:var(--font-size-xs);cursor:pointer;text-transform:uppercase}.retry-btn:hover{opacity:.9}.alternatives-list{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-md);margin-top:var(--space-md)}.alternative-item{display:flex;flex-direction:column;padding:var(--space-sm) var(--space-md);padding-top:var(--space-md);background:var(--bg-card);border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);transition:all .15s ease;box-shadow:var(--shadow-pixel-sm);position:relative;gap:var(--space-xs)}.alternative-item .alt-link{display:flex;flex-direction:column;gap:var(--space-xs);text-decoration:none;color:inherit}.alternative-item:hover{transform:translateY(-2px);border-color:var(--pixel-teal);box-shadow:var(--shadow-pixel-md)}.alternative-item.is-cheaper{background:#fef9c3;border-color:var(--pixel-outline)}.alternative-item.is-cheaper:hover{border-color:var(--pixel-dark);box-shadow:var(--shadow-pixel-md)}.alternative-item.is-more-expensive{opacity:.85;background:var(--bg-secondary)}.alt-rank{position:absolute;top:-10px;left:12px;min-width:24px;height:24px;padding:0 6px;display:flex;align-items:center;justify-content:center;background:var(--pixel-lavender);color:var(--pixel-dark);border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);font-family:var(--font-pixel);font-size:10px;font-weight:700;z-index:1}.is-cheaper .alt-rank{background:#4ecdc4;color:#fff;border-color:var(--pixel-outline);box-shadow:0 2px 4px #00000026}.alt-store{font-family:var(--font-pixel);font-size:11px;color:#4ecdc4;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:var(--space-xs);font-weight:700}.is-cheaper .alt-store{color:#4ecdc4}.alt-info{display:flex;flex-direction:column;gap:2px}.alt-title{font-size:var(--font-size-sm);color:var(--pixel-dark);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.is-cheaper .alt-title{color:var(--pixel-dark)}.alt-price-section{display:flex;align-items:center;gap:var(--space-sm)}.alt-price{font-family:var(--font-pixel);font-size:var(--font-size-lg);color:var(--pixel-dark);font-weight:700}.is-cheaper .alt-price{color:var(--pixel-dark)}.alt-savings{display:inline-flex;align-items:center;gap:2px;font-family:var(--font-pixel);font-size:9px;color:#fff;background:#4ecdc4;padding:2px 6px;border-radius:var(--border-radius-md);white-space:nowrap;font-weight:700;border:1px solid var(--pixel-outline)}.alt-extra-cost{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-pixel);font-size:10px;color:var(--text-muted);background:var(--bg-secondary);padding:4px 10px;border-radius:var(--border-radius-md);white-space:nowrap;border:1px solid var(--pixel-outline)}.alt-link-icon{position:absolute;top:var(--space-sm);right:var(--space-sm);color:var(--text-muted);opacity:.6;transition:opacity .15s ease}.alternative-item:hover .alt-link-icon{opacity:1;color:var(--pixel-teal)}.is-cheaper .alt-link-icon{color:var(--pixel-dark)}.btn-add-watchlist{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:#4ecdc4;color:#fff;border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);font-family:var(--font-pixel);font-size:var(--font-size-xs);text-transform:uppercase;cursor:pointer;transition:all .15s ease;margin-top:var(--space-sm)}.btn-add-watchlist:hover:not(:disabled){background:#fde047;color:var(--pixel-dark);border:1px solid var(--pixel-outline)}.btn-add-watchlist:disabled{opacity:.7;cursor:not-allowed}.btn-add-watchlist.added{background:#4ecdc4;color:#fff;border:1px solid var(--pixel-outline)}.btn-add-watchlist .spinning{animation:spin 1s linear infinite}.btn-save-all{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,#4ecdc4,#3bb5ad);color:#fff;border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);font-family:var(--font-pixel);font-size:var(--font-size-xs);text-transform:uppercase;cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-pixel-sm);margin-top:var(--space-sm)}.btn-save-all:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-pixel);background:linear-gradient(135deg,#3bb5ad,#4ecdc4)}.btn-save-all:active:not(:disabled){transform:translateY(1px);box-shadow:1px 1px 0 var(--pixel-outline)}.btn-save-all:disabled{opacity:.7;cursor:not-allowed}.btn-save-all--done{background:#a7f3d0;color:var(--pixel-dark);border-color:var(--pixel-outline)}.best-price-banner{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-md);background:linear-gradient(135deg,#3ab5ad33,#3ab5ad1a);border:1px solid #4ECDC4;border-radius:var(--border-radius-md)}.best-price-banner .best-price-icon{color:#4ecdc4;flex-shrink:0;animation:pulse-glow 2s ease-in-out infinite}.best-price-banner .best-price-text{display:flex;flex-direction:column;gap:2px}.best-price-banner .best-price-text strong{font-family:var(--font-pixel);font-size:var(--font-size-sm);color:#4ecdc4;-webkit-text-stroke:.5px var(--pixel-dark)}.best-price-banner .best-price-text span{font-size:var(--font-size-xs);color:var(--text-secondary)}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.alternative-item.is-more-expensive{opacity:.85;background:#ffffff26}.alternative-item.is-more-expensive:hover{opacity:1}.alt-extra-cost{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic}.no-alternatives{text-align:center;padding:var(--space-xl);color:var(--text-muted)}.no-alternatives p{font-family:var(--font-pixel);font-size:var(--font-size-sm);margin:0 0 var(--space-xs) 0}.no-alternatives span{font-size:var(--font-size-xs)}.btn-search-again{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);color:var(--text-secondary);border:1px dashed var(--pixel-outline);border-radius:var(--border-radius-md);font-family:var(--font-pixel);font-size:var(--font-size-xs);text-transform:uppercase;cursor:pointer;transition:all .15s ease}.btn-search-again:hover:not(:disabled){background:var(--bg-card);color:var(--text-primary);border-style:solid}.btn-search-again:disabled{opacity:.5;cursor:not-allowed}.alternatives-hint{text-align:center;padding:var(--space-md);color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--font-size-xs);margin:0}@media(max-width:768px){.item-detail{padding:var(--space-md)}.detail-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.product-image-container{max-height:300px}.price-section{flex-wrap:wrap}.price-now{font-size:24px}.timestamps{flex-direction:column;gap:var(--space-sm)}.alternatives-header{flex-direction:column;align-items:stretch}.btn-search-alternatives{justify-content:center}.alternative-item{padding:var(--space-sm);padding-top:var(--space-md)}.alt-rank{top:-6px;left:8px;width:18px;height:18px;font-size:8px}.alt-price-section{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}.watchlist-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.watchlist-modal{background:var(--bg-card);border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);padding:var(--space-xl);max-width:400px;width:100%;box-shadow:var(--shadow-pixel-lg),0 20px 40px #0000004d;position:relative;animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{position:absolute;top:var(--space-md);right:var(--space-md);background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--border-radius-md);transition:all .15s ease}.modal-close-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.modal-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.modal-header .modal-icon{color:#4ecdc4}.modal-header h3{font-family:var(--font-pixel);font-size:var(--font-size-lg);margin:0;color:var(--text-primary)}.modal-product-preview{background:linear-gradient(135deg,#3ab5ad26,#3ab5ad0d);border:1px solid #4ECDC4;border-radius:var(--border-radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs)}.preview-store{font-family:var(--font-pixel);font-size:10px;color:var(--pixel-teal);text-transform:uppercase;letter-spacing:.5px}.preview-title{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.3}.preview-price{font-family:var(--font-pixel);font-size:var(--font-size-lg);color:#4ecdc4;font-weight:700}.preview-savings{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-pixel);font-size:10px;color:#4ecdc4;background:#3ab5ad26;padding:2px 8px;border-radius:var(--border-radius-md);width:fit-content}.modal-question{font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--space-md) 0;text-align:center}.modal-actions{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.btn-add-both,.btn-replace{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);cursor:pointer;transition:all .15s ease;text-align:left}.btn-add-both{background:linear-gradient(135deg,#4ecdc4,#3bb5ad);color:#fff}.btn-add-both:hover{transform:translateY(-2px);box-shadow:var(--shadow-pixel-sm)}.btn-replace{background:var(--bg-secondary);color:var(--text-primary)}.btn-replace:hover{background:var(--pixel-lavender);transform:translateY(-2px);box-shadow:var(--shadow-pixel-sm)}.btn-text{display:flex;flex-direction:column;gap:2px}.btn-label{font-family:var(--font-pixel);font-size:var(--font-size-sm);font-weight:700}.btn-desc{font-size:11px;opacity:.8}.btn-cancel{width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:1px dashed var(--pixel-outline);border-radius:var(--border-radius-md);color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--font-size-xs);cursor:pointer;transition:all .15s ease}.btn-cancel:hover{background:var(--bg-secondary);border-style:solid;color:var(--text-primary)}@media(max-width:480px){.watchlist-modal{padding:var(--space-lg)}.modal-header h3{font-size:var(--font-size-md)}}.rewards-page{min-height:100vh;background:transparent;padding:var(--space-lg);max-width:600px;margin:0 auto}.rewards-loading,.rewards-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--space-md);font-family:var(--font-pixel);color:var(--text-secondary)}.rewards-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.btn-back{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--bg-card);border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-primary);text-decoration:none;box-shadow:var(--shadow-pixel-sm);transition:all .1s ease}.btn-back:hover{transform:translateY(-2px);box-shadow:var(--shadow-pixel)}.rewards-title{font-family:var(--font-pixel);font-size:var(--font-size-lg);color:var(--text-primary);margin:0}.total-coins-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl);background:#ffb5c5;border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);box-shadow:var(--shadow-pixel-lg);margin-bottom:var(--space-lg)}.total-coins-icon{display:flex;align-items:center;justify-content:center}.pixel-coin{width:72px;height:72px;min-width:72px;min-height:72px;flex-shrink:0;aspect-ratio:1 / 1;background:linear-gradient(145deg,gold,#ffb800,#ff9500);border:4px solid var(--pixel-outline);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset -4px -4px #0003,inset 4px 4px #ffffff4d,4px 4px 0 var(--pixel-outline);animation:coin-shine 2s ease-in-out infinite;position:relative}.pixel-coin:before{content:"";position:absolute;top:8px;left:8px;width:16px;height:16px;background:#ffffff80;border-radius:50%}.pixel-coin span{font-family:var(--font-pixel);font-size:2rem;color:var(--pixel-dark);text-shadow:1px 1px 0 rgba(255,255,255,.5);font-weight:700}@keyframes coin-shine{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.total-coins-info{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.total-coins-value{font-family:var(--font-pixel);font-size:3rem;color:var(--pixel-dark);line-height:1;text-shadow:2px 2px 0 rgba(255,255,255,.3)}.total-coins-label{font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--pixel-dark);opacity:.8}.total-coins-card .pixel-mascot,.total-coins-card .pixel-mascot img{width:100px;height:100px}.streak-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);box-shadow:var(--shadow-pixel);margin-bottom:var(--space-xl)}.streak-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--pixel-yellow);border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);color:var(--pixel-dark);animation:flame-pulse 1s ease-in-out infinite}@keyframes flame-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.streak-info{flex:1}.streak-current{display:flex;align-items:baseline;gap:var(--space-xs)}.streak-number{font-family:var(--font-pixel);font-size:var(--font-size-2xl);color:var(--pixel-orange)}.streak-label{font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--text-primary)}.streak-best{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--space-xs)}.breakdown-section{margin-bottom:var(--space-xl)}.breakdown-title{font-family:var(--font-pixel);font-size:var(--font-size-md);color:var(--text-primary);margin-bottom:var(--space-md)}.breakdown-list{display:flex;flex-direction:column;gap:var(--space-sm)}.breakdown-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);box-shadow:var(--shadow-pixel-sm);transition:all .1s ease}.breakdown-item:hover{transform:translate(4px)}.breakdown-item.locked{opacity:.6}.breakdown-item.locked:hover{transform:none}.breakdown-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);color:var(--pixel-white);flex-shrink:0}.breakdown-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.breakdown-label{font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--text-primary)}.breakdown-description{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breakdown-earned{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--pixel-teal);font-weight:700;flex-shrink:0}.breakdown-earned .earned-check{color:var(--accent-success)}.breakdown-earned .not-earned{color:var(--text-muted)}.tips-section{padding:var(--space-lg);background:var(--bg-secondary);border:1px dashed var(--pixel-outline);border-radius:var(--border-radius-md)}.tips-title{font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--space-md)}.tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.tips-list li{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-secondary);padding-left:var(--space-md);position:relative}.tips-list li:before{content:"→";position:absolute;left:0;color:var(--pixel-teal)}@media(max-width:480px){.rewards-page{padding:var(--space-md)}.total-coins-card{flex-wrap:wrap;padding:var(--space-lg)}.total-coins-value{font-size:2.5rem}.total-coins-icon{width:60px;height:60px}.breakdown-description{display:none}}.notification-toast{position:fixed;top:12px;left:50%;transform:translate(-50%) translateY(-120%);width:calc(100% - 24px);max-width:400px;background:#1e1e1ef2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius-md);padding:14px 16px;z-index:10000;cursor:pointer;box-shadow:0 4px 30px #0000004d,0 0 0 1px #ffffff1a;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease;opacity:0;overflow:hidden}.notification-toast.visible{transform:translate(-50%) translateY(0);opacity:1}.notification-toast.leaving{transform:translate(-50%) translateY(-120%);opacity:0;transition:transform .3s cubic-bezier(.6,-.28,.735,.045),opacity .2s ease}.notification-pill{position:absolute;top:6px;left:50%;transform:translate(-50%);width:36px;height:5px;background:#ffffff4d;border-radius:var(--border-radius-md)}.notification-content{display:flex;align-items:flex-start;gap:12px;margin-top:8px}.notification-app-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--pixel-mint),var(--pixel-teal));border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #4ecdc466}.notification-app-icon svg{color:#fff;stroke-width:2.5px}.notification-text{flex:1;min-width:0;color:#fff}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.notification-app-name{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.notification-time{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;color:#fff6}.notification-title{font-family:var(--font-pixel);font-size:11px;font-weight:700;color:var(--pixel-mint);margin:0 0 4px;text-shadow:0 0 10px rgba(152,251,152,.5)}.notification-body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:#fffffff2;margin:0 0 6px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-body strong{font-weight:600}.notification-price{display:flex;align-items:center;gap:8px;font-family:var(--font-pixel);font-size:10px;margin:0;flex-wrap:wrap}.notification-price .old-price{color:#ffffff80;text-decoration:line-through}.notification-price .arrow{color:var(--pixel-mint)}.notification-price .new-price{color:#fff;font-weight:700}.notification-price .savings-badge{background:var(--pixel-mint);color:var(--pixel-dark);padding:2px 6px;border-radius:var(--border-radius-md);font-weight:700;font-size:9px}.notification-thumbnail{width:44px;height:44px;border-radius:var(--border-radius-md);overflow:hidden;flex-shrink:0;background:#ffffff1a}.notification-thumbnail img{width:100%;height:100%;object-fit:cover}.notification-dismiss{position:absolute;top:12px;right:12px;width:24px;height:24px;background:#ffffff26;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffb3;transition:all .2s ease;padding:0}.notification-dismiss:hover{background:#ffffff40;color:#fff}.notification-progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,var(--pixel-mint),var(--pixel-teal));border-radius:0 0 20px 20px;animation:progress-shrink 8s linear forwards}@keyframes progress-shrink{0%{width:100%}to{width:0%}}.notification-toast:hover{transform:translate(-50%) translateY(2px) scale(.98)}.notification-toast:active{transform:translate(-50%) translateY(4px) scale(.96)}.notification-toast:nth-child(2){top:100px;opacity:.9;transform:translate(-50%) translateY(0) scale(.95)}.notification-toast:nth-child(3){top:180px;opacity:.8;transform:translate(-50%) translateY(0) scale(.9)}@supports (padding-top: env(safe-area-inset-top)){.notification-toast{top:calc(env(safe-area-inset-top) + 12px)}}@media(max-width:480px){.notification-toast{width:calc(100% - 16px);border-radius:var(--border-radius-md);padding:12px 14px}.notification-pill{width:32px;height:4px}.notification-app-icon{width:36px;height:36px}.notification-thumbnail{width:40px;height:40px}.notification-body{font-size:13px}}.install-prompt-overlay{position:fixed;bottom:100px;left:0;right:0;z-index:9999;display:flex;justify-content:center;padding:0 var(--space-md);pointer-events:none}.install-prompt{pointer-events:all;background:var(--bg-card);border:var(--border-width) solid var(--pixel-outline);border-radius:var(--border-radius-md);padding:var(--space-lg);max-width:380px;width:100%;box-shadow:var(--shadow-pixel-lg);position:relative;animation:prompt-slide-up .4s ease-out}@keyframes prompt-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.install-prompt-close{position:absolute;top:var(--space-sm);right:var(--space-sm);background:transparent;border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .1s ease}.install-prompt-close:hover{background:var(--accent-danger);color:var(--pixel-white)}.install-prompt-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.install-prompt-icon{width:48px;height:48px;border-radius:var(--border-radius-md);border:1px solid var(--pixel-outline);box-shadow:var(--shadow-pixel-sm);flex-shrink:0}.install-prompt-title{font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--pixel-teal);margin-bottom:4px;-webkit-text-stroke:0;text-shadow:none}.install-prompt-subtitle{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5}.install-steps{display:flex;flex-direction:column;gap:var(--space-md)}.install-step{display:flex;gap:var(--space-md);padding:var(--space-sm);border-radius:var(--border-radius-md);border:1px solid transparent;transition:all .2s ease;opacity:.4}.install-step-active{opacity:1;border-color:var(--pixel-teal);background:#4ecdc414}.install-step-done{opacity:.6}.install-step-number{width:24px;height:24px;min-width:24px;border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-pixel);font-size:var(--font-size-xs);color:var(--pixel-teal);background:var(--bg-secondary);box-shadow:var(--shadow-pixel-sm)}.install-step-active .install-step-number{background:var(--pixel-teal);color:var(--pixel-white)}.install-step-done .install-step-number{background:var(--pixel-mint);color:var(--pixel-dark)}.install-step-content p{font-family:var(--font-pixel);font-size:var(--font-size-xs);line-height:1.6;color:var(--text-primary)}.install-step-content strong{color:var(--pixel-teal)}.install-step-icon-hint{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);color:var(--text-muted);font-family:var(--font-pixel);font-size:7px}.install-step-icon-hint svg{color:var(--pixel-sky-blue);flex-shrink:0}.install-step-nav{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-sm)}.btn-install{font-family:var(--font-pixel);font-size:var(--font-size-xs);padding:var(--space-sm) var(--space-md);border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);box-shadow:var(--shadow-pixel-sm);transition:all .1s ease;text-transform:uppercase}.btn-install:hover{transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--pixel-outline)}.btn-install:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--pixel-outline)}.btn-install-primary{background:var(--pixel-teal);color:var(--pixel-white)}.btn-install-ghost{background:transparent;color:var(--text-secondary)}.install-generic-text{font-family:var(--font-pixel);font-size:var(--font-size-xs);line-height:1.8;color:var(--text-primary)}.install-generic-text strong{color:var(--pixel-teal)}.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:1px 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:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);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(-1px,-1px);box-shadow:2px 2px 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-md)}.btn svg{width:14px;height:14px;flex-shrink:0}.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-md);font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--text-primary);transition:all .1s ease;box-shadow:2px 2px 0 var(--pixel-outline);letter-spacing:-.5px}input:focus,textarea:focus{outline:none;border-color:var(--pixel-teal);box-shadow:2px 2px 0 var(--pixel-outline);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(-1px,-1px);box-shadow:2px 2px 0 var(--pixel-outline)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border:1px solid var(--pixel-outline);border-radius:var(--border-radius-md);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:#4ecdc4}.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:1px solid var(--pixel-outline);image-rendering:pixelated}::-webkit-scrollbar-thumb{background:var(--pixel-teal);border:1px solid var(--pixel-outline);image-rendering:pixelated}::-webkit-scrollbar-thumb:hover{background:var(--pixel-sky-blue)}