.card[data-astro-cid-ryuh4v2g]{border:1px solid var(--color-outline);background:var(--card-surface);color:var(--color-content);transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), opacity .7s ease;border-radius:12px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.card[data-astro-cid-ryuh4v2g]:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card[data-astro-cid-ryuh4v2g]:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}@media (prefers-reduced-motion:reduce){.card[data-astro-cid-ryuh4v2g],.card[data-astro-cid-ryuh4v2g]:hover{transition:none;transform:none}}.media[data-astro-cid-ryuh4v2g]{background:var(--thumb-plate);align-items:flex-end;height:300px;padding:28px 28px 0;display:flex;overflow:hidden}.browser[data-astro-cid-ryuh4v2g]{border:1px solid var(--color-outline);background:var(--card-surface);width:100%;box-shadow:var(--shadow-lg);border-bottom:none;border-radius:10px 10px 0 0;overflow:hidden}.browser[data-astro-cid-ryuh4v2g].dark{background:#000}.bar[data-astro-cid-ryuh4v2g]{border-bottom:1px solid var(--color-outline);background:var(--frame-bar);align-items:center;gap:6px;padding:8px 12px;display:flex}.bar[data-astro-cid-ryuh4v2g] i[data-astro-cid-ryuh4v2g]{background:var(--color-outline);border-radius:50%;flex:none;width:8px;height:8px}.bar[data-astro-cid-ryuh4v2g] span[data-astro-cid-ryuh4v2g]{white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-mono);color:var(--color-content-lighter);margin-left:6px;font-size:10px;overflow:hidden}.browser[data-astro-cid-ryuh4v2g] img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;height:auto;display:block}.tall[data-astro-cid-ryuh4v2g] .browser[data-astro-cid-ryuh4v2g]{flex-direction:column;align-self:stretch;display:flex}.tall[data-astro-cid-ryuh4v2g] .browser[data-astro-cid-ryuh4v2g] img{aspect-ratio:auto;flex:1;min-height:0}@media (width<=760px){.media-browser[data-astro-cid-ryuh4v2g]{height:auto}.tall[data-astro-cid-ryuh4v2g] .browser[data-astro-cid-ryuh4v2g] img{aspect-ratio:4/3;flex:none}}.media-phones[data-astro-cid-ryuh4v2g]{align-items:flex-start}.phones[data-astro-cid-ryuh4v2g]{justify-content:center;align-items:flex-start;gap:18px;width:100%;display:flex}.phone[data-astro-cid-ryuh4v2g]{border:1px solid var(--phone-bezel-line);background:var(--phone-bezel);width:150px;box-shadow:var(--shadow-lg);border-radius:24px;padding:6px}.phone[data-astro-cid-ryuh4v2g]:first-child{margin-top:34px}.phone[data-astro-cid-ryuh4v2g] img{border-radius:18px;width:100%;height:auto;display:block}.media-typographic[data-astro-cid-ryuh4v2g]{background:var(--thumb-1);padding:0}.typo[data-astro-cid-ryuh4v2g]{flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:28px;display:flex}.typo-note[data-astro-cid-ryuh4v2g]{font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-content-lighter);font-size:10px}.typo-title[data-astro-cid-ryuh4v2g]{font-family:var(--font-heading);max-width:10ch;font-size:30px;line-height:1.15}.body[data-astro-cid-ryuh4v2g]{flex-direction:column;gap:10px;padding:20px 24px 24px;display:flex}.meta[data-astro-cid-ryuh4v2g]{font-family:var(--font-mono);letter-spacing:.12em;justify-content:space-between;gap:12px;margin:0;font-size:10px;display:flex}.payload[data-astro-cid-ryuh4v2g]{color:var(--color-primary)}.status[data-astro-cid-ryuh4v2g]{color:var(--color-secondary);text-align:right}.title[data-astro-cid-ryuh4v2g]{font-family:var(--font-heading);margin:4px 0 0;font-size:19px;font-weight:400;line-height:1.3}.body[data-astro-cid-ryuh4v2g] .desc{color:var(--color-content-light);margin:0;font-size:14px;line-height:1.6}.tags[data-astro-cid-ryuh4v2g]{flex-wrap:wrap;gap:8px;margin:6px 0 0;padding:0;list-style:none;display:flex}.tags[data-astro-cid-ryuh4v2g] li[data-astro-cid-ryuh4v2g]{border:1px solid var(--color-outline);border-radius:var(--radius-full);font-family:var(--font-mono);letter-spacing:.06em;padding:3px 9px;font-size:10px}.compact[data-astro-cid-ryuh4v2g]{grid-template-columns:clamp(132px,45%,198px) 1fr;gap:18px;padding:16px;display:grid}.compact[data-astro-cid-ryuh4v2g] .media[data-astro-cid-ryuh4v2g]{aspect-ratio:198/150;border:1px solid var(--color-outline);background:var(--frame-bar);border-radius:8px;align-self:start;height:auto;padding:7.5% 7.5% 0}.compact[data-astro-cid-ryuh4v2g] .browser[data-astro-cid-ryuh4v2g]{max-height:100%;box-shadow:none;border-radius:6px 6px 0 0}.compact[data-astro-cid-ryuh4v2g] .browser[data-astro-cid-ryuh4v2g] img{aspect-ratio:auto}.compact[data-astro-cid-ryuh4v2g] .phones[data-astro-cid-ryuh4v2g]{gap:0}.compact[data-astro-cid-ryuh4v2g] .phone[data-astro-cid-ryuh4v2g]{border-radius:18px;width:48%;margin-top:0;padding:4px}.compact[data-astro-cid-ryuh4v2g] .phone[data-astro-cid-ryuh4v2g]:not(:first-child){display:none}.compact[data-astro-cid-ryuh4v2g] .phone[data-astro-cid-ryuh4v2g] img{border-radius:14px}.compact[data-astro-cid-ryuh4v2g] .media-typographic[data-astro-cid-ryuh4v2g]{background:var(--thumb-1);padding:0}.compact[data-astro-cid-ryuh4v2g] .typo[data-astro-cid-ryuh4v2g]{padding:15px}.compact[data-astro-cid-ryuh4v2g] .typo-note[data-astro-cid-ryuh4v2g]{display:none}.compact[data-astro-cid-ryuh4v2g] .typo-title[data-astro-cid-ryuh4v2g]{font-size:16px}.compact[data-astro-cid-ryuh4v2g] .body[data-astro-cid-ryuh4v2g]{gap:6px;padding:0}.compact[data-astro-cid-ryuh4v2g] .title[data-astro-cid-ryuh4v2g]{margin:2px 0 0;font-size:14px}.compact[data-astro-cid-ryuh4v2g] .body[data-astro-cid-ryuh4v2g] .desc{font-size:13px;line-height:1.5}