.device{flex-direction:column;gap:1rem;display:flex}.device-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.device-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.icon-btn{border:1px solid var(--line-strong);cursor:pointer;width:44px;height:44px;color:var(--ink-2);transition:background-color var(--fast) var(--ease), color var(--fast) var(--ease), transform var(--fast) var(--ease);background:0 0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-raised);color:var(--ink)}.icon-btn:active{transform:rotate(-30deg)}.icon-btn svg{width:18px;height:18px}.stage{border-radius:var(--r-xl);background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 60%), var(--bg-sunken);border:1px solid var(--line);place-items:start center;padding:clamp(12px,3vw,40px);display:grid;overflow:hidden}.shell{width:min(100%, var(--w));background:var(--bg-raised);border:1px solid var(--line-strong);box-shadow:var(--shadow-3);transition:width var(--slow) var(--ease-out);border-radius:18px;overflow:hidden}.device[data-device=phone] .shell{border-width:6px;border-color:var(--ink);background:var(--ink);border-radius:36px}.device[data-device=phone] .chrome{display:none}.device[data-device=phone] .screen{border-radius:30px}.chrome{background:var(--bg-sunken);border-bottom:1px solid var(--line);align-items:center;gap:.75rem;height:38px;padding:0 .9rem;display:flex}.chrome .dots{gap:6px;display:inline-flex}.chrome .dots i{background:var(--line-strong);border-radius:50%;width:10px;height:10px}.chrome .url{text-align:center;color:var(--ink-3);background:var(--bg-raised);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;flex:1;max-width:420px;margin-inline:auto;padding:3px 10px;font-size:.75rem;overflow:hidden}.screen{height:var(--h);max-height:78vh;transition:height var(--slow) var(--ease-out);background:#fff;position:relative;overflow:hidden}.screen iframe{opacity:0;width:100%;height:100%;transition:opacity var(--slow) var(--ease);border:0}.screen iframe[data-loaded=true]{opacity:1}.screen .poster{object-fit:cover;object-position:top;width:100%;height:100%;transition:opacity var(--slow) var(--ease);pointer-events:none;position:absolute;inset:0}.screen .poster[data-hidden=true]{opacity:0}.screen .loading{background:var(--bg-overlay);backdrop-filter:blur(8px);color:var(--ink-2);box-shadow:var(--shadow-1);border-radius:999px;padding:.35rem .8rem;font-size:.78rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.stage-note{text-align:center}@media (width<=640px){.device-bar{flex-direction:column;align-items:stretch}.device-actions{justify-content:stretch}.device-actions .btn{flex:1}.stage{border-radius:var(--r-lg);padding:10px}.screen{max-height:70vh}}@media (prefers-reduced-motion:reduce){.shell,.screen,.screen iframe,.screen .poster{transition:none}}.sr-only[data-astro-cid-z7xolria]{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.detail[data-astro-cid-z7xolria]{flex-direction:column;gap:clamp(48px,7vw,96px);padding-top:1.5rem;display:flex}.crumbs[data-astro-cid-z7xolria]{color:var(--ink-3);gap:.5rem;margin-bottom:-1.5rem;display:flex}.crumbs[data-astro-cid-z7xolria] a[data-astro-cid-z7xolria]:hover{color:var(--ink)}.title-block[data-astro-cid-z7xolria]{align-items:end;gap:2rem;display:grid}@media (width>=900px){.title-block[data-astro-cid-z7xolria]{grid-template-columns:1fr auto}}.title-copy[data-astro-cid-z7xolria]{flex-direction:column;gap:1rem;max-width:760px;display:flex}.title-meta[data-astro-cid-z7xolria]{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.tag-new[data-astro-cid-z7xolria]{background:var(--accent);color:var(--accent-ink)}.name[data-astro-cid-z7xolria]{font-size:clamp(2.8rem,7vw,5.6rem)}.headline[data-astro-cid-z7xolria]{color:var(--ink-2);text-wrap:balance;font-size:clamp(1.3rem,2.4vw,1.8rem);line-height:1.25}.title-actions[data-astro-cid-z7xolria]{flex-direction:column;align-items:flex-start;gap:.6rem;display:flex}@media (width>=900px){.title-actions[data-astro-cid-z7xolria]{text-align:right;align-items:flex-end}}.section-head[data-astro-cid-z7xolria]{flex-direction:column;gap:.25rem;margin-bottom:1.5rem;display:flex}.section-title[data-astro-cid-z7xolria]{text-wrap:balance;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:500}.get-grid[data-astro-cid-z7xolria]{align-items:start;gap:2rem;display:grid}@media (width>=900px){.get-grid[data-astro-cid-z7xolria]{grid-template-columns:1.4fr 1fr;gap:3rem}}.get-col[data-astro-cid-z7xolria]{flex-direction:column;gap:.8rem;display:flex}.get-col[data-astro-cid-z7xolria] h3[data-astro-cid-z7xolria]{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:1rem;font-size:.8rem;font-weight:600}.get-col[data-astro-cid-z7xolria] h3[data-astro-cid-z7xolria]:first-child{margin-top:0}.pills[data-astro-cid-z7xolria]{flex-wrap:wrap;gap:.4rem;display:flex}.checks[data-astro-cid-z7xolria]{flex-direction:column;gap:.5rem;display:flex}.checks[data-astro-cid-z7xolria] li[data-astro-cid-z7xolria]{color:var(--ink-2);padding-left:1.6rem;position:relative}.checks[data-astro-cid-z7xolria] li[data-astro-cid-z7xolria]:before{content:"";border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);width:14px;height:8px;position:absolute;top:.45em;left:0;transform:rotate(-45deg)}.swatches[data-astro-cid-z7xolria]{flex-wrap:wrap;gap:.75rem;display:flex}.swatches[data-astro-cid-z7xolria] li[data-astro-cid-z7xolria]{align-items:center;gap:.45rem;display:flex}.swatches[data-astro-cid-z7xolria] .sw[data-astro-cid-z7xolria]{background:var(--c);border:1px solid #0000001a;border-radius:50%;width:28px;height:28px;box-shadow:inset 0 0 0 1px #ffffff40}.swatches[data-astro-cid-z7xolria] code[data-astro-cid-z7xolria]{font-family:var(--mono);color:var(--ink-3)}.phone-shot[data-astro-cid-z7xolria]{flex-direction:column;align-items:center;gap:.75rem;margin:0;display:flex}.phone-shot[data-astro-cid-z7xolria] img[data-astro-cid-z7xolria]{border:6px solid var(--ink);background:var(--ink);width:min(100%,300px);height:auto;box-shadow:var(--shadow-3);border-radius:28px}.dev-grid[data-astro-cid-z7xolria]{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem;display:grid}.dev-card[data-astro-cid-z7xolria]{border-radius:var(--r-lg);background:var(--bg-raised);border:1px solid var(--line);flex-direction:column;gap:.6rem;padding:1.4rem;display:flex}.dev-card[data-astro-cid-z7xolria] h3[data-astro-cid-z7xolria]{font-size:1rem;font-weight:600}.dev-card[data-astro-cid-z7xolria] p[data-astro-cid-z7xolria],.dev-card[data-astro-cid-z7xolria] li[data-astro-cid-z7xolria]{color:var(--ink-2);font-size:.95rem}.dev-card[data-astro-cid-z7xolria] pre[data-astro-cid-z7xolria]{border-radius:var(--r-md);background:var(--bg-sunken);margin:0;padding:1rem;overflow-x:auto}.dev-card[data-astro-cid-z7xolria] code[data-astro-cid-z7xolria]{font-family:var(--mono);font-size:.85rem}.dev-card[data-astro-cid-z7xolria] li[data-astro-cid-z7xolria] code[data-astro-cid-z7xolria]{background:var(--bg-sunken);border-radius:5px;padding:.1em .4em}.more-grid[data-astro-cid-z7xolria]{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:1.25rem;display:grid}.sticky-bar[data-astro-cid-z7xolria]{z-index:40;transition:transform var(--slow) var(--ease-out);background:var(--bg-overlay);backdrop-filter:saturate(160%)blur(14px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.sticky-bar[data-astro-cid-z7xolria].is-shown{transform:translateY(0)}.sticky-row[data-astro-cid-z7xolria]{justify-content:space-between;align-items:center;gap:1rem;min-height:68px;display:flex}.sticky-name[data-astro-cid-z7xolria]{flex-direction:column;line-height:1.2;display:flex}@media (prefers-reduced-motion:reduce){.sticky-bar[data-astro-cid-z7xolria]{transition:none}}