:root{--bg: #f5f1eb;--bg-alt: #faf8f5;--bg-stripe: #ede8e0;--surface: #ffffff;--fg: #191918;--muted: rgba(25, 25, 24, .6);--border: rgba(25, 25, 24, .12);--border-strong: rgba(25, 25, 24, .24);--accent: #191918;--accent-fg: #ffffff;--danger: #b00020;--danger-bg: #fef2f2;--danger-border: #fecaca;--warning: #92400e;--warning-bg: #fffbeb;--warning-border: #fbbf24;--success: #0a7a2f;--status-ok: #16a34a;--status-ok-soft: rgba(22, 163, 74, .33);--status-warn: #d97706;--status-warn-soft: rgba(217, 119, 6, .33);--status-err: #dc2626;--status-err-soft: rgba(220, 38, 38, .33);--status-idle: #9ca3af;--serif: "Source Serif 4", Georgia, serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-pill: 100px;--radius-card: 16px;--radius-input: 10px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #171614;--bg-alt: #201e1b;--bg-stripe: #2a2723;--surface: #201e1b;--fg: #f5f1eb;--muted: rgba(245, 241, 235, .58);--border: rgba(245, 241, 235, .14);--border-strong: rgba(245, 241, 235, .28);--accent: #f5f1eb;--accent-fg: #191918;--danger: #f87171;--danger-bg: rgba(248, 113, 113, .12);--danger-border: rgba(248, 113, 113, .32);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .12);--warning-border: rgba(251, 191, 36, .32);--success: #4ade80;--status-ok: #4ade80;--status-ok-soft: rgba(74, 222, 128, .33);--status-warn: #fbbf24;--status-warn-soft: rgba(251, 191, 36, .33);--status-err: #f87171;--status-err-soft: rgba(248, 113, 113, .33);--status-idle: rgba(245, 241, 235, .42)}}:root[data-theme=dark]{--bg: #171614;--bg-alt: #201e1b;--bg-stripe: #2a2723;--surface: #201e1b;--fg: #f5f1eb;--muted: rgba(245, 241, 235, .58);--border: rgba(245, 241, 235, .14);--border-strong: rgba(245, 241, 235, .28);--accent: #f5f1eb;--accent-fg: #191918;--danger: #f87171;--danger-bg: rgba(248, 113, 113, .12);--danger-border: rgba(248, 113, 113, .32);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .12);--warning-border: rgba(251, 191, 36, .32);--success: #4ade80;--status-ok: #4ade80;--status-ok-soft: rgba(74, 222, 128, .33);--status-warn: #fbbf24;--status-warn-soft: rgba(251, 191, 36, .33);--status-err: #f87171;--status-err-soft: rgba(248, 113, 113, .33);--status-idle: rgba(245, 241, 235, .42)}:root{color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark}}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=light]{color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;color:#111827;background:#fff}.search-header-bar{border-bottom:1px solid #e5e7eb;padding:14px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.search-title-compact{flex-shrink:0;white-space:nowrap}.search-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:600px;flex:0 1 600px}.search-results-area{max-width:960px;width:100%;margin:0 auto;padding:20px 24px}.search-hero-title{font-size:2rem;font-weight:700;color:#111827;line-height:1.2}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}@media (max-width: 640px){.search-header-bar{padding:12px 16px;gap:8px}.search-title-compact{flex-basis:100%}.search-form{flex:0 1 100%;max-width:100%}.search-results-area{padding:16px}.search-hero-title{font-size:1.5rem}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 400px){.product-grid{grid-template-columns:1fr}}.gate-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:32px}@media (max-width: 480px){.gate-card{padding:24px 20px;border-radius:0;border-left:none;border-right:none;max-width:100%}}