:root{--navy:#061242;--slate:#647a99;--pale:#c6d6e7;--mist:#eaf1f7;--paper:#fafaf9;--bg:#fff;--ink:#0b1633;--muted:#4f6180;--line:#dfe6ee;--line-strong:#b9c6d6;--head-bg:var(--mist);--head-raised:#ffffffb3;--head-line:#06124224;--head-text:var(--navy);--head-muted:var(--muted);--accent:var(--navy);--accent-hover:#1b2b6b;--accent-soft:#dde8f4;--on-accent:#fff;--font:"Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--t-xs:.8125rem;--t-s:.9375rem;--t-m:1.0625rem;--t-l:1.375rem;--t-xl:1.75rem;--r-s:6px;--r-m:10px;--r-pill:999px;--shadow-float:0 1px 2px #06124214, 0 12px 32px #0612421f;--gutter:clamp(16px, 4vw, 40px);--max:1240px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}body{background:var(--paper);min-height:100vh;font-size:var(--t-s);font-variant-numeric:tabular-nums;margin:0;line-height:1.55}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.masthead{color:var(--head-text);background:var(--head-bg);padding-bottom:32px;position:relative}.masthead:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0612423d 0 1px,#0000 1px 40px) 0 100%/100% 10px no-repeat,repeating-linear-gradient(90deg,#0612421f 0 1px,#0000 1px 8px) 0 100%/100% 5px no-repeat;height:10px;position:absolute;bottom:0;left:0;right:0}.masthead.home{padding-bottom:clamp(56px,9vh,96px)}.masthead :focus-visible{outline-color:var(--accent)}.masthead-bar{align-items:center;gap:16px;min-height:72px;display:flex}.brand{font-weight:600;font-size:var(--t-s);letter-spacing:0;text-align:left;border-radius:var(--r-s);background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.brand .mark{flex:none;width:26px;height:26px}.brand .tag{color:var(--head-muted);border:1px solid var(--head-line);border-radius:var(--r-s);background:0 0;padding:0 7px;font-size:.75rem;font-weight:500;line-height:20px}.back{border-radius:var(--r-s);color:var(--head-muted);font-size:var(--t-xs);background:0 0;border:0;flex:none;align-items:center;gap:8px;margin-left:2px;padding:6px 10px 6px 18px;font-weight:500;transition:color .12s;display:inline-flex;position:relative}.back:before{content:"";border-left:1px solid var(--head-line);height:20px;margin-top:-10px;position:absolute;top:50%;left:0}.back svg{border:1px solid var(--head-line);border-radius:50%;flex:none;width:22px;height:22px;padding:3px;transition:background .12s,border-color .12s,color .12s,transform .16s}.back:hover{color:var(--head-text)}.back:hover svg{background:var(--accent);border-color:var(--accent);color:var(--on-accent);transform:translate(-2px)}.masthead.searching .searchbox{max-width:820px;margin-top:4px}.masthead .btn-ghost{border-color:var(--head-line);color:var(--head-text);background:0 0}.masthead .btn-ghost:hover{border-color:var(--accent)}@media (width<=560px){.brand-rest,.masthead.searching .brand .tag{display:none}}.searchbox{position:relative}.searchbox .field{color:var(--ink);background:var(--bg);border-radius:var(--r-m);box-shadow:0 0 0 1px var(--line-strong), 0 12px 32px #06124214;border:0;align-items:center;gap:10px;padding:6px 6px 6px 18px;transition:box-shadow .16s;display:flex}.searchbox .field:focus-within{box-shadow:0 0 0 2px var(--accent), 0 12px 32px #06124214}.searchbox svg{color:var(--slate);flex:none}.searchbox input{min-width:0;font-size:var(--t-m);background:0 0;border:0;outline:0;flex:1;padding:10px 0}.searchbox input::placeholder{color:#5b6d88}.searchbox input::-webkit-search-cancel-button{display:none}.btn{border-radius:var(--r-s);background:var(--accent);color:var(--on-accent);white-space:nowrap;border:0;padding:10px 22px;font-weight:600;transition:background .12s}.btn:hover{background:var(--accent-hover)}.btn:focus-visible{outline-color:var(--navy)}.btn-ghost{border:1px solid var(--line-strong);border-radius:var(--r-s);background:var(--bg);font-size:var(--t-xs);padding:7px 14px;font-weight:500}.btn-ghost:hover{border-color:var(--navy)}.btn-ghost:disabled{color:var(--muted);cursor:progress}.suggestions{color:var(--ink);z-index:30;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-m);box-shadow:var(--shadow-float);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0}.suggestions li{border-radius:var(--r-s);cursor:pointer;align-items:baseline;gap:10px;padding:9px 12px;display:flex}.suggestions li>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.suggestions li[aria-selected=true],.suggestions li:hover{background:var(--mist)}.suggestions .kind{color:var(--muted);font-size:var(--t-xs);flex:none;margin-left:auto}.hero{max-width:820px;padding:clamp(24px,7vh,80px) 0 0}.hero h1{letter-spacing:-.01em;text-wrap:balance;max-width:17ch;margin:0 0 20px;font-size:clamp(2.3rem,5.2vw,4.1rem);font-weight:700;font-stretch:92%;line-height:1.04}.hero p{max-width:52ch;color:var(--head-muted);font-size:var(--t-m);text-wrap:pretty;margin:0 0 36px}.examples{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.example{border:1px solid var(--head-line);background:var(--head-raised);color:var(--head-text);border-radius:var(--r-s);font-size:var(--t-xs);text-align:left;align-items:baseline;gap:8px;padding:6px 12px;text-decoration:none;transition:border-color .12s,background .12s;display:inline-flex}.example .what{color:var(--head-muted);font-size:.75rem}.example.more{color:var(--head-muted);text-underline-offset:3px;background:0 0;border-color:#0000;text-decoration:underline}.example:hover{border-color:var(--accent);background:var(--bg)}.example.more:hover{color:var(--head-text);background:0 0}.all-examples{padding-top:64px;padding-bottom:72px}.all-examples h2{font-size:var(--t-xl);letter-spacing:-.005em;margin:0 0 32px;font-weight:700;font-stretch:85%;line-height:1.15}.example-groups{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 32px;display:grid}.example-groups h3{border-bottom:2px solid var(--navy);font-size:var(--t-s);justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 4px;padding-bottom:10px;font-weight:600;display:flex}.example-groups h3 .count{color:var(--muted);font-weight:400;font-size:var(--t-xs)}.example-groups ul{margin:0;padding:0;list-style:none}.example-groups li+li{border-top:1px solid var(--line)}.example-groups button{text-align:left;width:100%;font-size:var(--t-s);color:var(--ink);background:0 0;border:0;padding:8px 0;line-height:1.4;display:block}.example-groups button:hover{color:var(--navy);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;text-decoration-thickness:2px}@media (width<=960px){.example-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.example-groups{grid-template-columns:1fr}}.workspace{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:48px;padding-top:36px;padding-bottom:72px;display:grid}@media (width<=900px){.workspace{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:24px}}.facets-panel{border:1px solid var(--line);border-radius:var(--r-m);background:var(--bg);overflow:hidden}.facets-head{justify-content:space-between;align-items:baseline;gap:12px;padding:16px 16px 12px;display:flex}.facets-head h2{font-size:var(--t-s);margin:0;font-weight:600}.facets-head .link{padding:0}.facet-search{border:1px solid var(--line-strong);border-radius:var(--r-s);color:var(--slate);background:var(--bg);align-items:center;gap:8px;margin:0 12px 12px;padding:0 10px;display:flex}.facet-search:focus-within{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}.facet-search input{min-width:0;font-size:var(--t-xs);color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:8px 0}.facet-none{font-size:var(--t-xs);color:var(--muted);margin:0;padding:12px 16px 16px}.facet{border-top:1px solid var(--line)}.facet-toggle{width:100%;font-size:var(--t-xs);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:12px 16px;font-weight:600;display:flex}.facet-toggle:hover{background:var(--mist)}.facet-toggle:focus-visible{outline-offset:-2px}.facet-toggle .badge{border-radius:var(--r-pill);background:var(--navy);color:#fff;text-align:center;min-width:18px;padding:0 6px;font-size:.6875rem;line-height:18px}.facet-toggle .chevron{color:var(--slate);margin-left:auto;transition:transform .15s}.facet-toggle[aria-expanded=true] .chevron{transform:rotate(180deg)}.facet-body{padding:0 8px 12px}.options{margin:0;padding:0;list-style:none}.option{border-radius:var(--r-s);min-height:32px;font-size:var(--t-xs);cursor:pointer;align-items:center;gap:10px;padding:4px 8px;display:flex}.option:hover{background:var(--mist)}.option input{appearance:none;border:1.5px solid var(--line-strong);background:var(--bg) no-repeat center / 10px 10px;cursor:pointer;border-radius:4px;flex:none;width:16px;height:16px;margin:0}.option input[type=radio]{border-radius:50%}.option input:checked{border-color:var(--navy);background-color:var(--navy);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.5 5.2 4 7.5 8.5 2.5' fill='none' stroke='white' stroke-width='1.8'/%3E%3C/svg%3E")}.option input[type=radio]:checked{box-shadow:inset 0 0 0 3px var(--bg);background-image:none}.option .label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.option .count{color:var(--muted);flex:none}.facet-body>.link{margin:4px 8px 0}.range-inputs{font-size:var(--t-xs);color:var(--muted);align-items:center;gap:6px;margin:8px 8px 0;display:flex}.range-inputs input{border:1px solid var(--line-strong);border-radius:var(--r-s);width:0;min-width:0;font-size:var(--t-xs);color:var(--ink);background:var(--bg);flex:1;padding:6px 8px}.range-inputs input:focus{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy);outline:0}.btn-small{border-radius:var(--r-s);background:var(--navy);color:#fff;font-size:var(--t-xs);border:0;padding:6px 10px;font-weight:500}.btn-small:hover{background:#14245c}.link{font-size:var(--t-xs);color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:4px 0 0;text-decoration:underline}.link:hover{color:var(--navy)}.filters-toggle{display:none}@media (width<=900px){.filters-toggle{margin-bottom:12px;display:inline-flex}.facets:not(.open) .facets-panel{display:none}}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar .total{font-size:var(--t-xl);margin:0 auto 0 0;font-weight:700;font-stretch:85%;line-height:1.2}.segmented{background:var(--mist);border-radius:var(--r-s);padding:3px;display:inline-flex}.segmented button{font-size:var(--t-xs);color:var(--muted);background:0 0;border:0;border-radius:4px;padding:5px 12px;font-weight:500}.segmented button:hover{color:var(--navy)}.segmented button[aria-pressed=true]{background:var(--bg);color:var(--navy);box-shadow:0 1px 2px #06124224}.select{appearance:none;border:1px solid var(--line-strong);background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%234f6180' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 12px center;border-radius:var(--r-s);font-size:var(--t-xs);padding:6px 32px 6px 12px;font-weight:500}.select:hover{border-color:var(--navy)}.notice{border-left:3px solid var(--slate);border-radius:0 var(--r-s) var(--r-s) 0;background:var(--mist);font-size:var(--t-xs);color:var(--ink);margin:0 0 16px;padding:12px 16px}.results{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-m);margin:0;padding:0;list-style:none}.result{grid-template-columns:104px minmax(0,1fr) auto;align-items:start;gap:24px;padding:22px 24px;display:grid;position:relative}.result+.result{border-top:1px solid var(--line)}.result .thumb{border-radius:var(--r-s);border:1px solid var(--line);object-fit:contain;background:#fff;width:104px;height:104px;padding:6px;display:block}.result .title{font-size:var(--t-m);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.result .maker{font-size:var(--t-xs);color:var(--muted);margin:0 0 12px}.result .tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--mist);font-size:var(--t-xs);color:var(--ink);border-radius:4px;padding:2px 8px}.tag.pinned{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--pale)}.result .variants{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.result .variants .count{font-size:var(--t-xs);color:var(--muted);margin-right:4px}.chip{border:1px solid var(--line-strong);background:var(--bg);font:inherit;font-size:var(--t-xs);color:var(--ink);cursor:pointer;border-radius:4px;padding:2px 10px}.chip:hover{border-color:var(--navy)}.chip[aria-pressed=true]{border-color:var(--navy);background:var(--navy);color:#fff}.result .price{text-align:right;min-width:112px;font-size:var(--t-l);color:var(--navy);white-space:nowrap;font-weight:700;font-stretch:85%;line-height:1.2}.result .price small{font-size:var(--t-xs);color:var(--muted);margin-top:4px;font-weight:400;font-stretch:100%;display:block}@media (width<=640px){.result{grid-template-columns:72px minmax(0,1fr);gap:8px 16px;padding:18px 16px}.result .thumb{width:72px;height:72px}.result .price{text-align:left;min-width:0;font-size:var(--t-m);grid-column:2}}.pager{justify-content:center;margin-top:32px;display:flex}.empty{background:var(--bg);border:1px dashed var(--line-strong);border-radius:var(--r-m);padding:40px 32px}@media (width<=640px){.empty{padding:28px 20px}}.empty h2{max-width:40ch;font-size:var(--t-xl);overflow-wrap:anywhere;margin:0 0 8px;font-weight:700;font-stretch:85%;line-height:1.2}.empty p{max-width:56ch;color:var(--muted);margin:0}.error{border-radius:var(--r-s);color:#8a1c13;background:#fdecea;border-left:3px solid #b42318;padding:12px 16px}.loading-bar{z-index:40;background:linear-gradient(90deg, transparent, var(--accent), transparent);background-size:50% 100%;height:3px;animation:.9s linear infinite loading;position:fixed;top:0;left:0;right:0}@keyframes loading{0%{background-position:-50% 0}to{background-position:150% 0}}.footer{border-top:1px solid var(--line);margin-top:auto}.footer p{max-width:80ch;color:var(--muted);font-size:var(--t-xs);margin:0;padding:28px 0 40px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}.back:hover svg{transform:none}.loading-bar{background:var(--accent);opacity:.6;animation:none}}