:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,oklch(97% .004 70))var(--lightningcss-dark,oklch(16% .006 270));--surface:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(21% .008 270));--mat:var(--lightningcss-light,oklch(93% .006 70))var(--lightningcss-dark,oklch(26% .008 270));--ink:var(--lightningcss-light,oklch(22% .01 270))var(--lightningcss-dark,oklch(94% .004 270));--ink-soft:var(--lightningcss-light,oklch(48% .012 270))var(--lightningcss-dark,oklch(68% .012 270));--line:var(--lightningcss-light,oklch(88% .008 70))var(--lightningcss-dark,oklch(31% .01 270));--accent:var(--lightningcss-light,oklch(48% .14 28))var(--lightningcss-dark,oklch(72% .14 30));--radius:10px;--pad:clamp(1rem, 4vw, 2.5rem);--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--serif:ui-serif, Georgia, "Times New Roman", serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);scrollbar-gutter:stable;margin:0;line-height:1.5}h1,h2,h3{text-wrap:balance;margin:0;line-height:1.2}p{text-wrap:pretty}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.shell{max-width:1400px;padding:var(--pad);margin-inline:auto}.masthead{border-block-end:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem 2rem;margin-block-end:var(--pad);padding-block-end:1.25rem;display:flex}.masthead h1{font-family:var(--serif);letter-spacing:-.015em;font-size:clamp(1.4rem,1rem + 2vw,2rem);font-weight:500}.masthead .sub{color:var(--ink-soft);max-width:52ch;margin:.25rem 0 0;font-size:.875rem}.search{flex-wrap:wrap;gap:.5rem;display:flex}.search input{min-width:0;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex:22ch;padding:.7rem .9rem}.search input::placeholder{color:var(--ink-soft)}.search button{font:inherit;color:var(--bg);background:var(--ink);border-radius:var(--radius);cursor:pointer;border:1px solid #0000;padding:.7rem 1.4rem;font-weight:500;transition:background .15s}.search button:hover{background:color-mix(in oklch, var(--ink), var(--accent) 35%)}.search button:disabled{opacity:.5;cursor:progress}.examples{flex-wrap:wrap;gap:.4rem;margin-block-start:.75rem;font-size:.8125rem;display:flex}.examples span{color:var(--ink-soft);align-self:center}.examples a{color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:.25rem .7rem;text-decoration:none}.examples a:hover{color:var(--ink);border-color:var(--ink-soft)}.meta{margin-block:var(--pad) 1rem;color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.8125rem;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:clamp(.75rem,2vw,1.5rem);margin:0;padding:0;list-style:none;display:grid}.card{text-align:start;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:.6rem;padding:0;display:flex}.card .frame{aspect-ratio:1;background:var(--mat);border-radius:var(--radius);place-items:center;padding:.75rem;transition:box-shadow .2s,transform .2s;display:grid;position:relative;overflow:clip}.card img{object-fit:contain;filter:drop-shadow(0 1px 6px oklch(0% 0 0/.22));max-width:100%;max-height:100%}.card:hover .frame,.card:focus-visible .frame{transform:translateY(-2px);box-shadow:0 8px 24px oklch(0% 0 0/.16)}.card .title{font-family:var(--serif);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9375rem;font-weight:500;display:-webkit-box;overflow:hidden}.card .byline{color:var(--ink-soft);margin:0;font-size:.8125rem}.chip{font-variant-numeric:tabular-nums;color:var(--ink-soft);background:color-mix(in oklch, var(--surface), transparent 12%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:.1rem .45rem;font-size:.6875rem;position:absolute;inset-block-start:.4rem;inset-inline-end:.4rem}.chip.rights{text-transform:lowercase;inset-inline:.4rem auto}.placeholder{color:var(--ink-soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:1rem;display:flex}.placeholder em{font-family:var(--serif);color:color-mix(in oklch, var(--ink-soft), var(--ink) 35%);font-size:.9375rem;font-style:normal}.placeholder span{letter-spacing:.04em;font-size:.6875rem}.card:has(.placeholder) .frame{border:1px dashed var(--line);background:0 0}.similar .byline{display:none}.empty,.error{color:var(--ink-soft);max-width:60ch;padding:2rem 0}.error{color:var(--accent)}dialog.drawer{block-size:100dvh;max-block-size:100dvh;inline-size:min(560px,100%);color:var(--ink);background:var(--surface);border:none;border-start-start-radius:var(--radius);border-end-start-radius:var(--radius);margin:0 0 0 auto;padding:0;overflow:auto}dialog.drawer::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:oklch(0% 0 0/.45)}@media (width<640px){dialog.drawer{border-radius:var(--radius) var(--radius) 0 0;block-size:92dvh;inline-size:100%;margin-block-start:auto}}.drawer-body{padding:var(--pad);flex-direction:column;gap:1.25rem;display:flex}.drawer-body>header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.drawer-body h2{font-family:var(--serif);font-size:1.25rem;font-weight:500}.drawer-body .hero{background:var(--mat);border-radius:var(--radius);place-items:center;padding:1.25rem;display:grid}.drawer-body .hero img{object-fit:contain;filter:drop-shadow(0 2px 12px oklch(0% 0 0/.25));max-width:100%;max-height:52dvh}.close{aspect-ratio:1;inline-size:2rem;color:var(--ink-soft);background:var(--mat);cursor:pointer;border:none;border-radius:999px;flex:none;font-size:1.1rem;line-height:1}.close:hover{color:var(--ink)}.facts{grid-template-columns:minmax(6rem,auto) 1fr;gap:.5rem 1rem;margin:0;font-size:.875rem;display:grid}.facts dt{color:var(--ink-soft)}.facts dd{margin:0}.tags{flex-wrap:wrap;gap:.3rem;display:flex}.tags li{background:var(--mat);border-radius:999px;padding:.15rem .6rem;font-size:.75rem}ul.plain{margin:0;padding:0;list-style:none}.section h3{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-block-end:.6rem;font-size:.75rem;font-weight:600}.refs{flex-direction:column;gap:.5rem;font-size:.8125rem;display:flex}.refs li{border-inline-start:2px solid var(--line);padding-inline-start:.7rem}.refs .who{color:var(--ink-soft)}.similar{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.spinner{aspect-ratio:1;border:2px solid var(--line);border-block-start-color:var(--accent);border-radius:50%;inline-size:1.75rem;margin:3rem auto;animation:.7s linear infinite spin}@keyframes spin{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}