.particles-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.particles--soft canvas{opacity:.55;filter:blur(.1px)}:root{--text: #111;--muted: #666;--border: #e9e9e9;--chip: #222;--bg: #fff;--radius: 10px;--panel: #fff;--input-bg: #fff;--input-border: #ddd;--input-border-focus: #bbb;--focus-ring: rgba(0,0,0,.045);--btn-bg: #222;--btn-text: #fff;--link: #222;--link-border: #222;--brand-accent: #25478a;--brand-accent-hover: #575778;--why-text: #9ca3af;--error-fg: #b00020;--error-bg: #fff5f5;--error-border: #ffd8d8;--tagline: #25478a}.theme-dark{--text: #fbfcff;--muted: #a1a1aa;--border: #1f2937;--chip: #111827;--bg: #000000;--panel: #000000;--input-bg: #020305;--input-border: #1f2937;--input-border-focus: #334155;--focus-ring: rgba(148,163,184,.12);--btn-bg: #e5e7eb;--btn-text: #0b1120;--link: #e5e7eb;--link-border: #e5e7eb;--brand-accent: #e5e7eb;--brand-accent-hover: #f3f4f6;--why-text: #9ca3af;--error-fg: #fecaca;--error-bg: #3f1b1b;--error-border: #7f1d1d;--tagline: #cbd5e1}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:var(--bg)}.page{display:flex;flex-direction:column;align-items:center;padding:6vh 16px 10vh;position:relative;z-index:1}.hero{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.hero-inner{display:flex;align-items:center;gap:.5rem}.tagline{margin-top:6px;font-size:.95rem;font-weight:500;color:var(--tagline);letter-spacing:.02em;text-align:center}.logo{height:3.6em;width:auto;object-fit:contain;margin-bottom:-.05em}.brand{font-family:Inter,sans-serif;font-weight:400;font-size:clamp(48px,4.5vw,100px);margin:0;line-height:1}.search{display:flex;align-items:center;gap:12px;width:min(720px,90vw);flex-wrap:wrap}.search .input{flex:1;min-width:0;order:1}.search .btn{order:1}.sample-excerpt{color:#4a4d52;font-size:.9rem;font-weight:300}.particles-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.page{position:relative;z-index:1}.theme-toggle{margin-top:8px;border:1px solid var(--border);background:var(--panel, #fff);color:var(--text);padding:6px 10px;border-radius:999px;cursor:pointer}.input{flex:1;height:38px;border:1px solid #ddd;border-radius:999px;padding:0 16px;outline:none;transition:box-shadow .15s ease,border-color .15s ease}.input::placeholder{color:#aaa}.search .sample-excerpt{order:2;flex:0 0 100%;margin-top:10px;text-align:center}.search .sample-actions{order:3;flex:0 0 100%;text-align:center;margin-top:6px}.theme-dark .input::placeholder{color:#7c7f85}.input:focus{border-color:var(--input-border-focus);box-shadow:0 0 0 4px var(--focus-ring)}.dark-theme .input{background:#030303;color:#eee;border:1px solid #444}.btn{height:38px;border:0;padding:0 14px;border-radius:8px;background:var(--btn-bg);color:var(--btn-text);cursor:pointer;transition:transform .05s ease,opacity .15s ease,background .2s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:not(:disabled):active{transform:translateY(1px)}.error{margin-top:14px;color:var(--error-fg);background:var(--error-bg);border:1px solid var(--error-border);padding:10px 12px;border-radius:var(--radius)}.results{width:min(900px,92vw);margin-top:24px}.detected{font-size:12px;color:var(--muted);margin-bottom:8px}.card{border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-top:12px;background:var(--panel);color:var(--text)}.card-title{font-size:16px}.card-desc{margin:8px 0 4px;line-height:1.45}.card-tags{font-size:12px;color:var(--muted)}.card-cta{margin-top:8px}.link-btn{display:inline-block;padding:6px 10px;border:1px solid var(--link-border);border-radius:8px;text-decoration:none;color:var(--link);background:transparent}.reasons{margin:10px 0 0 18px}.sample-excerpt{margin-top:10px;color:#4a4d52;font-size:.9rem;font-weight:300}.theme-dark .sample-excerpt{color:var(--muted)}.sample-excerpt .sample-label{color:#575757;margin-right:.35rem;font-weight:400}.theme-dark .sample-excerpt .sample-label{color:var(--muted)}.sample-excerpt .sample-text{font-style:italic}.sample-actions{text-align:center;margin-top:8px}.sample-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-size:.85rem;padding:6px 10px;border-radius:8px;transition:all .15s ease}.sample-btn--outline{background:transparent;border:1px solid #d1d5db;color:#6b7280}.sample-btn--outline:hover{background:#f3f4f6;color:#374151}.theme-dark .sample-btn--outline{border-color:var(--border);color:var(--muted)}.theme-dark .sample-btn--outline:hover{background:#0b1220;color:var(--text)}.sample-btn--ghost{background:transparent;border:1px solid transparent;color:#262727;text-decoration:underline;border-radius:999px;padding:4px 8px}.sample-btn--ghost:hover{text-decoration:none;background:#f1f5f9;border-color:#e5e7eb}.theme-dark .sample-btn--ghost{color:var(--link)}.theme-dark .sample-btn--ghost:hover{background:#0b1220;border-color:var(--border)}.sample-btn--chip{background:#fafafa;border:1px solid #e5e7eb;color:#4b5563;padding:4px 10px;border-radius:999px;font-size:.8rem}.sample-btn--chip:hover{background:#f3f4f6}.theme-dark .sample-btn--chip{background:var(--chip);border-color:var(--border);color:var(--muted)}.theme-dark .sample-btn--chip:hover{background:#111827}.sample-btn--soft{background:#f8fafc;border:1px solid #e2e8f0;color:#475569;box-shadow:0 1px 3px #0000000f}.sample-btn--soft:hover{box-shadow:0 2px 6px #0000001a;transform:translateY(-1px)}.theme-dark .sample-btn--soft{background:#0f172a;border-color:#1f2937;color:#cbd5e1;box-shadow:0 1px 3px #0000004d}.theme-dark .sample-btn--soft:hover{box-shadow:0 2px 6px #00000073}.sample-btn--underline{background:transparent;border:1px solid transparent;color:#6b7280;padding:0;border-radius:0;text-decoration:underline}.sample-btn--underline:hover{color:#374151;text-decoration:none;border-bottom:1px dashed #cbd5e1}.theme-dark .sample-btn--underline{color:var(--muted)}.theme-dark .sample-btn--underline:hover{color:var(--text);border-bottom-color:var(--border)}.product-name{color:var(--brand-accent);font-weight:600;font-size:1.05rem}.product-name:hover{color:var(--brand-accent-hover)}.why{color:var(--why-text);font-weight:500;margin-right:4px;font-style:italic}.hero-with-bg{position:relative;overflow:hidden;min-height:120px}.hero-with-bg>.hero-inner,.hero-with-bg>.tagline{position:relative;z-index:1}