/* "Get the app" tiles and install steps (install.js). */
.install-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.install-tile{display:grid;justify-items:start;gap:.35rem;padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--ov-bg-white-05) 2%,transparent);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.install-tile:hover,.install-tile:focus-visible{border-color:var(--lime);background:color-mix(in srgb,var(--ov-bg-lime-02) 6%,transparent);outline:none}
.install-tile.current{border-color:color-mix(in srgb,var(--ov-lime-02) 55%,transparent)}
.install-tile svg{width:30px;height:30px;fill:none;stroke:var(--lime);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.install-tile strong{font-size:1rem}
.install-tile small{color:var(--muted);font-size:.78rem}
.install-status{color:var(--muted);font-size:.84rem;margin:.9rem 0 .6rem}
.install-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1rem;background:color-mix(in srgb,var(--ov-bg-black-01) 75%,transparent);backdrop-filter:blur(5px)}
.install-dialog{position:relative;width:min(520px,100%);padding:1.6rem;border:1px solid color-mix(in srgb,var(--ov-lime-02) 40%,transparent);border-radius:18px;background:var(--bg-04);color:var(--lime-fg-19)}
.install-dialog h2{margin:.2rem 0 .8rem;font-size:1.5rem;letter-spacing:-.03em}
.install-dialog ol{padding-left:1.2rem;display:grid;gap:.5rem;margin:0 0 1rem}
.install-dialog li{color:var(--fg-55)}
.install-note{color:var(--fg-28);font-size:.84rem}
.install-dialog .button{margin:.4rem .4rem 0 0}
.install-close{position:absolute;top:.6rem;right:.8rem;border:0;background:none;color:var(--fg-28);font-size:1.6rem;cursor:pointer}
@media(max-width:800px){.install-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
