@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080c14;--bg-2: #0d1220;--bg-3: #121829;--bg-4: #1a2035;--border: rgba(255, 255, 255, .06);--border-md: rgba(255, 255, 255, .1);--text-primary: #eef2ff;--text-secondary: #8b95b0;--text-muted: #4a5270;--accent: #6366f1;--accent-2: #818cf8;--accent-glow: rgba(99, 102, 241, .18);--success: #22d3a5;--warning: #f59e0b;--danger: #f43f5e;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--radius-xl: 24px;--ease-out: cubic-bezier(.16, 1, .3, 1)}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 40%,transparent 100%)}.bg-glow{position:fixed;top:-20vh;left:50%;transform:translate(-50%);width:100vw;height:70vh;z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(99,102,241,.1) 0%,rgba(99,102,241,.03) 50%,transparent 100%)}.app{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:5rem 2rem 7rem}.header{margin-bottom:2.75rem;animation:fadeUp .8s var(--ease-out) both}.header-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-2);margin-bottom:.9rem}.header-eyebrow:before{content:"";display:block;width:18px;height:1.5px;background:var(--accent-2);opacity:.6}.header-title{font-family:var(--font-display);font-size:clamp(1.9rem,4.5vw,3.25rem);line-height:1.1;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:1rem;white-space:nowrap}.header-accent{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-sub{font-size:.9rem;font-weight:400;color:var(--text-secondary);max-width:500px;line-height:1.7}.search-panel{background:var(--bg-2);border:1px solid var(--border-md);border-radius:var(--radius-xl);padding:1.75rem;margin-bottom:2rem;animation:fadeUp .8s var(--ease-out) .08s both;box-shadow:0 0 0 1px #ffffff05,0 20px 60px #0006,inset 0 1px #ffffff0a}.tabs{display:flex;gap:3px;margin-bottom:1.5rem;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);padding:4px}.tab{flex:1;padding:9px 14px;background:transparent;border:none;border-radius:calc(var(--radius) - 3px);color:var(--text-muted);font-family:var(--font-body);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s var(--ease-out);letter-spacing:.01em}.tab:hover{color:var(--text-secondary);background:#ffffff08}.tab.active{background:var(--bg-4);color:var(--accent-2);box-shadow:0 1px 4px #00000080,inset 0 1px #ffffff0f}.drop-zone{border:1.5px dashed rgba(255,255,255,.09);border-radius:var(--radius-lg);min-height:190px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s var(--ease-out);margin-bottom:1rem;overflow:hidden;position:relative;background:var(--bg-3)}.drop-zone:hover{border-color:#6366f166;background:#6366f108}.drop-zone.has-preview{cursor:default;border-style:solid;border-color:var(--border-md);min-height:unset;background:var(--bg-3)}.drop-hint{text-align:center;padding:2.5rem 2rem}.drop-icon{font-size:2.2rem;margin-bottom:1rem;opacity:.3}.drop-text{font-size:.92rem;font-weight:500;color:var(--text-secondary);margin-bottom:.4rem}.drop-text strong{color:var(--text-primary);font-weight:600}.drop-sub{font-size:.75rem;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-top:.5rem}.preview-wrap{position:relative;width:100%}.preview-img{width:100%;max-height:280px;object-fit:contain;display:block;border-radius:var(--radius);background:var(--bg-3)}.remove-btn{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background:#000000bf;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s var(--ease-out);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.remove-btn:hover{background:var(--danger);border-color:var(--danger);color:#fff;transform:scale(1.08)}.text-input{width:100%;padding:12px 16px;background:var(--bg-3);border:1px solid var(--border-md);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;outline:none;transition:border-color .2s,box-shadow .2s;margin-bottom:1rem}.text-input::placeholder{color:var(--text-muted)}.text-input:focus{border-color:#6366f180;box-shadow:0 0 0 3px var(--accent-glow)}.url-preview{margin-bottom:1rem;border-radius:var(--radius);overflow:hidden;max-width:200px;border:1px solid var(--border)}.preview-img.small{max-height:160px;object-fit:cover}.search-btn{width:100%;padding:14px 24px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-family:var(--font-body);font-size:.9rem;font-weight:600;letter-spacing:.02em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .22s var(--ease-out);position:relative;overflow:hidden}.search-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.07) 0%,transparent 100%);pointer-events:none}.search-btn:hover:not(:disabled){background:var(--accent-2);transform:translateY(-1px);box-shadow:0 8px 24px #6366f159}.search-btn:active:not(:disabled){transform:translateY(0)}.search-btn:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.25);border-top-color:#ffffffd9;border-radius:50%;animation:spin .65s linear infinite;flex-shrink:0}.progress-hint{font-size:.75rem;color:var(--text-muted);text-align:center;margin-top:10px;letter-spacing:.02em}.error-msg{margin-top:12px;padding:11px 15px;border-radius:var(--radius-sm);background:#f43f5e14;border:1px solid rgba(244,63,94,.2);color:#fb7185;font-size:.84rem}.tags-section{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:2rem;padding:13px 16px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);animation:fadeUp .4s var(--ease-out) both}.tags-label{font-size:.7rem;font-weight:600;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-right:4px}.tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:var(--bg-3);border:1px solid var(--border-md);border-radius:100px;font-size:.76rem;color:var(--text-secondary);transition:all .18s}.tag:hover{border-color:#6366f14d;color:var(--text-primary)}.tag-conf{font-size:.68rem;color:var(--accent-2);font-weight:600}.results-section{animation:fadeUp .5s var(--ease-out) both}.results-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.results-meta{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap}.results-count{font-family:var(--font-display);font-size:2.5rem;font-weight:800;line-height:1;color:var(--accent-2)}.results-label{font-size:.88rem;color:var(--text-secondary);font-weight:400}.results-badge{font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:100px;background:#22d3a517;border:1px solid rgba(34,211,165,.22);color:var(--success)}.results-controls{display:flex;gap:8px}.control-select{padding:7px 30px 7px 12px;background:var(--bg-2);border:1px solid var(--border-md);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-body);font-size:.8rem;cursor:pointer;outline:none;transition:border-color .2s,color .2s;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238b95b0' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.control-select:focus,.control-select:hover{border-color:#6366f166;color:var(--text-primary)}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem}.product-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .28s var(--ease-out);animation:fadeUp .5s var(--ease-out) both;cursor:pointer}.product-card:hover{transform:translateY(-5px);border-color:#6366f147;box-shadow:0 16px 40px #00000073,0 0 0 1px #6366f11f}.card-img-wrap{position:relative;aspect-ratio:1;background:var(--bg-3);overflow:hidden}.card-img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-out)}.product-card:hover .card-img{transform:scale(1.05)}.score-badge{position:absolute;bottom:8px;right:8px;background:#080c14d1;color:var(--accent-2);font-family:var(--font-display);font-size:1rem;font-weight:700;padding:3px 9px;border-radius:6px;letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(99,102,241,.2)}.rank-tag{position:absolute;top:8px;left:8px;background:var(--accent);color:#fff;font-family:var(--font-display);font-size:.8rem;font-weight:700;padding:2px 9px;border-radius:6px}.card-body{padding:13px 15px 15px}.card-category{font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:5px}.card-name{font-size:.86rem;font-weight:500;color:var(--text-primary);line-height:1.35;margin-bottom:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-price{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--accent-2);letter-spacing:.02em;margin-bottom:9px}.score-bar{height:2px;background:var(--bg-4);border-radius:1px;overflow:hidden}.score-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:1px;transition:width .6s var(--ease-out)}.empty-state{text-align:center;padding:6rem 2rem;animation:fadeUp .5s var(--ease-out) .15s both}.empty-icon{font-size:3.2rem;color:#6366f133;margin-bottom:1.25rem;display:block}.empty-title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;letter-spacing:-.01em;color:var(--text-secondary);margin-bottom:.75rem}.empty-sub{font-size:.875rem;color:var(--text-muted);line-height:1.75;max-width:400px;margin:0 auto}.footer{margin-top:5rem;padding-top:1.75rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;font-size:.75rem;color:var(--text-muted)}.footer a{color:var(--accent-2);text-decoration:none;transition:color .2s}.footer a:hover{color:var(--text-primary)}.footer-sep{opacity:.25}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.28}}@media(max-width:640px){.app{padding:2.5rem 1rem 4rem}.header-title{font-size:clamp(1.5rem,7vw,2.2rem);line-height:1.1;white-space:normal}.search-panel{padding:1.25rem;border-radius:var(--radius-lg)}.results-header{flex-direction:column;align-items:flex-start}.results-controls{width:100%}.control-select{flex:1}.results-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.tabs .tab{font-size:.76rem;padding:8px 6px}.results-count{font-size:2rem}}@media(max-width:380px){.results-grid{grid-template-columns:1fr}}