.card[data-astro-cid-ralnzvaf]{list-style:none;display:flex;min-width:0;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.card[data-astro-cid-ralnzvaf][hidden]{display:none}.card[data-astro-cid-ralnzvaf]:active{transform:scale(.985)}@media(hover:hover){.card[data-astro-cid-ralnzvaf]:hover{box-shadow:var(--shadow-raised);transform:translateY(-2px)}.card[data-astro-cid-ralnzvaf]:hover .card-img[data-astro-cid-ralnzvaf]{transform:scale(1.03)}}.card-link[data-astro-cid-ralnzvaf]{color:inherit;text-decoration:none;display:flex;flex-direction:column;flex:1;min-width:0;padding:var(--space-2);border-radius:var(--radius-xl)}.card-link[data-astro-cid-ralnzvaf]:hover{text-decoration:none}.card-link[data-astro-cid-ralnzvaf]:focus-visible{outline-offset:2px;border-radius:var(--radius-xl)}.card-media[data-astro-cid-ralnzvaf]{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-media)}.card-img[data-astro-cid-ralnzvaf]{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;transition:transform .24s var(--ease)}.card-cat[data-astro-cid-ralnzvaf]{position:absolute;left:var(--space-2);top:var(--space-2);padding:3px 9px;border-radius:var(--radius-pill);font-size:var(--fs-caption);font-weight:600;line-height:1.4;color:var(--color-text-strong);background:color-mix(in srgb,var(--color-surface) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-body[data-astro-cid-ralnzvaf]{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-2) var(--space-2)}.card-title[data-astro-cid-ralnzvaf]{font-size:var(--fs-body);line-height:1.35;margin:0;letter-spacing:var(--tracking-snug)}.card-meta[data-astro-cid-ralnzvaf]{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;color:var(--color-text-3);font-size:var(--fs-caption);font-variant-numeric:tabular-nums}.dot[data-astro-cid-ralnzvaf]{color:var(--color-text-4)}.card-tags[data-astro-cid-ralnzvaf]{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-2)}.card-tags[data-astro-cid-ralnzvaf] .diff-badge{height:24px;padding:0 8px}.card-theme[data-astro-cid-ralnzvaf]{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:var(--radius-sm);font-size:var(--fs-caption);font-weight:500;color:var(--color-text-2);background:var(--color-fill);white-space:nowrap}@media(min-width:40rem){.card-body[data-astro-cid-ralnzvaf]{padding:var(--space-4) var(--space-3) var(--space-3);gap:6px}.card-title[data-astro-cid-ralnzvaf]{font-size:var(--fs-headline)}.card-meta[data-astro-cid-ralnzvaf]{font-size:var(--fs-body-2)}.card-tags[data-astro-cid-ralnzvaf]{margin-top:var(--space-2)}}@media(max-width:39.99rem){.card-theme[data-astro-cid-ralnzvaf]{display:none}}@media(prefers-reduced-motion:reduce){.card[data-astro-cid-ralnzvaf],.card-img[data-astro-cid-ralnzvaf]{transition:none}.card[data-astro-cid-ralnzvaf]:hover,.card[data-astro-cid-ralnzvaf]:hover .card-img[data-astro-cid-ralnzvaf]{transform:none}}.gallery .js-only{display:none}.js .gallery .js-only{display:flex}.gallery .intro{padding:var(--space-4) 0 var(--space-5)}.gallery .intro h1{margin-bottom:var(--space-2)}.gallery .intro-br{display:none}.gallery .lede{margin:0;font-size:var(--fs-body);color:var(--color-text-2)}.guides-cta{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-10);padding:var(--space-5);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card);color:var(--color-text-3);transition:background-color var(--dur) var(--ease)}.guides-cta:hover{text-decoration:none;background:var(--color-fill-strong)}.guides-cta-text{flex:1;display:flex;flex-direction:column;gap:2px}.guides-cta strong{color:var(--color-text-strong);font-size:var(--fs-body)}.guides-cta-text span{color:var(--color-text-2);font-size:var(--fs-body-2)}.gallery .search{position:relative;align-items:center;gap:var(--space-2);max-width:45rem;height:52px;margin-top:var(--space-5);padding:0 var(--space-2) 0 var(--space-4);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--color-divider);transition:box-shadow var(--dur) var(--ease)}.gallery .search:focus-within{box-shadow:inset 0 0 0 2px var(--color-accent),0 0 0 4px var(--color-accent-soft)}.gallery .search-icon{flex:none;color:var(--color-text-3)}.gallery .search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;padding:0;font:500 var(--fs-body)/1 var(--font);color:var(--color-text-strong);letter-spacing:-.01em}.gallery .search input::placeholder{color:var(--color-text-3)}.gallery .search input::-webkit-search-cancel-button{display:none}.gallery .search-clear{flex:none;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-3);cursor:pointer}.gallery .search-clear:hover{background:var(--color-fill);color:var(--color-text-strong)}.gallery .search-clear[hidden]{display:none}.gallery .search-kbd{display:none;flex:none;margin-right:var(--space-2);padding:2px 8px;border-radius:6px;font:600 var(--fs-caption)/1.4 var(--font);color:var(--color-text-3);background:var(--color-fill);box-shadow:inset 0 -1px 0 var(--color-divider)}.gallery .search:focus-within .search-kbd,.gallery .search-clear:not([hidden])+.search-kbd{display:none}.gallery .filters{flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-divider)}.gallery .cats{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;margin:0 calc(-1 * var(--gutter));padding:2px var(--gutter);scroll-padding-inline:var(--gutter)}.gallery .cats::-webkit-scrollbar{display:none}.gallery .cat{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:78px;height:76px;padding:0 var(--space-3);border:0;border-radius:var(--radius-md);cursor:pointer;background:var(--color-surface);color:var(--color-text-2);box-shadow:var(--shadow-card);font-size:var(--fs-caption);font-weight:600;white-space:nowrap;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease)}.gallery .cat .cat-label{display:none}.gallery .cat .ct{position:absolute;top:6px;right:6px;min-width:20px;height:18px;padding:0 5px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;line-height:18px;text-align:center;font-variant-numeric:tabular-nums;background:var(--color-fill);color:var(--color-text-2)}.gallery .cat:hover{color:var(--color-text-strong);background:var(--color-fill-strong)}.gallery .cat:active{transform:scale(var(--press-scale))}.gallery .cat[aria-pressed=true]{background:var(--color-text-strong);color:var(--color-bg);box-shadow:none}.gallery .cat[aria-pressed=true] .ct{background:color-mix(in srgb,var(--color-bg) 18%,transparent);color:var(--color-bg)}.gallery .bar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.gallery .diffs,.gallery .bar-sep,.gallery .theme-wrap{display:none}.gallery .bar-label{margin-right:var(--space-1);font-size:var(--fs-caption);font-weight:700;color:var(--color-text-3);text-transform:uppercase;letter-spacing:.06em}.gallery .bar-sep{width:1px;height:24px;margin:0 var(--space-1);background:var(--color-divider)}.gallery .opt,.sheet .opt{display:inline-flex;align-items:center;gap:var(--space-2);flex:none;height:44px;padding:0 var(--space-4);border:0;border-radius:var(--radius-pill);cursor:pointer;background:var(--color-surface);color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-divider);font-size:var(--fs-body-2);font-weight:600;white-space:nowrap;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.gallery .opt:hover,.sheet .opt:hover{background:var(--color-fill)}.gallery .opt:active,.sheet .opt:active{transform:scale(var(--press-scale))}:is(.gallery,.sheet) .opt .ct{font-size:var(--fs-caption);font-weight:600;color:var(--color-text-3);font-variant-numeric:tabular-nums}:is(.gallery,.sheet) .opt[data-zero]:not([aria-pressed=true]){color:var(--color-text-3)}:is(.gallery,.sheet) .opt[aria-pressed=true],.gallery .theme-btn[data-active],.gallery .sheet-btn[data-active]{background:var(--color-accent-soft);color:var(--color-on-accent-soft);box-shadow:inset 0 0 0 1.5px var(--color-accent)}:is(.gallery,.sheet) .opt[aria-pressed=true] .ct{color:var(--color-on-accent-soft)}.gallery .theme-btn .chev{transition:transform var(--dur) var(--ease)}.gallery .theme-btn[aria-expanded=true] .chev{transform:rotate(180deg)}.gallery .theme-wrap{position:relative}.gallery .theme-pop{position:absolute;top:calc(100% + 8px);left:0;z-index:15;width:28rem;max-width:calc(100vw - 2 * var(--gutter));display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-raised),0 0 0 1px var(--color-divider);animation:pop-in .16s var(--ease)}.gallery .theme-pop[hidden]{display:none}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}}:is(.gallery,.sheet) .opt-group{display:flex;flex-direction:column;gap:var(--space-2)}:is(.gallery,.sheet) .opt-heading{margin:0;font-size:var(--fs-caption);font-weight:700;color:var(--color-text-3);text-transform:uppercase;letter-spacing:.06em}:is(.gallery,.sheet) .opt-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}:is(.gallery,.sheet) .theme-opt{border-radius:var(--radius-md);padding:0 var(--space-3)}.gallery .pop-foot{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-3);border-top:1px solid var(--color-divider)}:is(.gallery,.sheet) .ghost{min-height:44px;padding:0 var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;cursor:pointer;color:var(--color-link);font-size:var(--fs-body-2);font-weight:600}:is(.gallery,.sheet) .ghost:hover{text-decoration:underline;text-underline-offset:3px}:is(.gallery,.sheet) :is(.btn-primary,.btn-secondary,.btn-strong){display:inline-flex;align-items:center;justify-content:center;gap:4px;height:44px;padding:0 var(--space-5);border:0;border-radius:var(--radius-md);cursor:pointer;font-size:var(--fs-body-2);font-weight:700;transition:background-color var(--dur) var(--ease),transform var(--dur) var(--ease)}:is(.gallery,.sheet) .btn-primary{background:var(--color-primary);color:var(--color-on-primary)}:is(.gallery,.sheet) .btn-primary:hover{background:var(--color-primary-pressed)}:is(.gallery,.sheet) .btn-secondary{background:var(--color-fill);color:var(--color-text-strong)}:is(.gallery,.sheet) .btn-secondary:hover{background:var(--color-fill-strong)}.gallery .btn-strong{background:var(--color-text-strong);color:var(--color-bg)}:is(.gallery,.sheet) :is(.btn-primary,.btn-secondary,.btn-strong):active{transform:scale(var(--press-scale))}.gallery .sort{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;font-size:var(--fs-body-2);color:var(--color-text-2)}.gallery .sort label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.gallery .select{position:relative;display:flex;align-items:center}.gallery .select select{appearance:none;-webkit-appearance:none;height:44px;padding:0 30px 0 var(--space-2);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-strong);font:600 var(--fs-body-2)/1 var(--font);cursor:pointer}.gallery .select select:hover{background:var(--color-fill-strong)}.gallery .select .chev{position:absolute;right:10px;pointer-events:none;color:var(--color-text-2)}.gallery .status{align-items:center;flex-wrap:wrap;gap:var(--space-2);min-height:60px;padding:var(--space-2) 0}.gallery .result{margin:0 var(--space-2) 0 0;font-size:var(--fs-body-2);color:var(--color-text-2);font-variant-numeric:tabular-nums}.gallery .result strong{color:var(--color-text-strong)}.gallery .result:focus{outline:none}.gallery .pills{display:contents}.gallery .pill{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 6px 0 var(--space-3);border:0;cursor:pointer;border-radius:var(--radius-pill);background:var(--color-fill-strong);color:var(--color-text-strong);font-size:var(--fs-caption);font-weight:600;position:relative}.gallery .pill:after{content:"";position:absolute;inset:-4px 0}.gallery .pill:hover{background:color-mix(in srgb,var(--color-text-strong) 14%,var(--color-fill-strong))}.gallery .pill svg{flex:none}.gallery .status [hidden]{display:none}.gallery .grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;margin:0}.gallery .grid>.ad-slot{grid-column:1 / -1;margin:0}@media(min-width:40rem){.gallery .grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-5)}}.gallery .empty,.gallery .no-results{margin:var(--space-6) 0;padding:var(--space-12) var(--space-6);text-align:center;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.gallery .no-results{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:0;color:var(--color-text-3)}.gallery .no-results[hidden]{display:none}.gallery .no-results .btn-strong{margin-top:var(--space-3)}.gallery .picks{align-self:stretch;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-divider);text-align:left}.gallery .picks-title{margin:0 0 var(--space-4);font-size:var(--fs-headline);color:var(--color-text-strong)}.gallery .picks-list{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none}@media(min-width:40rem){.gallery .picks-list{grid-template-columns:repeat(4,minmax(0,1fr))}}.gallery .pick{display:flex;flex-direction:column;gap:2px;padding:var(--space-2);border-radius:var(--radius-lg);color:inherit;transition:background-color var(--dur) var(--ease)}.gallery .pick:hover{text-decoration:none;background:var(--color-fill)}.gallery .pick img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;margin-bottom:var(--space-2);border-radius:var(--radius-md);background:var(--color-media)}.gallery .pick-title{font-size:var(--fs-body-2);font-weight:600;color:var(--color-text-strong)}.gallery .pick-meta{font-size:var(--fs-caption);color:var(--color-text-3);font-variant-numeric:tabular-nums}.gallery .empty-mark{width:48px;height:48px;color:var(--color-accent);margin-bottom:var(--space-4)}.gallery .empty-title{margin:0;font-size:var(--fs-headline);font-weight:700;color:var(--color-text-strong)}.gallery .empty-text{margin:0;color:var(--color-text-2)}.sheet{position:fixed;inset:auto 0 0;width:100%;max-width:100%;max-height:min(92dvh,46rem);margin:0;padding:0;border:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-dock)}html:has(.sheet[open]){overflow:hidden}.sheet[open]{display:flex;animation:sheet-in .24s var(--ease)}.sheet::backdrop{background:#000c1e80;animation:fade-in .24s var(--ease)}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}.sheet-inner{display:flex;flex-direction:column;width:100%;min-height:0}.sheet-grab{align-self:center;width:40px;height:5px;margin-top:10px;border-radius:3px;background:var(--color-fill-strong)}.sheet-head{display:flex;align-items:center;padding:var(--space-2) var(--space-2) var(--space-1) var(--space-5)}.sheet-head h2{margin:0;font-size:var(--fs-title)}.sheet .icon-btn{margin-left:auto;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-2);cursor:pointer}.sheet .icon-btn:hover{background:var(--color-fill);color:var(--color-text-strong)}.sheet-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-3) var(--space-5) var(--space-5)}.sheet .diff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.sheet .diff-tile{height:52px;border-radius:var(--radius-md);padding:0 var(--space-3);gap:10px}.sheet .diff-tile .ct{margin-left:auto}.sheet .diff-tile .bars i{height:14px;width:5px;border-radius:2px}.sheet .theme-opt{border-radius:var(--radius-pill);padding:0 var(--space-4)}.sheet-foot{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-5) calc(var(--space-4) + env(safe-area-inset-bottom));border-top:1px solid var(--color-divider)}.sheet-foot button{height:52px;font-size:var(--fs-body)}.sheet-foot .btn-show{flex:1}@media(prefers-reduced-motion:reduce){.sheet[open],.sheet::backdrop,.gallery .theme-pop{animation:none}}.gallery .sheet-btn{display:inline-flex}@media(min-width:40rem){.gallery .intro{padding:var(--space-6) 0 var(--space-6)}.gallery .intro-br{display:inline}.gallery .lede{font-size:var(--fs-headline)}.gallery .search{height:58px}.gallery .search-kbd{display:inline-block}}@media(min-width:48rem){.gallery .filters{gap:var(--space-4);padding-bottom:var(--space-5)}.gallery .cats{flex-wrap:wrap;overflow:visible;margin:0;padding:0}.gallery .cat{flex-direction:row;gap:10px;height:48px;min-width:0;padding:0 var(--space-4) 0 var(--space-3);font-size:var(--fs-body-2)}.gallery .cat .cat-label{display:inline}.gallery .cat .cat-short{display:none}.gallery .cat .ct{position:static;min-width:0;height:auto;padding:0;background:none;font-size:var(--fs-caption);font-weight:500;line-height:1;color:var(--color-text-3)}.gallery .cat[aria-pressed=true] .ct{background:none;color:color-mix(in srgb,var(--color-bg) 80%,transparent)}.gallery .diffs{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.gallery .bar-sep,.gallery .theme-wrap{display:block}.gallery .sheet-btn{display:none}.gallery .sort label{position:static;width:auto;height:auto;overflow:visible;clip:auto}.gallery .select select{padding-left:var(--space-3);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-divider)}}