.oia{display:none}@media (max-width:720px){.oia{align-items:center;gap:var(--s-1);display:flex}.oia-inline{margin:var(--s-3) var(--s-4) 0;padding:var(--s-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-1)}.oia-overlay{top:calc(env(safe-area-inset-top,0px) + 62px);left:var(--s-3);right:var(--s-3);z-index:15;padding:var(--s-1) var(--s-2);border-radius:var(--r-full);-webkit-backdrop-filter:blur(8px);background:#0000008c;border:1px solid #ffffff2e;position:absolute}.oia-cta{align-items:center;gap:var(--s-2);min-width:0;padding:var(--s-1);font-size:var(--t-md);color:var(--ink);flex:1;font-weight:600;display:flex}.oia-overlay .oia-cta{color:#fff}.oia-mark{border-radius:var(--r-sm);background:var(--accent);width:26px;height:26px;color:var(--accent-ink);font-size:var(--t-xs);flex:none;place-items:center;font-weight:800;line-height:1;display:grid}.oia-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.oia-chev{color:var(--accent);flex:none}.oia-overlay .oia-chev{color:#ffffffbf}.oia-close{border-radius:var(--r-full);width:32px;height:32px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.oia-overlay .oia-close{color:#ffffffbf}}