:root{--bg:#f6f5fb;--bg-grad-a:#7c3aed12;--bg-grad-b:#d946ef0d;--surface:#fff;--surface-2:#f3f1fa;--border:#e7e5f2;--border-strong:#d6d3ea;--text:#4b4a59;--text-h:#181720;--muted:#8b88a0;--accent:#7c3aed;--accent-h:#6d28d9;--accent-2:#a855f7;--accent-soft:#7c3aed17;--accent-strong:linear-gradient(135deg, #7c3aed, #a855f7);--code-bg:#f2f0f8;--ok:#16a34a;--warn:#d97706;--err:#dc2626;--shadow-sm:0 1px 2px #1716200d;--shadow-md:0 6px 16px -4px #1716201a, 0 2px 6px -2px #1716200d;--shadow-lg:0 24px 48px -12px #1716202e, 0 8px 16px -8px #1716201a;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;font:16px/1.55 var(--sans);letter-spacing:.1px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f0f15;--bg-grad-a:#7c3aed1f;--bg-grad-b:#c084fc14;--surface:#181821;--surface-2:#201f2c;--border:#2b2a3a;--border-strong:#3a3950;--text:#a7a5bd;--text-h:#efeff8;--muted:#6f6c87;--accent:#a78bfa;--accent-h:#c4b5fd;--accent-2:#c084fc;--accent-soft:#a78bfa1f;--accent-strong:linear-gradient(135deg, #8b5cf6, #c084fc);--code-bg:#1d1c28;--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 16px -4px #00000080, 0 2px 6px -2px #00000059;--shadow-lg:0 24px 48px -12px #0009, 0 8px 16px -8px #0006}}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box;border:2px solid #0000;border-radius:999px}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:radial-gradient(1100px 600px at 85% -10%, var(--bg-grad-b), transparent 60%), radial-gradient(900px 520px at -10% 5%, var(--bg-grad-a), transparent 55%), var(--bg);background-attachment:fixed;min-height:100svh;margin:0}#root{flex-direction:column;align-items:center;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--sans);color:var(--text-h);letter-spacing:-.02em;margin:0;font-weight:600}p{margin:0}a{color:var(--accent);font-weight:500;text-decoration:none;transition:color .15s}a:hover{color:var(--accent-h);text-underline-offset:3px;text-decoration:underline}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:no-preference){main{animation:.3s both app-fade}}@keyframes app-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.app{width:100%;max-width:1080px;color:var(--text);padding:0 1.5rem 3.5rem}.app-header{z-index:50;background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;margin:0 -1.5rem;padding:.9rem 1.5rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.7rem;display:flex}.brand-mark{background:var(--accent-strong);color:#fff;width:38px;height:38px;font-family:var(--mono);box-shadow:var(--shadow-md);border-radius:11px;place-items:center;font-size:1.05rem;font-weight:600;display:grid}.brand-text{flex-direction:column;line-height:1.25;display:flex}.brand-name{color:var(--text-h);letter-spacing:-.01em;font-size:1rem;font-weight:700}.brand-tag{color:var(--muted);font-size:.75rem}.navbar{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;gap:.35rem;padding:.3rem;display:flex}.navbar button{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:.45rem 1rem;font-size:.85rem;font-weight:500;transition:background .18s,color .18s,box-shadow .18s}.navbar button:hover{color:var(--text-h);background:color-mix(in srgb, var(--surface) 70%, transparent)}.navbar button.active{background:var(--accent-strong);color:#fff;box-shadow:var(--shadow-sm)}.app-body{flex-direction:column;min-height:calc(100svh - 80px);display:flex}main{flex:1}.app-footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);margin-top:3.5rem;padding-top:1.25rem;font-size:.8rem}.app-footer code{font-size:.78em}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.3rem;padding:1rem 0 .25rem;font-size:.85rem;display:flex}.breadcrumbs .sep{color:var(--muted);opacity:.5}.breadcrumbs .crumb-link{color:var(--muted);cursor:pointer;font-size:inherit;background:0 0;border:none;border-radius:999px;margin:0;padding:.2rem .55rem;font-weight:500;transition:background .15s,color .15s}.breadcrumbs .crumb-link:hover{background:var(--accent-soft);color:var(--accent)}.breadcrumbs .current{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:.2rem .55rem;font-weight:600}main h1{margin:1.5rem 0 .9rem;font-size:clamp(1.7rem,3.4vw,2.3rem);line-height:1.15}main h1:before{content:"";background:var(--accent-strong);border-radius:999px;width:2.75rem;height:4px;margin-bottom:.85rem;display:block}main h3{color:var(--text-h);font-size:1.02rem}main>div>p{margin-bottom:.6rem}button{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-h);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:10px;margin:.3rem .25rem .3rem 0;padding:.5rem 1.1rem;font-family:inherit;font-size:.88rem;font-weight:500;transition:transform .15s,border-color .2s,background .2s,box-shadow .2s}button:hover{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-md);transform:translateY(-1px)}button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}input{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-h);border-radius:10px;margin:.3rem .25rem .3rem 0;padding:.5rem .85rem;font-family:inherit;font-size:.9rem}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}code{font-family:var(--mono);background:var(--code-bg);border:1px solid var(--border);color:var(--text-h);border-radius:6px;padding:.12rem .42rem;font-size:.83em;line-height:1.5}pre{background:var(--code-bg);border:1px solid var(--border);font-family:var(--mono);color:var(--text-h);box-shadow:var(--shadow-sm);border-radius:12px;padding:.9rem 1.1rem;font-size:.82rem;line-height:1.6;overflow-x:auto}ul{text-align:left;padding-left:1.25rem}li{margin-bottom:.35rem}.product-list{gap:.6rem;margin:.75rem 0 1rem;padding:0;list-style:none;display:grid}.product-list li{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0;padding:.7rem 1rem;transition:transform .15s,border-color .2s,box-shadow .2s;display:flex}.product-list li:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.product-list code{margin-left:.5rem}.debug-section{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;margin:0 0 1.25rem;padding:1.25rem 1.5rem 1.5rem}.debug-section h3{margin-bottom:.75rem}.debug-table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:10px;width:100%;font-size:.86rem;overflow:hidden}.debug-table th,.debug-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.6rem .9rem}.debug-table thead th{background:var(--surface-2);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:.72rem;font-weight:600}.debug-table tbody tr:last-child td{border-bottom:none}.debug-table tbody tr:hover{background:var(--accent-soft)}.strict-err{color:var(--err);font-weight:600}.warn{color:var(--warn)}.ok{color:var(--ok)}.note{color:var(--muted);margin-bottom:.6rem;font-size:.85rem}.hero{padding:3.5rem 0 2.5rem}.hero-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:999px;margin-bottom:1.25rem;padding:.3rem .8rem;font-size:.78rem;font-weight:600;display:inline-block}.hero-title{letter-spacing:-.03em;margin:0 0 1.25rem;font-size:clamp(2.2rem,6vw,3.4rem);font-weight:700;line-height:1.08}.hero-title:before{display:none}.hero-accent{background:var(--accent-strong);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{max-width:54ch;color:var(--text);margin-bottom:1.75rem;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.hero-actions button{margin:0;padding:.65rem 1.35rem;font-size:.95rem}.hero-cta{background:var(--accent-strong);color:#fff;border-color:#0000}.hero-cta:hover{background:var(--accent-strong);box-shadow:var(--shadow-lg);border-color:#0000}.hero-secondary{background:var(--surface)}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem;display:grid}.feature-card{text-align:left;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;align-items:flex-start;gap:.5rem;margin:0;padding:1.25rem 1.35rem;display:flex}.feature-card h3{margin:0;font-size:1rem}.feature-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.feature-card code{font-size:.75rem}.feature-link{color:var(--accent);margin-top:auto;font-size:.85rem;font-weight:600}.search-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:1rem;margin:0 0 1.25rem;padding:1.25rem 1.5rem;display:flex}.search-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.search-row--chips{gap:.5rem}.search-row--controls{gap:1.25rem}.search-input{flex:240px;margin:0;padding:.6rem .9rem;font-size:.95rem}.btn-primary{background:var(--accent-strong);color:#fff;border-color:#0000;margin:0;padding:.6rem 1.35rem}.btn-primary:hover{background:var(--accent-strong);box-shadow:var(--shadow-lg);border-color:#0000}.btn-secondary{margin:0}.search-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.78rem;font-weight:600}.chip{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);border-radius:999px;margin:0;padding:.35rem .85rem;font-size:.82rem}.chip:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);transform:translateY(-1px)}.chip--active{background:var(--accent-strong);color:#fff;box-shadow:var(--shadow-sm);border-color:#0000}.chip--active:hover{background:var(--accent-strong);color:#fff}.search-control{align-items:center;gap:.5rem;margin:0;display:flex}.search-control select{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-h);cursor:pointer;border-radius:10px;padding:.45rem .7rem;font-family:inherit;font-size:.88rem}.search-control select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.search-control--toggle{cursor:pointer;color:var(--text);gap:.45rem;font-size:.9rem}.search-control--toggle input{accent-color:var(--accent);cursor:pointer;width:1rem;height:1rem;margin:0}.search-status{color:var(--muted);margin-left:auto;font-size:.85rem}.url-preview{background:var(--code-bg);border:1px solid var(--border);font-family:var(--mono);color:var(--accent);border-radius:12px;margin:0;padding:.8rem 1rem;font-size:.85rem;line-height:1.6;overflow-x:auto}.snippet-stack{flex-direction:column;gap:1rem;margin-bottom:1.25rem;display:flex}.snippet-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:.65rem;padding:1.15rem 1.25rem;display:flex}.snippet-card h4{color:var(--text-h);margin:0;font-size:.95rem}.snippet-code{margin:0;padding:.7rem .85rem;font-size:.76rem;line-height:1.55;overflow-x:auto}.snippet-result{color:var(--muted);word-break:break-all;margin:0;font-size:.8rem}.snippet-result code{font-size:.76em}@media (width<=720px){.app{padding:0 1rem 2.5rem}.app-header{margin:0 -1rem;padding:.75rem 1rem}.navbar{justify-content:flex-start;width:100%}.debug-table{font-size:.78rem}.debug-table th,.debug-table td{padding:.5rem .6rem}.debug-table td code{white-space:normal;word-break:break-all}.search-status{margin-left:0}}