:root{color-scheme:light;--color-paper: oklch(98.5% .003 250);--color-surface: oklch(100% 0 0);--color-surface-sunken: oklch(96% .004 250);--color-text: oklch(22% .02 255);--color-muted: oklch(48% .02 255);--color-border: oklch(90% .006 255);--color-accent: oklch(48% .13 155);--color-accent-contrast: oklch(99% .005 155);--color-accent-soft: oklch(94% .05 155);--color-good: oklch(45% .13 155);--color-good-bg: oklch(94% .05 155);--color-warn: oklch(48% .14 75);--color-warn-bg: oklch(94% .06 85);--color-highlight: oklch(55% .16 70);--color-highlight-bg: oklch(96% .04 80);--color-highlight-border: oklch(88% .07 75);--color-focus: oklch(55% .18 250);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur-base: .18s}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-paper: oklch(16% .01 255);--color-surface: oklch(21% .012 255);--color-surface-sunken: oklch(13% .01 255);--color-text: oklch(94% .008 255);--color-muted: oklch(68% .015 255);--color-border: oklch(32% .015 255);--color-accent: oklch(76% .15 155);--color-accent-contrast: oklch(14% .02 155);--color-accent-soft: oklch(28% .06 155);--color-good: oklch(76% .15 155);--color-good-bg: oklch(26% .06 155);--color-warn: oklch(80% .14 80);--color-warn-bg: oklch(28% .06 85);--color-highlight: oklch(80% .14 75);--color-highlight-bg: oklch(24% .045 75);--color-highlight-border: oklch(34% .06 75);--color-focus: oklch(78% .14 250)}}*{box-sizing:border-box}html,body{overflow-x:clip}body{margin:0;background:var(--color-paper);color:var(--color-text);font-family:var(--font-sans)}a{color:var(--color-accent)}#app{max-width:640px;margin:0 auto;padding:var(--space-md) var(--space-md) 48px;min-width:0}.app-header h1{margin:0;font-size:1.6rem;font-weight:700;letter-spacing:-.01em}.app-header .tagline{margin:4px 0 var(--space-lg);color:var(--color-muted);font-size:.9rem}.extension-status{margin:calc(-1 * var(--space-md)) 0 var(--space-md);font-size:.78rem;color:var(--color-muted)}.extension-status-ok{color:var(--color-good)}.search-form{display:flex;flex-direction:column;gap:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md)}.field-group{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm);min-width:0}.field-group legend{font-weight:600;padding:0 0 var(--space-2xs)}.row{display:flex;gap:var(--space-sm);min-width:0}.field{display:flex;flex-direction:column;gap:var(--space-2xs);font-size:.85rem;flex:1;min-width:0}.field em{color:var(--color-muted);font-style:normal;font-weight:400}.field-small{flex:0 0 90px}input,select{font:inherit;font-size:1rem;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);width:100%;min-width:0;transition:border-color var(--dur-fast) var(--ease-out)}input:hover,select:hover{border-color:var(--color-muted)}input:focus-visible,select:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px;border-color:var(--color-focus)}.btn-primary{font:inherit;font-size:1rem;font-weight:600;padding:12px;border:none;border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-accent-contrast);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.btn-primary:hover{opacity:.92}.btn-primary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn-primary:active{transform:translateY(1px)}.search-results{margin-top:var(--space-lg)}.results-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-sm)}.results-status{color:var(--color-muted);font-size:.85rem}.sort-control{display:flex;align-items:center;gap:var(--space-2xs);font-size:.85rem;flex-shrink:0}.sort-control select{width:auto;padding:6px 8px}.results-failures{list-style:none;margin:0 0 var(--space-sm);padding:0;display:flex;flex-direction:column;gap:var(--space-2xs)}.failure-item{font-size:.78rem;color:var(--color-muted);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 10px;word-break:break-word}.failure-item strong{color:var(--color-text)}.results-debug{margin:0 0 var(--space-sm);font-size:.78rem;color:var(--color-muted)}.results-debug summary{cursor:pointer;color:var(--color-text)}.debug-url-list{list-style:none;margin:var(--space-xs) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2xs)}.debug-url-list li{word-break:break-all}.debug-url-list a{color:var(--color-accent)}.recommendations{margin-bottom:var(--space-lg)}.recommendations-heading{margin:0 0 var(--space-xs);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted)}.recommendations-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:var(--space-sm)}.recommendation-card{display:flex;flex-direction:column;gap:var(--space-2xs);background:var(--color-highlight-bg);border:1px solid var(--color-highlight-border);border-radius:var(--radius-md);padding:var(--space-sm);text-decoration:none;color:inherit;min-width:0;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.recommendation-card:hover{border-color:var(--color-highlight);transform:translateY(-1px)}.recommendation-card:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.recommendation-card:active{transform:translateY(0)}.recommendation-label{font-size:.72rem;font-weight:700;color:var(--color-highlight);text-transform:uppercase;letter-spacing:.03em}.recommendation-name{font-size:.85rem;font-weight:600;color:var(--color-text);overflow-wrap:anywhere}.recommendation-meta{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-xs);font-size:.78rem}.recommendation-price{font-weight:700;color:var(--color-text)}.recommendation-retailer{color:var(--color-muted)}.results-list{display:flex;flex-direction:column;gap:var(--space-sm)}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-sm);display:flex;gap:var(--space-sm);min-width:0}.product-card-thumb{flex:0 0 64px;width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface-sunken);display:flex;align-items:center;justify-content:center}.product-card-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .product-card-thumb img{mix-blend-mode:normal}}.product-card-thumb-empty:before{content:"";width:28px;height:28px;border-radius:var(--radius-sm);border:2px dashed var(--color-border)}.product-card-body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.product-card-retailer{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent)}.product-card-name{margin:0;font-size:.95rem;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.product-card-part,.product-card-store{font-size:.78rem;color:var(--color-muted);overflow-wrap:anywhere}.product-card-price{display:flex;align-items:baseline;gap:var(--space-xs);flex-wrap:wrap;margin-top:2px}.product-card-price-main{font-size:1.15rem;font-weight:700}.product-card-unit-price{font-size:.74rem;font-weight:400;color:var(--color-muted)}.badge-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.badge{font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:var(--radius-pill);white-space:nowrap}.badge-good{background:var(--color-good-bg);color:var(--color-good)}.badge-warn{background:var(--color-warn-bg);color:var(--color-warn)}.badge-muted{background:var(--color-surface-sunken);color:var(--color-muted)}.btn-link{align-self:flex-start;margin-top:4px;font-size:.82rem;font-weight:600;color:var(--color-accent);text-decoration:none}.btn-link:hover{text-decoration:underline}.btn-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:2px}.empty-state{color:var(--color-muted);font-size:.9rem}@media(max-width:400px){.row{flex-wrap:wrap}.field-small{flex:1 1 100px}}