:root{--bg-base: #F7F4E9;--bg-elevated: #FFFFFF;--bg-subtle: #F4F5F2;--bg-hover: #EDEEE9;--bg-card: #FFFFFF;--bg-card-hover: #F7F4E9;--text-primary: #111111;--text-secondary: #3D3D3D;--text-tertiary: #6B7280;--text-quaternary: #9CA3AF;--accent: #12271D;--accent-hover: #1a3a2b;--accent-soft: rgba(18, 39, 29, .08);--accent-glow: rgba(18, 39, 29, .2);--success: #1AA64A;--warning: #FCBD00;--danger: #DB4437;--info: #4285F4;--border: #D1D5DB;--border-light: #E5E7EB;--border-strong: #9CA3AF;--gradient-mesh: none;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--ease: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-base: .2s;--duration-slow: .4s;--font-display: "degular-variable", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "degular-variable", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Sans Condensed", -apple-system, BlinkMacSystemFont, sans-serif}@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--text-primary);background:var(--bg-base);min-height:100vh;overflow:hidden}body:has(.results-section.is-visible){overflow:auto}::selection{background:var(--accent);color:#fff}img{max-width:100%;height:auto;display:block}a{color:var(--accent);text-decoration:none;transition:color var(--duration-fast) var(--ease)}a:hover{color:var(--accent-hover)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bg-gradient{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--gradient-mesh);pointer-events:none;z-index:0}.bg-noise{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.015;pointer-events:none;z-index:1}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at center,rgba(0,0,0,.03) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;z-index:1;mask-image:radial-gradient(ellipse 70% 50% at 50% 30%,black,transparent);-webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 30%,black,transparent)}.site{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column}.main{flex:1;display:flex;flex-direction:column}.search-section{position:sticky;top:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;padding:var(--space-16) var(--space-8) 264px;overflow:hidden;transition:opacity .4s ease,height 0ms .4s,padding 0ms .4s;background:var(--bg-base)}.landing-footer{position:absolute;bottom:32px;left:0;right:0;text-align:center;font-family:var(--font-body);font-size:13px;font-weight:400;letter-spacing:.05em;color:var(--text-quaternary)}.landing-footer a{color:var(--text-tertiary);text-decoration:none;transition:color .2s ease}.landing-footer a:hover{color:var(--accent)}.search-section:after{content:"";position:absolute;bottom:-120px;left:0;right:0;height:120px;background:linear-gradient(to bottom,var(--bg-base) 0%,transparent 100%);pointer-events:none;opacity:0;transition:opacity .6s var(--ease)}.search-section.has-results{height:0;padding:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .5s ease,height 0ms .5s,padding 0ms .5s}.search-section.has-results:after{opacity:0}.search-expand-close{display:none}.results-section{position:relative;width:100%;max-width:100%;margin:0;padding:0;opacity:0;transform:translateY(60px);transition:opacity 1s cubic-bezier(.22,1,.36,1) .4s,transform 1.2s cubic-bezier(.22,1,.36,1) .3s;pointer-events:none;overflow:visible;display:flex;flex-direction:column;justify-content:center;min-height:0}.results-section.is-visible{flex:1;padding:80px 0 var(--space-24);min-height:calc(100vh - 80px);opacity:1;transform:translateY(0);pointer-events:auto}.app-header{position:fixed;top:0;left:0;right:0;display:none;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:linear-gradient(to bottom,var(--bg-base) 0%,rgba(247,244,233,.95) 60%,transparent 100%);z-index:1000}.app-header.is-visible{display:flex}.header-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:50%;cursor:pointer;transition:all .2s var(--ease);color:var(--text-secondary);flex-shrink:0}.header-btn:hover{background:var(--bg-subtle);border-color:var(--border);color:var(--text-primary);transform:scale(1.05)}.header-btn svg{width:20px;height:20px}.header-search-form{display:flex;align-items:center;gap:var(--space-4);flex:1;max-width:560px}.header-search-field{flex:1;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-5);height:48px;background:transparent;border:2px solid transparent;border-radius:48px;transition:all var(--duration-base) var(--ease);position:relative}.header-search-field:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:46px;background:#fff;z-index:-1}.header-search-field:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:52px;padding:4px;background:conic-gradient(from var(--gradient-angle, 0deg),#4F46E5,#7C3AED,#A855F7,#EC4899,#F59E0B,#10B981,#06B6D4,#4F46E5);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-2;animation:rotateGradient 2s linear infinite}.header-search-field:focus-within{transform:translateY(-2px);box-shadow:0 0 0 4px #4f46e514}.header-search-field input{flex:1;height:100%;font-family:inherit;font-size:18px;font-weight:400;color:var(--text-primary);background:transparent;border:none;outline:none}.header-search-field input::placeholder{color:var(--text-tertiary)}.header-search-field input::-webkit-search-cancel-button,.header-search-field input::-webkit-search-decoration{-webkit-appearance:none;display:none}.header-search-field>svg{width:18px;height:18px;color:var(--text-tertiary);flex-shrink:0}.header-search-clear{display:none;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:50%;cursor:pointer;transition:all var(--duration-fast) var(--ease);flex-shrink:0}.header-search-clear:hover{background:var(--bg-hover);border-color:var(--border)}.header-search-clear svg{width:12px;height:12px;color:var(--text-secondary)}.header-image-search-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all var(--duration-fast) var(--ease);flex-shrink:0}.header-image-search-btn:hover{background:var(--bg-hover)}.header-image-search-btn svg{width:20px;height:20px;color:var(--text-primary)}.header-submit{flex-shrink:0;height:48px;padding:0 24px;font-family:inherit;font-size:14px;font-weight:500;color:#fff;background:var(--accent);border:none;border-radius:60px;cursor:pointer;transition:all var(--duration-base) var(--ease)}.header-submit:hover{background:var(--accent-hover);transform:translateY(-1px)}.header-search-btn{display:none}.hero{text-align:center;margin-bottom:var(--space-12);max-width:1100px;transition:all .6s var(--ease)}.search-section.has-results .hero{opacity:0;height:0;margin:0;overflow:hidden;pointer-events:none;transition:opacity .4s ease,height 0ms .4s,margin 0ms .4s}.hero-title{font-family:var(--font-display);font-size:clamp(42px,12vw,110px);font-weight:400;letter-spacing:-.02em;line-height:1;color:#111;margin-bottom:var(--space-6);animation:fadeIn .6s var(--ease) .1s backwards}.hero-subtitle{font-family:var(--font-body);font-size:22px;font-weight:400;color:#3d3d3d;line-height:1.2;max-width:100%;margin:0 auto;animation:fadeIn .6s var(--ease) .2s backwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}}.search{width:100%;max-width:680px}.search-wrap{width:100%;max-width:680px;display:flex;align-items:center;gap:var(--space-6);animation:fadeIn .6s var(--ease) .3s backwards}.search-form{flex:1;position:relative;display:flex;align-items:center;gap:var(--space-5)}.search-field{flex:1;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-6);height:60px;background:transparent;border:2px solid var(--border);border-radius:60px;transition:all var(--duration-base) var(--ease);position:relative}.search-glow{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:68px;background:conic-gradient(from var(--gradient-angle, 0deg),#4F46E5,#7C3AED,#A855F7,#EC4899,#F59E0B,#10B981,#06B6D4,#4F46E5);filter:blur(20px);opacity:.5;animation:rotateGradient 2s linear infinite;pointer-events:none;z-index:-3}.search-field:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:58px;background:#fff;z-index:-1}.search-field:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:64px;padding:4px;background:conic-gradient(from var(--gradient-angle, 0deg),#4F46E5,#7C3AED,#A855F7,#EC4899,#F59E0B,#10B981,#06B6D4,#4F46E5);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:1;pointer-events:none;z-index:-2;animation:rotateGradient 2s linear infinite}.search-field:focus-within{border-color:transparent;transform:translateY(-3px);box-shadow:0 0 0 4px #12271d0f,0 20px 60px #00000014}@keyframes rotateGradient{0%{--gradient-angle: 0deg}to{--gradient-angle: 360deg}}.search-icon{flex-shrink:0;width:20px;height:20px;color:var(--text-tertiary);transition:color var(--duration-fast) var(--ease)}.search-field:focus-within .search-icon{color:var(--accent)}.search-input{flex:1;height:100%;font-family:var(--font-body);font-size:20px;font-weight:400;color:var(--text-primary);background:transparent;border:none;outline:none;min-width:0}.search-input::placeholder{color:var(--text-tertiary)}.search-input::-webkit-search-cancel-button,.search-input::-webkit-search-decoration,.search-input::-webkit-search-results-button,.search-input::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.search-input:focus,.search-input:focus-visible{outline:none}.search-clear{display:none;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:50%;cursor:pointer;transition:all var(--duration-fast) var(--ease)}.search-clear:hover{background:var(--bg-hover);border-color:var(--border);transform:scale(1.1)}.search-clear svg{width:14px;height:14px;color:var(--text-secondary)}.search-submit{flex-shrink:0;height:60px;padding:0 36px;font-family:var(--font-body);font-size:20px;font-weight:500;letter-spacing:.01em;color:#fff;background:var(--accent);border:none;border-radius:60px;cursor:pointer;transition:all var(--duration-base) var(--ease)}.search-submit:hover{background:var(--accent-hover);transform:translateY(-1px)}.search-submit:active{transform:translateY(0)}.image-search-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all var(--duration-fast) var(--ease);flex-shrink:0}.image-search-btn:hover{background:var(--bg-hover)}.image-search-btn svg{width:24px;height:24px;color:var(--text-primary);transition:color var(--duration-fast) var(--ease)}.image-search-btn:hover svg{color:var(--accent)}.image-file-input{display:none}.image-preview{display:none;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-top:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md);animation:fadeIn .3s var(--ease)}.image-preview.is-visible{display:flex}.image-preview-thumb{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-card)}.image-preview-info{flex:1;min-width:0}.image-preview-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-preview-size{font-size:12px;color:var(--text-tertiary)}.image-preview-remove{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:inherit;font-size:12px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease)}.image-preview-remove:hover{background:var(--bg-hover);border-color:var(--border);color:var(--text-primary)}.image-preview-remove svg{width:14px;height:14px}.search-field.drag-over{border-color:var(--accent)!important;background:var(--accent-soft)}.search-field.drag-over:after{opacity:1}.search-input.has-image{color:var(--text-tertiary)}.search-input.has-image::placeholder{color:var(--text-tertiary)}.results-meta{display:none!important;gap:var(--space-3);padding:var(--space-2) var(--space-8) var(--space-6);font-family:var(--font-body);font-size:14px;color:var(--text-tertiary)}.results-count{font-family:var(--font-mono);font-weight:500;color:var(--text-secondary)}.results-time{display:flex;align-items:center;gap:var(--space-2)}.results-time:before{content:"";width:4px;height:4px;background:var(--text-quaternary);border-radius:50%}.results-list{display:flex!important;flex-direction:column!important;align-items:center!important;gap:var(--space-5);padding:var(--space-6) var(--space-5)!important;overflow-x:visible;overflow-y:visible;max-width:800px;margin:0 auto!important}.product-card{position:relative;z-index:0;flex-shrink:0;width:720px;display:flex;flex-direction:column;padding:32px 20px;background:#ffffffb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:2px solid rgba(255,255,255,.3);border-radius:24px;box-shadow:none;transition:border-color .3s ease;animation:cardIn .6s var(--ease) backwards}.product-card:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--gradient-angle),#4F46E5,#7C3AED,#A855F7,#EC4899,#F59E0B,#10B981,#06B6D4,#4F46E5);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rotateGradient 3s linear infinite;opacity:0;transition:opacity .3s ease;z-index:-1}.product-card:hover{border-color:transparent}.product-card:hover:after{opacity:1}@keyframes cardIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.product-header{display:flex;align-items:center;margin-bottom:var(--space-5)}.product-title{display:flex;align-items:baseline;gap:8px;flex:1;min-width:0}.product-variant{font-size:24px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#111;line-height:1.2;flex-shrink:0}.product-name{font-family:var(--font-display);font-size:20px;font-weight:500;color:#111;line-height:1.3;cursor:pointer;transition:color .15s ease}.product-name:hover{color:var(--accent)}.product-name.is-copied{color:var(--success)}.product-body{display:flex;align-items:flex-start;gap:var(--space-5)}.product-image{width:165px;height:165px;flex-shrink:0;background:#fdfcf8;border-radius:12px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;padding:12px;mix-blend-mode:multiply}.shop-badge{display:inline-flex;font-family:var(--font-display);font-size:18px;font-weight:500;color:var(--text-secondary);background:transparent}.price-comparison{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.price-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:transparent;border:1px solid var(--border-light);border-radius:12px;transition:all var(--duration-base) var(--ease);cursor:pointer;text-decoration:none}.price-row:hover{background:var(--bg-subtle);border-color:var(--border)}.price-row-left{display:flex;align-items:center;gap:var(--space-3)}.price-row .shop-badge{min-width:95px}.price-row .price{font-family:var(--font-mono);font-size:18px;font-weight:500;letter-spacing:-.5px;color:#6b7280;font-variant-numeric:tabular-nums}.price-row--best{background:transparent;border-color:var(--border-light)}.price-row--best .price{font-size:20px;color:#111;font-weight:600}.price-row--best:hover{background:var(--bg-subtle);border-color:var(--border)}@keyframes priceGradientFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}.price-row--hidden{display:none}.offers-expand{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 0;margin-top:4px;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-body);font-size:18px;font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease)}.offers-expand:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border)}.offers-expand svg{width:16px;height:16px;transition:transform var(--duration-base) var(--ease)}.offers-expand.is-expanded svg{transform:rotate(180deg)}.review-checkbox{position:absolute;top:12px;left:-44px;width:32px;height:32px;border-radius:50%;border:2px solid var(--border);background:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:2;transition:all .2s ease}.review-checkbox svg{width:16px;height:16px;opacity:0;transition:opacity .2s ease}.review-checkbox:hover{border-color:#8b5cf6;background:#8b5cf61a}.review-checkbox.is-checked{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.review-checkbox.is-checked svg{opacity:1;stroke:#fff}.product-card.is-selected{border-color:#8b5cf6;box-shadow:0 0 0 1px #8b5cf64d}.product-card.is-selected:after{opacity:0!important}.product-card.is-sent-to-review{opacity:.7;pointer-events:none}.sent-badge{position:absolute;top:48px;left:-44px;font-family:var(--font-body);font-size:12px;font-weight:600;color:#16a34a;background:#16a34a1a;padding:2px 8px;border-radius:8px;z-index:2}.review-fab-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);display:flex;gap:12px;z-index:9999;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.review-fab-container.is-visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.review-fab{display:none;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:999px;font-family:var(--font-body);font-size:15px;font-weight:600;color:#fff;cursor:pointer;white-space:nowrap;box-shadow:0 4px 16px #00000026;transition:all .2s ease}.review-fab svg{width:18px;height:18px;flex-shrink:0}.review-fab:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0003}.review-fab[style*="display: none"]{display:none!important}.review-fab:not([style*="display: none"]){display:flex}.review-fab--same{background:#16a34a}.review-fab--same:hover{background:#15803d}.review-fab--diff{background:#dc2626}.review-fab--diff:hover{background:#b91c1c}.review-fab--review{background:#8b5cf6}.review-fab--review:hover{background:#7c3aed}.review-fab.is-loading{pointer-events:none;opacity:.8}.review-fab.is-loading span{visibility:hidden}.review-fab.is-loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:fabSpin .6s linear infinite}@keyframes fabSpin{to{transform:rotate(360deg)}}.intro-overlay .loading-cloud--1{background:conic-gradient(from var(--gradient-angle, 0deg),rgba(79,70,229,.35),rgba(124,58,237,.4),rgba(168,85,247,.35),rgba(236,72,153,.3),rgba(245,158,11,.25),rgba(16,185,129,.3),rgba(6,182,212,.35),rgba(79,70,229,.35))}.intro-overlay .loading-cloud--2{background:conic-gradient(from var(--gradient-angle, 120deg),rgba(124,58,237,.3),rgba(168,85,247,.35),rgba(236,72,153,.25),rgba(245,158,11,.2),rgba(16,185,129,.25),rgba(6,182,212,.3),rgba(79,70,229,.3),rgba(124,58,237,.3))}.intro-overlay .loading-cloud--3{background:conic-gradient(from var(--gradient-angle, 240deg),rgba(168,85,247,.25),rgba(236,72,153,.2),rgba(6,182,212,.25),rgba(79,70,229,.3),rgba(168,85,247,.25))}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;pointer-events:none;overflow:hidden;opacity:0;transition:opacity 1s ease}.loading-overlay.is-active{opacity:1}.loading-overlay.is-exiting{opacity:0;transition:opacity 1.2s ease}.loading-clouds{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%}.loading-cloud{position:absolute;border-radius:40% 60% 70% 30%/40% 50% 60%;filter:blur(100px)}.loading-cloud--1{width:100%;height:100%;top:0;left:0;background:conic-gradient(from var(--gradient-angle, 0deg),rgba(79,70,229,.15),rgba(124,58,237,.18),rgba(168,85,247,.15),rgba(236,72,153,.12),rgba(245,158,11,.1),rgba(16,185,129,.12),rgba(6,182,212,.15),rgba(79,70,229,.15));animation:rotateGradient 3s linear infinite}.loading-cloud--2{width:90%;height:90%;top:10%;left:15%;background:conic-gradient(from var(--gradient-angle, 120deg),rgba(124,58,237,.12),rgba(168,85,247,.15),rgba(236,72,153,.1),rgba(245,158,11,.08),rgba(16,185,129,.1),rgba(6,182,212,.12),rgba(79,70,229,.12),rgba(124,58,237,.12));animation:rotateGradient 4s linear infinite reverse;border-radius:60% 40% 50% 50%/50% 60% 40% 50%}.loading-cloud--3{width:80%;height:80%;top:5%;left:-5%;background:conic-gradient(from var(--gradient-angle, 240deg),rgba(168,85,247,.1),rgba(236,72,153,.08),rgba(6,182,212,.1),rgba(79,70,229,.12),rgba(168,85,247,.1));animation:rotateGradient 3.5s linear infinite;border-radius:50% 50% 40% 60%/40% 60% 50% 50%;filter:blur(120px)}.empty,.error{display:none;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;text-align:center}.empty-icon,.error-icon{width:64px;height:64px;margin-bottom:var(--space-6);color:var(--text-quaternary)}.error-icon{color:var(--danger)}.empty-title,.error-title{font-family:var(--font-display);font-size:22px;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-2)}.empty-hint,.error-hint{font-size:15px;color:var(--text-tertiary)}.error-hint{margin-bottom:var(--space-6)}.error-retry{padding:12px 24px;font-family:var(--font-body);font-size:14px;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:60px;cursor:pointer;transition:all var(--duration-fast) var(--ease)}.error-retry:hover{background:var(--accent-hover);transform:translateY(-1px)}.broad-search-banner{display:flex;align-items:flex-start;gap:var(--space-3);max-width:720px;margin:0 auto var(--space-4);padding:var(--space-3) var(--space-5);background:#4285f40f;border:1px solid rgba(66,133,244,.15);border-radius:var(--radius-md);font-family:var(--font-body);font-size:16px;font-weight:400;color:var(--text-secondary);animation:fadeIn .3s var(--ease)}.broad-search-banner svg{width:18px;height:18px;flex-shrink:0;margin-top:1px;color:var(--info)}.broad-search-suggestion{color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px;font-weight:500;transition:color var(--duration-fast) var(--ease)}.broad-search-suggestion:hover{color:var(--accent-hover)}.load-more{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:720px;max-width:100%;padding:16px 32px;font-family:var(--font-body);font-size:16px;font-weight:500;color:var(--text-secondary);background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-base) var(--ease)}.load-more:hover{color:var(--accent);background:#fff;border-color:var(--border);transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.load-more:active{transform:translateY(0)}.load-more.is-loading{pointer-events:none;color:var(--text-tertiary)}.load-more.is-loading .load-more-text,.load-more .load-more-spinner{display:none}.load-more.is-loading .load-more-spinner{display:block;width:20px;height:20px;border:2px solid var(--border-light);border-top-color:var(--text-secondary);border-radius:50%;animation:loadMoreSpin .6s linear infinite}.load-more.is-loading:after{content:"Laen...";font-size:14px}@keyframes loadMoreSpin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:88px;left:50%;transform:translate(-50%) translateY(20px);padding:16px 28px;background:var(--accent);color:#fff;font-family:var(--font-body);font-size:14px;font-weight:600;border-radius:var(--radius-md);box-shadow:0 8px 40px #00000026;opacity:0;visibility:hidden;transition:all .3s var(--ease);z-index:10000}.toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}@media(max-width:768px){.app-header{padding:var(--space-3) var(--space-4);justify-content:space-between;background:transparent}.header-btn{width:44px;height:44px}.header-btn svg{width:22px;height:22px}.header-search-form{display:none}.header-search-btn{display:flex;background:var(--accent);border-color:transparent;color:#fff}.header-search-btn:hover{background:var(--accent-hover);border-color:transparent;color:#fff;transform:scale(1.05)}.search-section.is-expanded{position:fixed;top:0;right:0;bottom:0;left:0;min-height:100vh;min-height:100dvh;padding:var(--space-6);background:#f7f4e9f7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .3s ease}.search-section.is-expanded.is-closing{opacity:0}.search-section.is-expanded .search-expand-close{display:flex;position:absolute;top:var(--space-4);right:var(--space-4);width:44px;height:44px;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:50%;cursor:pointer;z-index:10}.search-section.is-expanded .search-expand-close svg{width:20px;height:20px;color:var(--text-secondary)}.search-section.is-expanded .hero{display:none}.search-section.is-expanded .search-wrap{max-width:calc(100% - 48px);width:100%}.search-section{padding:var(--space-12) var(--space-5) 200px;overflow:visible}.search-wrap{max-width:100%;flex-direction:column;gap:var(--space-4)}.search-form{flex-direction:column;gap:var(--space-3);align-items:center}.search-field{width:100%;height:56px;padding:0 var(--space-5);border:none;background:transparent;box-shadow:none;position:relative}.search-field:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:58px;background:conic-gradient(from var(--gradient-angle, 0deg),#4F46E5,#7C3AED,#A855F7,#EC4899,#F59E0B,#10B981,#06B6D4,#4F46E5);z-index:-2;animation:rotateGradient 2s linear infinite}.search-field:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:56px;background:#fff;z-index:-1}.search-glow,.search-submit{display:none}.hero-title{font-size:clamp(48px,14vw,72px)}.hero-subtitle{font-size:16px;line-height:1.5}.results-list{flex-direction:column!important;align-items:center!important;gap:var(--space-4);padding:var(--space-4) var(--space-4)!important;max-width:100%}.results-section{padding:80px 0 0;min-height:calc(100vh - 80px);min-height:calc(100dvh - 80px);justify-content:flex-start;overflow:visible;transform:none;transition:opacity .6s ease}.results-section.is-visible{padding-top:80px;min-height:auto;justify-content:flex-start}.product-card{width:100%;max-width:340px;height:auto;padding:20px;border-radius:24px;display:flex;flex-direction:column;overflow:visible}.product-header{flex-direction:column;align-items:flex-start;margin-bottom:var(--space-4)}.product-title{flex-direction:column;align-items:flex-start;gap:2px}.product-variant{font-size:22px;font-weight:600}.product-name{font-size:18px;font-weight:500}.product-body{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-4)}.product-image{width:180px;height:180px;flex-shrink:0;border-radius:var(--radius-lg)}.product-image img{padding:8px}.price-comparison{flex:0 0 100%;gap:var(--space-2)}.price-row{flex-shrink:0;padding:12px 14px;border-radius:var(--radius-md)}.price-row .shop-badge{font-size:18px;min-width:65px}.price-row .price{font-size:18px;font-weight:600}.price-row--best .price{font-size:20px}.load-more{width:100%;max-width:340px;min-height:56px;font-size:16px}.broad-search-banner{max-width:340px;padding:var(--space-3) var(--space-4);font-size:13px}.loading-overlay{display:none!important}.toast{bottom:16px;left:16px;right:16px;transform:translate(0) translateY(20px)}.toast.is-visible{transform:translate(0) translateY(0)}.image-preview{flex-wrap:wrap}.image-preview-thumb{width:40px;height:40px}.review-checkbox{top:10px;left:10px;width:28px;height:28px}.review-checkbox svg{width:14px;height:14px}.sent-badge{top:12px;left:46px;font-size:11px}.review-fab-container{flex-direction:column;width:calc(100% - 32px);bottom:16px}.review-fab{justify-content:center;font-size:14px;padding:12px 16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}