.mir{--measure:640px;overflow-x:clip}.mir-col{width:100%;max-width:var(--measure);margin-inline:auto;padding-inline:22px}.mir-wide{--w:min(1020px, calc(100vw - 44px));width:var(--w);margin-left:calc(50% - var(--w) / 2)}.mir-prose{color:var(--text);font-size:17px;line-height:1.72}.mir-prose p+p{margin-top:1.2em}.mir-prose strong{font-weight:500}.mir-caption{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--muted);font-variant-numeric:tabular-nums;font-size:11.5px;line-height:1.65}.mir-meta{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;line-height:1.7}.mir-action{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--text);font-size:12px;transition:color .17s}.mir-action:hover{color:var(--accent)}.mir-demo{border:1px solid var(--hairline);background:#0a0a0a;border-radius:10px;width:100%;height:auto;display:block;box-shadow:0 18px 40px -30px #0000008c}.mir-phone{border:1px solid var(--hairline);aspect-ratio:1284/2778;background:#0a0a0a;border-radius:18px;position:relative;overflow:hidden}.mir-phone>img{object-fit:cover;width:100%;height:100%;display:block}.mir-mount{background:var(--surface);border:1px solid var(--hairline)}.mir-shelf{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;cursor:grab;gap:16px;width:100vw;margin-left:calc(50% - 50vw);padding:8px max(22px,50vw - 510px) 24px;list-style:none;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000)}.mir-shelf::-webkit-scrollbar{display:none}.mir-shelf[data-drag]{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.mir-shot{scroll-snap-align:center;width:240px;transition:opacity .52s cubic-bezier(.23,1,.32,1),transform .52s cubic-bezier(.23,1,.32,1);transition-delay:calc(var(--i) * 65ms);flex:none}@media (min-width:640px){.mir-shot{width:276px}}.mir [data-in=hidden] .mir-shot{opacity:0;transform:translateY(18px)}.mir-shot-frame{border:1px solid var(--hairline);background:var(--surface);border-radius:14px;transition:transform .32s cubic-bezier(.23,1,.32,1),box-shadow .32s cubic-bezier(.23,1,.32,1),opacity .32s;display:block;overflow:hidden;box-shadow:0 16px 36px -28px #0000008c}.mir-shot-frame>img{width:100%;height:auto;display:block}.mir-shelf:hover .mir-shot-frame{opacity:.62}.mir-shelf .mir-shot:hover .mir-shot-frame{opacity:1;transform:translateY(-6px);box-shadow:0 26px 50px -30px #0009}.mir-shelf[data-drag] .mir-shot-frame,.mir-shelf[data-drag] .mir-shot:hover .mir-shot-frame{opacity:1;transform:none}.mir [data-in]{transition:opacity .48s cubic-bezier(.23,1,.32,1),transform .48s cubic-bezier(.23,1,.32,1)}.mir [data-in=hidden]{opacity:0;transform:translateY(10px)}@media (prefers-reduced-motion:reduce){.mir [data-in]{transition:none}.mir [data-in=hidden]{opacity:1;transform:none}.mir-shot,.mir-shot-frame{transition:none}.mir [data-in=hidden] .mir-shot{opacity:1;transform:none}.mir-shelf .mir-shot:hover .mir-shot-frame{transform:none}}