.atc{border-radius:var(--r-pill);border:1px solid var(--hairline);background:var(--surface);min-height:44px;color:var(--ink);font-weight:500;font-size:var(--t-body);z-index:2;transition:transform var(--t-fast) var(--ease-out), background-color var(--t-fast) var(--ease-out);justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;display:inline-flex;position:relative}.atc:active{transform:scale(.97)}.atc[aria-pressed=true]{background:color-mix(in oklab, var(--accent) 12%, var(--surface));border-color:color-mix(in oklab, var(--accent) 40%, transparent);color:var(--accent)}.atc--icon{background:var(--glass-strong);backdrop-filter:blur(12px);width:40px;min-height:40px;padding:0}@media (hover:hover) and (pointer:fine){.atc:hover{background:color-mix(in oklab, var(--ink) 5%, var(--surface))}}.fav{border:1px solid var(--hairline);border-radius:var(--r-pill);background:var(--surface);color:var(--ink);z-index:2;transition:transform var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out), background-color var(--t-fast) var(--ease-out);justify-content:center;align-items:center;gap:.5rem;font-weight:500;display:inline-flex;position:relative}.fav:active{transform:scale(.94)}.fav .icon-heart{fill:#0000;transition:fill var(--t-fast) var(--ease-out)}.fav[aria-pressed=true]{color:#e5484d}.fav[aria-pressed=true] .icon-heart{fill:currentColor}.fav--icon{background:var(--glass-strong);backdrop-filter:blur(12px);width:40px;height:40px;padding:0}.fav--full{min-height:40px;font-size:var(--t-small);background:0 0;padding:0 1rem}@media (hover:hover) and (pointer:fine){.fav:hover{background:color-mix(in oklab, var(--ink) 5%, var(--surface))}}.tile[data-astro-cid-yfzaiwqd]{align-content:start;gap:1rem;display:grid;position:relative}.tile__frame[data-astro-cid-yfzaiwqd]{border-radius:var(--r-md);background:color-mix(in oklab, var(--canvas), var(--ink) 4%);box-shadow:inset 0 0 0 1px var(--hairline);display:grid;position:relative;overflow:hidden}.tile__media[data-astro-cid-yfzaiwqd]{grid-area:1/1}.tile__quick[data-astro-cid-yfzaiwqd]{z-index:3;border-radius:var(--r-pill);color:#1d1d1f;min-height:34px;font-size:var(--t-micro);opacity:0;transition:opacity var(--t-fast) var(--ease-out), transform var(--t-fast) var(--ease-out);background:#ffffffeb;border:0;grid-area:1/1;place-self:end start;align-items:center;margin:0 0 .75rem .75rem;padding:0 .875rem;font-weight:600;display:inline-flex;position:relative;transform:translateY(4px);box-shadow:0 6px 16px -8px #0006}.tile__label[data-astro-cid-yfzaiwqd]{grid-area:2/1}.tile__media[data-astro-cid-yfzaiwqd]{aspect-ratio:5/4;position:relative;overflow:hidden}.tile__img[data-astro-cid-yfzaiwqd],.tile__video[data-astro-cid-yfzaiwqd]{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out);position:absolute;inset:0}.tile__video[data-astro-cid-yfzaiwqd]{opacity:0;transition:opacity .32s var(--ease-out)}.tile__video[data-astro-cid-yfzaiwqd].is-on{opacity:1}[data-astro-cid-yfzaiwqd][data-theme=dark] .tile__img--light[data-astro-cid-yfzaiwqd],:root:not([data-theme=dark]) .tile__img--dark[data-astro-cid-yfzaiwqd]{display:none}@media (hover:hover) and (pointer:fine){.tile[data-astro-cid-yfzaiwqd]:hover .tile__img[data-astro-cid-yfzaiwqd]{transform:scale(1.03)}}.tile[data-astro-cid-yfzaiwqd]:hover .tile__quick[data-astro-cid-yfzaiwqd],.tile[data-astro-cid-yfzaiwqd]:focus-within .tile__quick[data-astro-cid-yfzaiwqd]{opacity:1;transform:none}@media (hover:none){.tile__quick[data-astro-cid-yfzaiwqd]{opacity:1;transform:none}}.tile__quick[data-astro-cid-yfzaiwqd]:active{transform:scale(.97)}.tile__label[data-astro-cid-yfzaiwqd]{gap:.25rem;display:grid}.tile__top[data-astro-cid-yfzaiwqd]{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.tile__actions[data-astro-cid-yfzaiwqd]{z-index:3;gap:.5rem;display:flex;position:absolute;top:.75rem;right:.75rem}.tile__actions[data-astro-cid-yfzaiwqd] .atc--icon,.tile__actions[data-astro-cid-yfzaiwqd] .fav--icon{box-shadow:0 6px 16px -10px #00000073}.tile__code[data-astro-cid-yfzaiwqd]{--code-bg:#f3f4f8;--code-pane:#fff;--code-edge:#14142814;--code-ink:#2a2d3e;--code-dim:#8a8fa6;--tk-c:#9a9fb5;--tk-t:#c2410c;--tk-a:#7c3aed;--tk-s:#0f7b55;--tk-k:#be185d;--tk-v:#0e7490;--tk-n:#b45309;--tk-f:#1d4ed8;--cols:var(--files);--pane:calc((100cqi - 1.25rem - (var(--cols) - 1) * .5rem) / var(--cols) - 1.25rem);grid-area:2/1;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));background:var(--code-bg);border-top:1px solid var(--code-edge);gap:.5rem;padding:.625rem;display:grid}[data-theme=dark] .tile__code[data-astro-cid-yfzaiwqd]{--code-bg:#0d0e14;--code-pane:#15161f;--code-edge:#ffffff12;--code-ink:#d6d9ea;--code-dim:#6b7090;--tk-c:#5d6283;--tk-t:#ff9e64;--tk-a:#c3a6ff;--tk-s:#9ece6a;--tk-k:#f7768e;--tk-v:#7dcfff;--tk-n:#ffb86b;--tk-f:#7aa2f7}.tile__file[data-astro-cid-yfzaiwqd]{background:var(--code-pane);min-width:0;box-shadow:inset 0 0 0 1px var(--code-edge);border-radius:10px;position:relative;overflow:hidden}.tile__file-name[data-astro-cid-yfzaiwqd]{font:600 .6875rem/1 var(--font);color:var(--code-ink);letter-spacing:0;align-items:center;gap:.375rem;padding:.5rem .625rem .25rem;display:flex}.tile__file-name[data-astro-cid-yfzaiwqd]:before{content:"";background:var(--dot);border-radius:50%;flex:none;width:7px;height:7px}.tile__file--html[data-astro-cid-yfzaiwqd]{--dot:#f97316}.tile__file--css[data-astro-cid-yfzaiwqd]{--dot:#38bdf8}.tile__file--js[data-astro-cid-yfzaiwqd]{--dot:#facc15}.tile__file[data-astro-cid-yfzaiwqd] pre[data-astro-cid-yfzaiwqd]{font:clamp(6.5px, calc(var(--pane) / 17.6), 11px)/1.5 ui-monospace, "SF Mono", Menlo, monospace;height:calc(16.5em + .875rem);color:var(--code-ink);white-space:pre;margin:0;padding:.25rem .625rem .625rem;overflow:hidden}.tile__file[data-astro-cid-yfzaiwqd] pre[data-astro-cid-yfzaiwqd] code[data-astro-cid-yfzaiwqd]{all:unset}.tile__file--auto[data-astro-cid-yfzaiwqd]:after{content:"";background:linear-gradient(transparent, var(--code-pane));pointer-events:none;height:2.25rem;position:absolute;inset:auto 0 0}.tile__file--auto[data-astro-cid-yfzaiwqd] pre[data-astro-cid-yfzaiwqd]{-webkit-mask-image:linear-gradient(90deg,#000 82%,#0000);mask-image:linear-gradient(90deg,#000 82%,#0000)}.tile__code[data-astro-cid-yfzaiwqd] .tk-c{color:var(--tk-c);font-style:italic}.tile__code[data-astro-cid-yfzaiwqd] .tk-t{color:var(--tk-t)}.tile__code[data-astro-cid-yfzaiwqd] .tk-a{color:var(--tk-a)}.tile__code[data-astro-cid-yfzaiwqd] .tk-s{color:var(--tk-s)}.tile__code[data-astro-cid-yfzaiwqd] .tk-k{color:var(--tk-k)}.tile__code[data-astro-cid-yfzaiwqd] .tk-v{color:var(--tk-v)}.tile__code[data-astro-cid-yfzaiwqd] .tk-n{color:var(--tk-n)}.tile__code[data-astro-cid-yfzaiwqd] .tk-f{color:var(--tk-f)}@container tile (width<=30rem){.tile__code[data-astro-cid-yfzaiwqd]:not([style*=--files\:1]){--cols:2}.tile__code[data-astro-cid-yfzaiwqd][style*=--files\:3] .tile__file[data-astro-cid-yfzaiwqd]:first-child{display:none}}@container tile (width<=19rem){.tile__code[data-astro-cid-yfzaiwqd]{--cols:1}.tile__file[data-astro-cid-yfzaiwqd]:not(:last-child){display:none}}.tile--lg[data-astro-cid-yfzaiwqd] .tile__media[data-astro-cid-yfzaiwqd]{aspect-ratio:11/8}.tile--lg[data-astro-cid-yfzaiwqd] .tile__name[data-astro-cid-yfzaiwqd]{font-size:1.625rem}.tile__meta[data-astro-cid-yfzaiwqd] span[data-astro-cid-yfzaiwqd]{border-radius:var(--r-pill);background:color-mix(in oklab, var(--ink) 6%, transparent);padding:.125rem .5rem}.tile__cat[data-astro-cid-yfzaiwqd]{font-size:var(--t-micro);color:var(--ink-soft)}.tile__name[data-astro-cid-yfzaiwqd]{letter-spacing:-.025em;margin:0;font-size:1.375rem;font-weight:650;line-height:1.15}.tile__name[data-astro-cid-yfzaiwqd] a[data-astro-cid-yfzaiwqd]{color:var(--ink);text-decoration:none}.tile__name[data-astro-cid-yfzaiwqd] a[data-astro-cid-yfzaiwqd]:after{content:"";border-radius:var(--r-md);position:absolute;inset:0}.tile[data-astro-cid-yfzaiwqd]{container:tile/inline-size}.tile__name[data-astro-cid-yfzaiwqd] a[data-astro-cid-yfzaiwqd]:focus-visible{outline:none}.tile[data-astro-cid-yfzaiwqd]:has(a:focus-visible) .tile__frame[data-astro-cid-yfzaiwqd]{outline:2px solid var(--accent);outline-offset:3px}@media (hover:hover) and (pointer:fine){.tile[data-astro-cid-yfzaiwqd]:hover .tile__name[data-astro-cid-yfzaiwqd] a[data-astro-cid-yfzaiwqd]{color:var(--accent)}}.tile__tag[data-astro-cid-yfzaiwqd]{color:var(--ink-soft);font-size:.9375rem;line-height:1.4}.tile__meta[data-astro-cid-yfzaiwqd]{font-size:var(--t-micro);color:var(--ink-soft);flex-wrap:wrap;gap:.375rem;margin-top:.5rem;display:flex}.tile__price[data-astro-cid-yfzaiwqd]{color:var(--ink);font-size:1.0625rem;font-weight:600}@media (prefers-reduced-motion:reduce){.tile__img[data-astro-cid-yfzaiwqd]{transition:none}}