:root{color-scheme:light;--teal: #358fa8;--teal-deep: #2c7c94;--teal-soft: #eaf4f7;--ink: #243b45;--muted: #6c7f88;--faint: #9aaab1;--line: #e6eef1;--panel: #f4f7f8;--surface: #ffffff;--elevated: #ffffff;--card: #ffffff;--accent-soft: #eaf4f7;--accent-line: #cfe4eb;--sans: "Inter", system-ui, sans-serif;--mono: "Roboto Mono", ui-monospace, monospace;--logo-h-wide: 22px;--logo-h-square: 30px;--radius-card: 16px;--radius-tile: 12px;--radius-input: 12px;--radius-icon: 10px;--radius-chip: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--page-max: 1800px;--tile-min: 300px;--gutter: 20px;--search-max: 640px;--badge: 54px;--badge-square: 36px;--badge-wide: 22px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;line-height:1.4}img{display:block;max-width:100%}ul{margin:0;padding:0;list-style:none}[hidden]{display:none!important}.page{width:100%;max-width:var(--page-max);margin:0 auto;padding:28px var(--gutter) var(--space-6)}@media (min-width: 720px){:root{--gutter: 40px}}.masthead{transform-origin:top center;will-change:opacity,transform}.header{padding-bottom:20px;border-bottom:1px solid var(--line)}.lockup{display:flex;align-items:center;gap:var(--space-3)}.lockup-icon{width:38px;height:35px;flex:none;background-color:#202945;-webkit-mask:url(/logo.svg) center / contain no-repeat;mask:url(/logo.svg) center / contain no-repeat}.lockup-text{display:flex;flex-direction:column;line-height:1.15}.lockup-name{font-family:var(--sans);font-weight:800;font-size:20px;color:var(--ink)}.lockup-sub{font-size:13px;color:var(--muted)}.headline{font-family:var(--sans);font-weight:700;font-size:clamp(20px,6vw,30px);white-space:nowrap;color:var(--ink);margin:24px 0 12px}.searchbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;background:var(--surface);padding:8px 0;margin-bottom:20px;border-bottom:1px solid transparent;transition:border-color .18s ease-out,box-shadow .18s ease-out}.search{flex:1;min-width:0}.searchbar.is-stuck{border-bottom-color:var(--line);box-shadow:0 5px 12px -7px #10182047}.search-field{position:relative;max-width:var(--search-max)}.search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--faint);pointer-events:none}.search-input{width:100%;font-family:var(--sans);font-size:15px;color:var(--ink);background:var(--elevated);border:1px solid var(--line);border-radius:var(--radius-input);padding:13px var(--space-4) 13px 44px;outline:none}.search-input::placeholder{color:var(--faint)}.search-input:focus{border-color:var(--teal)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--tile-min)),1fr));gap:var(--space-5)}.tile{display:block;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);transition:transform .18s ease-out,box-shadow .18s ease-out;-webkit-tap-highlight-color:transparent}.tile:focus-visible{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.tile-visual{position:relative;height:160px;border-radius:calc(var(--radius-card) - 1px) calc(var(--radius-card) - 1px) 0 0;overflow:hidden}.tile-body{padding:12px 15px 14px}.tile-photo{width:100%;height:100%;object-fit:cover;background:var(--panel);transform-origin:center;transition:transform .18s ease-out}.tile-brand{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-origin:center;transition:transform .18s ease-out}.tile-logo{width:auto;object-fit:contain}.tile-brand .tile-logo{width:100%;height:100%;object-fit:contain;padding:14px 20px}.tile-brand .tile-logo--full{padding:0}.tile-chip{position:absolute;left:16px;bottom:16px;width:var(--badge);height:var(--badge);background:#fff;border-radius:15px;box-shadow:0 2px 8px #243b4524;display:flex;align-items:center;justify-content:center}.tile-chip .tile-logo{width:auto;height:auto;object-fit:contain}.tile-chip .tile-logo--square{max-width:var(--badge-square);max-height:var(--badge-square)}.tile-chip .tile-logo--wide{max-width:52px;max-height:var(--badge-wide)}.tile-chip--fill{overflow:hidden}.tile-chip--fill .tile-logo{width:var(--badge);height:var(--badge);max-width:none;max-height:none;object-fit:contain}.tile-name{font-family:var(--sans);font-weight:600;font-size:17px;color:var(--ink);margin:0 0 3px}.tile-tags{font-size:13px;color:var(--muted);margin:0}@media (hover: hover){.tile:hover .tile-photo{transform:scale(1.03)}.tile:hover .tile-brand{transform:scale(1.08)}}.tile:active{transform:scale(.98)}@media (prefers-reduced-motion: reduce){.tile,.tile-photo,.tile-brand{transition:none}.tile:active,.tile:hover .tile-photo,.tile:hover .tile-brand{transform:none}}.banner{display:inline-flex;flex-wrap:wrap;align-items:center;width:fit-content;max-width:100%;gap:10px;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:12px;padding:10px 16px;margin:0 0 14px}.banner-pin{flex:none;color:var(--teal)}.banner strong{font-weight:700;font-size:15px;color:var(--ink)}.banner-sub{font-weight:500;font-size:14px;color:var(--muted)}.tchip{display:inline-flex;align-items:center;height:42px;padding:0;background:var(--accent-soft);border:0 solid var(--accent-line);border-radius:10px;font-weight:700;font-size:13.5px;color:var(--ink);white-space:nowrap;max-width:0;margin-right:0;opacity:0;overflow:hidden;transform:translate(-6px)}@media (prefers-reduced-motion: reduce){.searchbar{transition:none}}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:420px;margin:0 auto;min-height:calc(100dvh - 150px)}.empty-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:20px;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--teal)}.empty-title{font-family:var(--sans);font-weight:600;font-size:23px;color:var(--ink);margin:22px 0 0}.empty-body{max-width:400px;font-size:15px;line-height:1.6;color:var(--muted);margin:12px 0 0}@media (max-width: 639px){.empty-icon{width:72px;height:72px}.empty-title{font-size:21px}.empty-body{font-size:14.5px}}.privacy{text-align:center;font-size:12px;line-height:1.5;opacity:.5;max-width:42ch;margin:0 auto;padding:28px 16px 36px}